@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.20

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.controller.cjs

@@ -110,24 +110,33 @@ class NavBreadcrumbController extends runtime.PanelItemController {
     }
     if (this.navMode === "store") {
       const { currentRoute } = router;
+      const routePath = vue3Util.route2routePath(currentRoute.value);
       const fullPath = currentRoute.value.fullPath;
       const viewName = navBreadcrumb_util.getCurViewName(router);
+      const menuTag = navBreadcrumb_util.getMenuTag(routePath.pathNodes);
       const chacheItem = this.service.getItem({ fullPath, viewName });
+      const indexViewName = navBreadcrumb_util.getAppIndexViewName(this.panel.context);
       if (chacheItem) {
-        if (chacheItem.viewName === ibiz.hub.defaultAppIndexViewName) {
+        if (chacheItem.viewName === indexViewName) {
           this.service.setChache([
             { ...navBreadcrumb_util.getIndexBreadcrumb(this.panel.context), fullPath }
           ]);
           this.resetBreadcrumbs();
           return;
         }
+        this.service.update({ ...chacheItem, fullPath });
         const removeItems = this.service.removeAfter(fullPath);
         removeItems.forEach((item) => {
           var _a;
           (_a = this.navPos) == null ? void 0 : _a.removeCache(item.fullPath);
         });
         this.resetBreadcrumbs();
+      } else if (this.state.menuTag !== menuTag) {
+        this.setBreadcrumbByRouter(router);
+      } else {
+        this.service.add({ viewName, fullPath, type: "default" });
       }
+      this.state.menuTag = menuTag;
     }
   }
   /**
@@ -148,7 +157,7 @@ class NavBreadcrumbController extends runtime.PanelItemController {
     if (this.navMode === "menu") {
       return;
     }
-    this.service.updateOrAdd({ fullPath, ...info });
+    this.service.update({ fullPath, type: "default", ...info });
     this.resetBreadcrumbs();
   }
   /**
@@ -164,19 +173,30 @@ class NavBreadcrumbController extends runtime.PanelItemController {
    * @param {Router} router
    * @memberof NavBreadcrumbController
    */
-  setBreadcrumbByRouter(router) {
+  async setBreadcrumbByRouter(router) {
     const { currentRoute } = router;
     const routePath = vue3Util.route2routePath(currentRoute.value);
-    const items = routePath.pathNodes.map(
-      (node, index) => {
-        const { appContext, pathNodes } = routePath;
+    const { appContext = {}, pathNodes } = routePath;
+    const menuTag = navBreadcrumb_util.getMenuTag(pathNodes);
+    let hasMenuItem = false;
+    const menuData = await navBreadcrumb_util.getMenuItemByTag(
+      menuTag,
+      this.appmenu,
+      this.panel.context
+    );
+    const calcPathNodes = routePath.pathNodes.map(
+      async (node, index) => {
+        if (this.appmenu && menuData && menuData.viewName === node.viewName) {
+          hasMenuItem = true;
+        }
         const fullPath = vue3Util.routePath2string({
           appContext,
           pathNodes: pathNodes.slice(0, index + 1)
         });
         const result = {
           viewName: node.viewName,
-          fullPath
+          fullPath,
+          type: "default"
         };
         const chacheItem = this.service.getItem({ viewName: node.viewName });
         if (chacheItem) {
@@ -185,13 +205,28 @@ class NavBreadcrumbController extends runtime.PanelItemController {
           }
           Object.assign(result, chacheItem);
         }
-        const viewInfo = navBreadcrumb_util.getViewInfoByViewStack(node.viewName);
+        const viewInfo = navBreadcrumb_util.getViewInfoByViewStack(
+          node.viewName,
+          this.panel.context
+        );
         if (viewInfo) {
           Object.assign(result, ramda.reject(ramda.isNil, viewInfo));
         }
         return result;
       }
     );
+    const items = await Promise.all(calcPathNodes);
+    if (!hasMenuItem && menuData) {
+      this.state.menuTag = menuData.tag;
+      const item = {
+        viewName: menuData.viewName,
+        caption: menuData.menuItem.caption,
+        fullPath: "",
+        type: "menuItem",
+        menuTag: menuData.tag
+      };
+      items.splice(1, 0, item);
+    }
     this.service.setChache(items);
     this.resetBreadcrumbs();
   }
@@ -225,6 +260,7 @@ class NavBreadcrumbController extends runtime.PanelItemController {
           return {
             caption: item.caption,
             fullPath: "",
+            type: "default",
             viewName: item.id
           };
         });
@@ -267,16 +303,14 @@ class NavBreadcrumbController extends runtime.PanelItemController {
     }
     if (this.appmenu) {
       this.appmenu.evt.on("onClick", async (data) => {
-        var _a;
         const { eventArg } = data;
-        const menuItem = this.appmenu.allAppMenuItems.find(
-          (x) => x.id === eventArg
+        const menuData = await navBreadcrumb_util.getMenuItemByTag(
+          eventArg,
+          this.appmenu,
+          this.panel.context
         );
-        if (menuItem) {
-          const app = ibiz.hub.getApp(this.panel.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);
+        if (menuData) {
+          const { viewName, appFunc, viewConfig } = menuData;
           if (appFunc.openMode !== "INDEXVIEWTAB" || viewConfig && viewConfig.openMode && viewConfig.openMode !== "INDEXVIEWTAB") {
             return;
           }
@@ -287,7 +321,8 @@ class NavBreadcrumbController extends runtime.PanelItemController {
           } else {
             items.push({
               viewName,
-              fullPath: ""
+              fullPath: "",
+              type: "default"
             });
           }
           items.unshift(navBreadcrumb_util.getIndexBreadcrumb(this.panel.context));
@@ -314,6 +349,17 @@ class NavBreadcrumbController extends runtime.PanelItemController {
     }
     Object.assign(this.rawItemParams, params);
   }
+  /**
+   * @description 打开菜单项视图
+   * @param {IData} item
+   * @param {MouseEvent} event
+   * @memberof NavBreadcrumbController
+   */
+  openMenuItemView(item, event) {
+    if (this.appmenu) {
+      this.appmenu.onClickMenuItem(item.menuTag, event);
+    }
+  }
 }
 
 exports.NavBreadcrumbController = NavBreadcrumbController;

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.css

@@ -1 +1 @@
-.ibiz-nav-breadcrumb{--ibiz-nav-breadcrumb-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-breadcrumb-link-color:var(--ibiz-color-link);--ibiz-nav-breadcrumb-disabled-color:var(--ibiz-color-text-0);padding:var(--ibiz-nav-breadcrumb-padding);--el-text-color-primary:var(--ibiz-nav-breadcrumb-link-color)}.ibiz-nav-breadcrumb--menu{color:var(--ibiz-nav-breadcrumb-disabled-color);--el-text-color-primary:var(--ibiz-nav-breadcrumb-disabled-color)}.ibiz-nav-breadcrumb--menu .el-breadcrumb__item{cursor:text}.ibiz-nav-breadcrumb--menu .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--ibiz-color-primary)}.ibiz-nav-breadcrumb--menu .el-breadcrumb__inner.is-link{font-weight:400;pointer-events:none}
+.ibiz-nav-breadcrumb{--ibiz-nav-breadcrumb-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-breadcrumb-link-color:var(--ibiz-color-link);--ibiz-nav-breadcrumb-disabled-color:var(--ibiz-color-text-0);padding:var(--ibiz-nav-breadcrumb-padding);--el-text-color-primary:var(--ibiz-nav-breadcrumb-link-color)}.ibiz-nav-breadcrumb--menu{color:var(--ibiz-nav-breadcrumb-disabled-color);--el-text-color-primary:var(--ibiz-nav-breadcrumb-disabled-color)}.ibiz-nav-breadcrumb--menu .el-breadcrumb__item{cursor:text}.ibiz-nav-breadcrumb--menu .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--ibiz-color-primary)}.ibiz-nav-breadcrumb--menu .el-breadcrumb__inner.is-link{font-weight:400;pointer-events:none}.ibiz-nav-breadcrumb .el-breadcrumb__item.is-link .el-breadcrumb__inner{font-weight:700;color:var(--el-text-color-primary);text-decoration:none;cursor:pointer;transition:var(--el-transition-color)}

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.service.cjs

@@ -72,7 +72,7 @@ class NavBreadcrumbService {
    * @param {BreadcrumbMsg} item
    * @memberof NavBreadcrumbService
    */
-  updateOrAdd(item) {
+  update(item) {
     if (!this.chache.length && this.navMode === "store") {
       const result = localStorage.getItem("breadcrumb");
       if (result) {
@@ -82,9 +82,7 @@ class NavBreadcrumbService {
     const index = this.chache.findIndex(
       (x) => x.fullPath && x.fullPath === item.fullPath || x.viewName.toLowerCase() === item.viewName.toLowerCase()
     );
-    if (index === -1) {
-      this.add(item);
-    } else {
+    if (index !== -1) {
       Object.assign(this.chache[index], ramda.reject(ramda.isNil, item));
       this.chache = this.chache.filter((x) => !x.isEmbed && !x.isModal);
       if (this.navMode === "store") {
@@ -100,7 +98,8 @@ class NavBreadcrumbService {
    */
   getItem(data) {
     const { viewName = "", fullPath = "" } = data;
-    if (viewName === "index") {
+    const indexViewName = navBreadcrumb_util.getAppIndexViewName(this.context);
+    if (viewName === indexViewName) {
       return navBreadcrumb_util.getIndexBreadcrumb(this.context);
     }
     const item = this.chache.find(

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.state.cjs

@@ -19,6 +19,12 @@ class NavBreadcrumbState extends runtime.PanelItemState {
      * @memberof NavBreadcrumbState
      */
     __publicField(this, "breadcrumbItems", []);
+    /**
+     * @description 菜单标识
+     * @type {string}
+     * @memberof NavBreadcrumbState
+     */
+    __publicField(this, "menuTag", "");
   }
 }
 

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.util.cjs

@@ -4,12 +4,23 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@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
   };
 }
@@ -50,7 +61,7 @@ function getCurViewName(router) {
   const routePath = vue3Util.route2routePath(currentRoute.value);
   return ((_a = routePath.pathNodes.pop()) == null ? void 0 : _a.viewName) || "";
 }
-function getViewInfoByViewStack(viewName) {
+function getViewInfoByViewStack(viewName, context) {
   if (viewName === runtime.RouteConst.ROUTE_MODAL_TAG) {
     return {
       viewName,
@@ -58,22 +69,58 @@ 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
+    };
   }
 }
 
 exports.getAppFuncByViewName = getAppFuncByViewName;
+exports.getAppIndexViewName = getAppIndexViewName;
 exports.getCurViewName = getCurViewName;
 exports.getIndexBreadcrumb = getIndexBreadcrumb;
+exports.getMenuItemByTag = getMenuItemByTag;
 exports.getMenuItemsByAppFunc = getMenuItemsByAppFunc;
+exports.getMenuTag = getMenuTag;
 exports.getViewInfoByViewStack = getViewInfoByViewStack;

package/lib/panel-component/nav-pos-index/nav-pos-index.controller.cjs

@@ -67,7 +67,7 @@ class NavPosIndexController extends runtime.PanelItemController {
   }
   /**
    * @exposedoc
-   * @description 当前视图的路由层级，非路由模式不存在。
+   * @description 当前视图的路由层级，非路由模式不存在
    * @readonly
    * @type {(number | undefined)}
    * @memberof NavPosIndexController

package/lib/panel-component/panel-app-title/panel-app-title.cjs

@@ -62,6 +62,12 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
       return false;
     });
     const isCollapse = vue.computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
     const showIcon = vue.computed(() => {

package/lib/panel-component/panel-app-title/panel-app-title.controller.cjs

@@ -14,7 +14,7 @@ class PanelAppTitleController extends runtime.PanelItemController {
   constructor() {
     super(...arguments);
     /**
-     * @description 分隔符,将标题以`|`符分割，分隔符前面为caption，后面为caption2
+     * @description 分隔符，将标题以`\|`符分割，分隔符前面为caption，后面为caption2
      * @exposedoc
      * @return {*}
      * @memberof PanelAppTitleController
@@ -74,8 +74,11 @@ class PanelAppTitleController extends runtime.PanelItemController {
     if (this.state.icon.endsWith(".svg") || this.state.icon2.endsWith(".svg")) {
       this.state.isSvg = true;
     }
-    if (ibiz.env.AppTitle)
-      this.state.caption = ibiz.env.AppTitle;
+    const defaultApp = ibiz.hub.getApp();
+    if (defaultApp.model.appId === indexViewModel.appId) {
+      if (ibiz.env.AppTitle)
+        this.state.caption = ibiz.env.AppTitle;
+    }
   }
   /**
    * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}

package/lib/panel-component/panel-button/panel-button.cjs

@@ -70,7 +70,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       try {
         state.loading = true;
         await props.controller.onActionClick(event);
-        props.controller.onClick();
+        props.controller.onClick(event);
       } finally {
         state.loading = false;
       }
@@ -99,6 +99,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
+        "data-id": this.modelData.id,
         "title": core.showTitle(this.tooltip),
         "disabled": this.state.disabled,
         "loading": this.state.loading,

package/lib/panel-component/panel-button/panel-button.controller.cjs

@@ -111,7 +111,8 @@ class PanelButtonController extends runtime.PanelItemController {
         data: [this.data],
         view: this.panel.view,
         event,
-        noWaitRoute: true
+        noWaitRoute: true,
+        ctrl: this.panel
       },
       this.model.appId
     );

package/lib/panel-component/panel-index-view-search/panel-index-view-search.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var lodashEs = require('lodash-es');
+var panelIndexViewSearch_controller = require('./panel-index-view-search.controller.cjs');
 require('./panel-index-view-search.css');
 
 "use strict";
@@ -21,7 +22,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
      * @description 首页搜索控件控制器
      */
     controller: {
-      type: runtime.PanelItemController,
+      type: panelIndexViewSearch_controller.PanelIndexViewSearchController,
       required: true
     }
   },
@@ -43,8 +44,20 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
       return "LEFT";
     });
     const isCollapse = vue.computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
+    const curPlaceholder = vue.computed(() => {
+      const {
+        placeholder
+      } = c.rawItemParams;
+      return placeholder || ibiz.i18n.t("component.indexSearch.placeholder");
+    });
     const classArr = vue.computed(() => {
       const {
         id
@@ -80,6 +93,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
       ns,
       classArr,
       isCollapse,
+      curPlaceholder,
       onInput,
       onSearch,
       c,
@@ -97,7 +111,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
     }, [this.menuAlign === "LEFT" && !this.isCollapse && vue.createVNode(vue.resolveComponent("el-input"), {
       "model-value": this.query,
       "class": this.ns.b("search"),
-      "placeholder": ibiz.i18n.t("component.indexSearch.placeholder"),
+      "placeholder": this.curPlaceholder,
       "onInput": this.onInput,
       "onKeyup": this.onEnter
     }, {

package/lib/panel-component/panel-index-view-search/panel-index-view-search.controller.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelIndexViewSearchController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof PanelIndexViewSearchController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof PanelIndexViewSearchController
+   */
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   * @protected
+   * @memberof PanelIndexViewSearchController
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+exports.PanelIndexViewSearchController = PanelIndexViewSearchController;

package/lib/panel-component/panel-index-view-search/panel-index-view-search.provider.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var runtime = require('@ibiz-template/runtime');
+var panelIndexViewSearch_controller = require('./panel-index-view-search.controller.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -14,7 +14,7 @@ class PanelIndexViewSearchProvider {
     __publicField(this, "component", "IBizPanelIndexViewSearch");
   }
   async createController(panelItem, panel, parent) {
-    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    const c = new panelIndexViewSearch_controller.PanelIndexViewSearchController(panelItem, panel, parent);
     await c.init();
     return c;
   }

package/lib/panel-component/panel-tab-panel/panel-tab-panel.cjs

@@ -75,8 +75,8 @@ const PanelTabPanel = /* @__PURE__ */ vue.defineComponent({
         "label": c.model.caption,
         "name": c.model.id,
         "lazy": true
-      }, _isSlot(slot) ? slot : {
-        default: () => [slot]
+      }, {
+        default: () => [this.state.activeTab === c.model.id && slot]
       });
     })) ? _slot : {
       default: () => [_slot]

package/lib/panel-component/split-container/split-container.controller.cjs

@@ -84,7 +84,8 @@ class SplitContainerController extends runtime.PanelItemController {
    * @param {('left' | 'right' | 'top' | 'bottom')} position
    */
   hiddenPanel(position) {
-    this.lastSplitValue = this.state.splitValue;
+    if (!this.state.isHiddenTrigger)
+      this.lastSplitValue = this.state.splitValue;
     if (position === "left" || position === "top") {
       this.state.splitValue = 0;
     }

package/lib/panel-component/user-message/async-action/async-action/async-action.provider.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var lodashEs = require('lodash-es');
 var asyncActionPreview = require('../async-action-preview/async-action-preview.cjs');
 var asyncActionResult = require('../async-action-result/async-action-result.cjs');
+var asyncDataExport = require('../async-data-export/async-data-export.cjs');
 var asyncAction = require('./async-action.cjs');
 
 "use strict";
@@ -37,6 +38,19 @@ class AsyncActionProvider {
       );
       return true;
     }
+    if (asyncAction.actiontype === "DEEXPORTDATA") {
+      ibiz.overlay.modal(
+        (modal) => {
+          return vue.h(asyncDataExport.AsyncDataExport, {
+            asyncAction,
+            modal
+          });
+        },
+        {},
+        { width: "80%", height: "80%" }
+      );
+      return true;
+    }
     if (lodashEs.isObject(asyncAction.actionresult)) {
       ibiz.overlay.modal(
         (modal) => {

package/lib/panel-component/user-message/async-action/async-action-tab/async-action-tab.css

@@ -1 +1 @@
-.ibiz-async-action-tab{--ibiz-async-action-tab-load-more-height:30px;width:100%;height:100%}.ibiz-async-action-tab__item{min-height:60px;padding:var(--ibiz-spacing-tight) 0}.ibiz-async-action-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-async-action-tab-load-more-height))}.ibiz-async-action-tab__load-more{height:var(--ibiz-async-action-tab-load-more-height);line-height:var(--ibiz-async-action-tab-load-more-height);text-align:center}.ibiz-async-action-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}
+.ibiz-async-action-tab{--ibiz-async-action-tab-load-more-height:30px;width:100%;height:100%}.ibiz-async-action-tab__item{min-height:60px;padding:var(--ibiz-spacing-tight) 0;cursor:pointer}.ibiz-async-action-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-async-action-tab-load-more-height))}.ibiz-async-action-tab__load-more{height:var(--ibiz-async-action-tab-load-more-height);line-height:var(--ibiz-async-action-tab-load-more-height);text-align:center}.ibiz-async-action-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}

package/lib/panel-component/user-message/async-action/async-data-export/async-data-export.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./async-data-export.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const AsyncDataExport = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAsyncDataExport",
+  props: {
+    asyncAction: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("async-data-export");
+    const finishedStates = [30, 40];
+    const onClose = () => {
+      props.modal.dismiss();
+    };
+    const info = vue.reactive({
+      title: "",
+      beginTime: "",
+      endTime: "",
+      fileUrl: "",
+      fileName: "",
+      isFinish: false
+    });
+    info.title = ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.exportDetailPrompt", {
+      name: props.asyncAction.asyncacitonname
+    });
+    info.beginTime = props.asyncAction.begintime;
+    info.endTime = props.asyncAction.endtime;
+    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;
+    } else {
+      info.isFinish = true;
+    }
+    const onDownLoad = () => {
+      ibiz.util.file.fileDownload(info.fileUrl, info.fileName);
+    };
+    return {
+      ns,
+      info,
+      onClose,
+      onDownLoad
+    };
+  },
+  render() {
+    let _slot, _slot2;
+    return vue.createVNode("div", {
+      "class": [this.ns.b()]
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("header")
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("title")
+    }, [this.info.title]), vue.createVNode("div", {
+      "class": this.ns.b("toolbar")
+    }, [this.info.fileUrl && vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.onDownLoad
+    }, _isSlot(_slot = ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.downloadFile")) ? _slot : {
+      default: () => [_slot]
+    }), vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.onClose
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.close")) ? _slot2 : {
+      default: () => [_slot2]
+    })])]), vue.createVNode("div", {
+      "class": this.ns.b("time")
+    }, [this.info.isFinish ? vue.createVNode(vue.resolveComponent("el-form-item"), {
+      "label": ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.excuteTime")
+    }, {
+      default: () => [this.info.beginTime, vue.createTextVNode(" ~ "), this.info.endTime]
+    }) : vue.createVNode("span", {
+      "class": this.ns.be("time", "executing")
+    }, [ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.executing")])])]);
+  }
+});
+
+exports.AsyncDataExport = AsyncDataExport;

package/lib/panel-component/user-message/async-action/async-data-export/async-data-export.css

@@ -0,0 +1 @@
+.ibiz-async-data-export{height:100%;display:flex;flex-flow:column nowrap;padding:var(--ibiz-spacing-tight)}.ibiz-async-data-export__title{font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold)}.ibiz-async-data-export .el-form-item{margin:0}.ibiz-async-data-export .el-form-item__content,.ibiz-async-data-export .el-form-item__label{font-weight:var(--ibiz-font-weight-bold)}.ibiz-async-data-export-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:var(--ibiz-spacing-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-async-data-export-time{padding:var(--ibiz-spacing-tight)}.ibiz-async-data-export-time__executing{font-weight:var(--ibiz-font-weight-bold)}