@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.39

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

@@ -1,3 +1,9 @@
+import { getDeACMode, calcDeCodeNameById, ConfigService, UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
+import { createUUID } from 'qx-util';
+import { CoreConst, getAppCookie, IBizContext } from '@ibiz-template/core';
+import { useUIStore } from '@ibiz-template/vue3-util';
+import { calcAiToolbarItemsByAc } from '../ai-util/ai-util.mjs';
+
 "use strict";
 class AppUtil {
   /**
@@ -148,6 +154,281 @@ class AppUtil {
     }
     return true;
   }
+  /**
+   * 打开AI聊天
+   *
+   * @param {IAiChatParam} chartParams
+   * @return {*}  {Promise<IChatMessage[]>}
+   * @memberof AppUtil
+   */
+  async openAiChat(chartParams) {
+    const {
+      data,
+      view,
+      ctrl,
+      params,
+      context,
+      appDEACModeId,
+      appDataEntityId
+    } = chartParams;
+    const deACMode = await getDeACMode(
+      appDEACModeId,
+      appDataEntityId,
+      context.srfappid
+    );
+    if (!deACMode)
+      return Promise.resolve([]);
+    const {
+      contentToolbarItems,
+      footerToolbarItems,
+      questionToolbarItems,
+      otherToolbarItems
+    } = calcAiToolbarItemsByAc(deACMode);
+    const module = await import('@ibiz-template-plugin/ai-chat');
+    const chatInstance = module.chat || module.default.chat;
+    const messages = [];
+    const appDataEntityName = calcDeCodeNameById(appDataEntityId);
+    let topicId = "".concat(context.srfsystemid, "_").concat(context.srfappid, "_").concat(appDataEntityId, "_").concat(appDEACModeId, "_");
+    topicId += context[appDataEntityName] ? context[appDataEntityName] : createUUID();
+    const caption = "[".concat(deACMode.logicName, "]").concat((data == null ? void 0 : data.srfmajortext) || "");
+    const tempParams = { ...params, ...{ srfactag: deACMode.codeName } };
+    const { zIndex } = useUIStore();
+    const containerZIndex = zIndex.increment();
+    return new Promise((resolve) => {
+      let id = "";
+      let abortController;
+      chatInstance.create({
+        mode: "TOPIC",
+        containerOptions: {
+          zIndex: containerZIndex,
+          enableBackFill: false
+        },
+        topicOptions: {
+          appid: ibiz.env.appId,
+          id: topicId,
+          caption,
+          url: window.location.hash.substring(1),
+          type: context.srftopicpath || "default",
+          beforeDelete: async (...args) => {
+            const isBatchRemove = args[4];
+            const result = await ibiz.confirm.warning({
+              title: ibiz.i18n.t(
+                "util.appUtil.".concat(isBatchRemove ? "clearTopic" : "aiTitle")
+              ),
+              desc: ibiz.i18n.t(
+                "util.appUtil.".concat(isBatchRemove ? "clearTopicDesc" : "aiDesc")
+              )
+            });
+            return result;
+          },
+          action: async (action, context2, params2, data2, event) => {
+            if (action === "LINK") {
+              await ibiz.openView.push(data2.url);
+            }
+            return true;
+          },
+          configService: (appid, storageType, subType) => {
+            return new ConfigService(appid, storageType, subType);
+          }
+        },
+        chatOptions: {
+          caption: deACMode.logicName,
+          context: { ...context },
+          params: tempParams,
+          // 界面行为导航上下文参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
+          appendCurData: context.srfaiappendcurdata === "true" ? data : void 0,
+          appDataEntityId,
+          contentToolbarItems,
+          footerToolbarItems,
+          questionToolbarItems,
+          otherToolbarItems,
+          question: async (aiChat, ctx, param, other, arr) => {
+            id = createUUID();
+            abortController = new AbortController();
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            try {
+              await deService.aiChatSse(
+                (msg) => {
+                  if (msg.actionstate === 20 && msg.actionresult) {
+                    aiChat.addMessage({
+                      messageid: id,
+                      state: msg.actionstate,
+                      type: "DEFAULT",
+                      role: "ASSISTANT",
+                      content: msg.actionresult
+                    });
+                  } else if (msg.actionstate === 30 && msg.actionresult) {
+                    const result = JSON.parse(msg.actionresult);
+                    const choices = result.choices;
+                    if (choices && choices.length > 0) {
+                      aiChat.replaceMessage({
+                        messageid: id,
+                        state: msg.actionstate,
+                        type: "DEFAULT",
+                        role: "ASSISTANT",
+                        content: choices[0].content || ""
+                      });
+                    }
+                  } else if (msg.actionstate === 40) {
+                    aiChat.replaceMessage({
+                      messageid: id,
+                      state: msg.actionstate,
+                      type: "ERROR",
+                      role: "ASSISTANT",
+                      content: msg.actionresult
+                    });
+                  }
+                },
+                abortController,
+                ctx,
+                param,
+                {
+                  messages: arr
+                }
+              );
+            } catch (error) {
+              aiChat.replaceMessage({
+                messageid: id,
+                state: 40,
+                type: "ERROR",
+                role: "ASSISTANT",
+                content: error.message || ibiz.i18n.t("app.aiError")
+              });
+              abortController == null ? void 0 : abortController.abort();
+            } finally {
+              aiChat.completeMessage(id, true);
+              return true;
+            }
+          },
+          abortQuestion: (aiChat) => {
+            abortController == null ? void 0 : abortController.abort();
+            aiChat.stopMessage({
+              messageid: id,
+              state: 30,
+              type: "DEFAULT",
+              role: "ASSISTANT",
+              content: ""
+            });
+            aiChat.completeMessage(id, true);
+          },
+          closed: () => {
+            resolve(messages);
+          },
+          history: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            const historyData = other.appendCurData ? other.appendCurData : {};
+            const result = await deService.aiChatHistory(
+              ctx,
+              param,
+              historyData
+            );
+            if (result.data && Array.isArray(result.data)) {
+              let preMsg;
+              result.data.forEach((item) => {
+                if (item.role === "TOOL") {
+                  if (preMsg && item.content) {
+                    chatInstance.aiChat.updateRecommendPrompt(
+                      preMsg,
+                      item.content
+                    );
+                  }
+                } else {
+                  const msg = {
+                    messageid: createUUID(),
+                    state: 30,
+                    type: "DEFAULT",
+                    role: item.role,
+                    content: item.content,
+                    completed: true
+                  };
+                  preMsg = msg;
+                  chatInstance.aiChat.addMessage(msg);
+                }
+              });
+            }
+            return true;
+          },
+          recommendPrompt: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            const result = await deService.aiChatRecommendPrompt(
+              ctx,
+              param,
+              other.message
+            );
+            if (result.ok && result.data) {
+              const choices = result.data.choices;
+              if (choices && choices.length > 0) {
+                return choices[0];
+              }
+              return null;
+            }
+            return null;
+          },
+          uploader: {
+            onUpload: async (file, reportProgress, options) => {
+              const { uploadUrl } = ibiz.util.file.calcFileUpDownUrl(
+                (options == null ? void 0 : options.context) || context,
+                (options == null ? void 0 : options.params) || params,
+                {}
+              );
+              const headers = {};
+              const token = getAppCookie(CoreConst.TOKEN);
+              if (token) {
+                Object.assign(headers, {
+                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
+                });
+              }
+              const formData = new FormData();
+              formData.append("file", file);
+              const res = await ibiz.net.axios({
+                url: uploadUrl,
+                method: "post",
+                headers,
+                data: formData,
+                onUploadProgress: (progressEvent) => {
+                  const percent = progressEvent.loaded / progressEvent.total * 100;
+                  reportProgress(percent);
+                }
+              });
+              return res.data;
+            }
+          },
+          extendToolbarClick: async (event, source, context2, params2, data2) => {
+            var _a, _b;
+            const result = await UIActionUtil.exec(
+              source.id,
+              {
+                view,
+                ctrl,
+                context: IBizContext.create(context2),
+                params: params2,
+                data: [data2],
+                event
+              },
+              source.appId
+            );
+            if (result.closeView) {
+              view.closeView({ ok: true });
+            } else if (result.refresh) {
+              switch (result.refreshMode) {
+                case 1:
+                  view.callUIAction(SysUIActionTag.REFRESH);
+                  break;
+                case 2:
+                  (_a = view.parentView) == null ? void 0 : _a.callUIAction(SysUIActionTag.REFRESH);
+                  break;
+                case 3:
+                  (_b = view.getTopView()) == null ? void 0 : _b.callUIAction(SysUIActionTag.REFRESH);
+                  break;
+                default:
+              }
+            }
+            return result;
+          }
+        }
+      });
+    });
+  }
 }
 
 export { AppUtil };

package/es/util/button-util/button-util.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 将按钮的模型样式类型转换为小写，适配ui框架按钮类型。
+ *
+ * @param {string | undefined} buttonStyle - 模型按钮样式类型
+ * @returns {string}
+ */
+export declare function convertBtnType(buttonStyle?: string): string;

package/es/util/button-util/button-util.mjs

@@ -0,0 +1,11 @@
+"use strict";
+function convertBtnType(buttonStyle) {
+  let buttonType = "default";
+  if (buttonStyle && ["PRIMARY", "SUCCESS", "WARNING", "DANGER", "INFO"].includes(buttonStyle))
+    buttonType = buttonStyle.toLowerCase();
+  if (buttonStyle && ["INVERSE"].includes(buttonStyle))
+    buttonType = "text";
+  return buttonType;
+}
+
+export { convertBtnType };

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.38-alpha.57_axios@1.7.7_lodash-es@4.17.21_qs@6.13.0_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.39_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/util/index.d.ts

@@ -12,3 +12,5 @@ export { AppUtil } from './app-util/app-util';
 export { FullscreenUtil } from './fullscreen/fullscreen-util';
 export * from './wang-editor-util/wang-editor-util';
 export { useFocusByEnter } from './keydown-util/keydown-util';
+export { calcAiToolbarItemsByAc } from './ai-util/ai-util';
+export { convertBtnType } from './button-util/button-util';

package/es/util/index.mjs

@@ -12,5 +12,7 @@ export { AppUtil } from './app-util/app-util.mjs';
 export { FullscreenUtil } from './fullscreen/fullscreen-util.mjs';
 export { parseHtml } from './wang-editor-util/wang-editor-util.mjs';
 export { useFocusByEnter } from './keydown-util/keydown-util.mjs';
+export { calcAiToolbarItemsByAc } from './ai-util/ai-util.mjs';
+export { convertBtnType } from './button-util/button-util.mjs';
 
 "use strict";

package/es/util/notice-util/notice-util.mjs

@@ -31,7 +31,8 @@ class NoticeUtil {
           }
         }),
         position: "bottom-right",
-        duration: 0
+        // 进行中的消息不可自动关闭
+        duration: [10, 20].includes(asyncAction.actionstate) ? 0 : void 0
       });
     }
   }

package/es/util/notification-util/upload-manager/upload-manager.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, ref, computed, watch, onMounted, createVNode, resolveComponent } from 'vue';
+import { ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { getAppCookie, CoreConst } from '@ibiz-template/core';
+import { CoreConst, getAppCookie } from '@ibiz-template/core';
 import { getFileSvgByType } from './file-type.mjs';
 import './upload-manager.css';
 

package/es/util/open-view-util/open-view-util.d.ts

@@ -1,4 +1,4 @@
-import { IModalData, IOpenViewUtil, IPopoverOptions } from '@ibiz-template/runtime';
+import { IModalData, IOpenViewOptions, IOpenViewUtil, IOverlayContainerOptions, IPopoverOptions, IViewController } from '@ibiz-template/runtime';
 import { Router } from 'vue-router';
 import { FloatingUIConfig } from '../app-popover/app-popover-component';
 /**
@@ -15,31 +15,58 @@ export declare class OpenViewUtil implements IOpenViewUtil {
     protected router: Router;
     constructor(router: Router);
     push(path: string): Promise<IModalData>;
+    /**
+     * 校验是否可以打开视图
+     *
+     * @author zhanghengfeng
+     * @date 2025-02-10 19:02:35
+     * @param {IViewController} topView
+     * @param {string} appViewId
+     * @param {IContext} context
+     * @param {IParams} [_params={}]
+     * @param {IOpenViewOptions} [opts={}]
+     * @return {*}  {Promise<boolean>}
+     */
+    verify(topView: IViewController, appViewId: string, context: IContext, _params?: IParams, opts?: IOpenViewOptions): Promise<boolean>;
     root(appViewId: string, context: IContext, params?: IParams, modalOptions?: IData): Promise<IModalData>;
     rootByModal(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
     /**
      * 模态打开视图
      *
-     * @author lxm
-     * @date 2022-09-12 01:09:06
+     * @author tony001
+     * @date 2025-03-24 17:03:17
      * @param {string} appViewId
-     * @param {(IContext)} [context]
-     * @param {(IParams)} [params]
-     * @returns {*}  {Promise<IModalData>}
+     * @param {IContext} context
+     * @param {IParams} [params]
+     * @param {IOverlayContainerOptions} [options={}]
+     * @return {*}  {Promise<IModalData>}
      */
-    modal(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
-    popover(appViewId: string, event: MouseEvent, context: IContext, params?: IParams, options?: IPopoverOptions<FloatingUIConfig>): Promise<IModalData>;
+    modal(appViewId: string, context: IContext, params?: IParams, options?: IOverlayContainerOptions): Promise<IModalData>;
+    /**
+     * 气泡模式打开
+     *
+     * @author tony001
+     * @date 2025-03-24 17:03:35
+     * @param {string} appViewId
+     * @param {MouseEvent} event
+     * @param {IContext} context
+     * @param {IParams} [params]
+     * @param {(IPopoverOptions<FloatingUIConfig> & IOverlayContainerOptions)} [options={}]
+     * @return {*}  {Promise<IModalData>}
+     */
+    popover(appViewId: string, event: MouseEvent, context: IContext, params?: IParams, options?: IPopoverOptions<FloatingUIConfig> & IOverlayContainerOptions): Promise<IModalData>;
     /**
      * 抽屉打开视图
      *
-     * @author lxm
-     * @date 2022-09-15 15:09:50
+     * @author tony001
+     * @date 2025-03-24 17:03:59
      * @param {string} appViewId
-     * @param {(IContext)} [context]
-     * @param {(IParams)} [params]
-     * @returns {*}  {Promise<IModalData>}
+     * @param {IContext} context
+     * @param {IParams} [params]
+     * @param {IOverlayContainerOptions} [options={}]
+     * @return {*}  {Promise<IModalData>}
      */
-    drawer(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
+    drawer(appViewId: string, context: IContext, params?: IParams, options?: IOverlayContainerOptions): Promise<IModalData>;
     custom(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
     /**
      * 抽屉打开视图

package/es/util/open-view-util/open-view-util.mjs

@@ -1,3 +1,4 @@
+import { calcDeCodeNameById } from '@ibiz-template/runtime';
 import { routerCallback, generateRoutePath, generateRoutePathByModal, openViewModal, openViewPopover, getDrawerPlacement, openViewDrawer } from '@ibiz-template/vue3-util';
 import { UrlHelper } from '@ibiz-template/core';
 
@@ -10,6 +11,42 @@ class OpenViewUtil {
   push(path) {
     return routerCallback.open(this.router, path);
   }
+  /**
+   * 校验是否可以打开视图
+   *
+   * @author zhanghengfeng
+   * @date 2025-02-10 19:02:35
+   * @param {IViewController} topView
+   * @param {string} appViewId
+   * @param {IContext} context
+   * @param {IParams} [_params={}]
+   * @param {IOpenViewOptions} [opts={}]
+   * @return {*}  {Promise<boolean>}
+   */
+  async verify(topView, appViewId, context, _params = {}, opts = {}) {
+    if (!topView || !appViewId) {
+      return true;
+    }
+    const appView = await ibiz.hub.config.view.get(appViewId);
+    if (!appView) {
+      return true;
+    }
+    const { openMode = "INDEXVIEWTAB" } = appView;
+    const viewOpenMode = opts.openMode || openMode;
+    if (viewOpenMode !== "INDEXVIEWTAB" && viewOpenMode !== "INDEXVIEWTAB_POPUP") {
+      return true;
+    }
+    if (topView.model.id !== appView.id) {
+      return true;
+    }
+    if (topView.model.appDataEntityId && appView.appDataEntityId && topView.model.appDataEntityId === appView.appDataEntityId && context.srfkey) {
+      const deName = calcDeCodeNameById(topView.model.appDataEntityId);
+      if (topView.context[deName] === context.srfkey) {
+        return false;
+      }
+    }
+    return true;
+  }
   async root(appViewId, context, params, modalOptions) {
     const appView = await ibiz.hub.config.view.get(appViewId);
     const { path } = await generateRoutePath(
@@ -38,14 +75,15 @@ class OpenViewUtil {
   /**
    * 模态打开视图
    *
-   * @author lxm
-   * @date 2022-09-12 01:09:06
+   * @author tony001
+   * @date 2025-03-24 17:03:17
    * @param {string} appViewId
-   * @param {(IContext)} [context]
-   * @param {(IParams)} [params]
-   * @returns {*}  {Promise<IModalData>}
+   * @param {IContext} context
+   * @param {IParams} [params]
+   * @param {IOverlayContainerOptions} [options={}]
+   * @return {*}  {Promise<IModalData>}
    */
-  async modal(appViewId, context, params) {
+  async modal(appViewId, context, params, options = {}) {
     const appView = await ibiz.hub.config.view.get(appViewId);
     const modalOption = JSON.parse(ibiz.config.common.modalOption || "{}");
     const opts = {
@@ -59,11 +97,24 @@ class OpenViewUtil {
       {
         context,
         params,
-        viewId: appView.id
+        viewId: appView.id,
+        ctx: options.ctx
       },
       opts
     );
   }
+  /**
+   * 气泡模式打开
+   *
+   * @author tony001
+   * @date 2025-03-24 17:03:35
+   * @param {string} appViewId
+   * @param {MouseEvent} event
+   * @param {IContext} context
+   * @param {IParams} [params]
+   * @param {(IPopoverOptions<FloatingUIConfig> & IOverlayContainerOptions)} [options={}]
+   * @return {*}  {Promise<IModalData>}
+   */
   async popover(appViewId, event, context, params, options = {}) {
     const appView = await ibiz.hub.config.view.get(appViewId);
     const opts = {
@@ -79,7 +130,8 @@ class OpenViewUtil {
       {
         context,
         params,
-        viewId: appView.id
+        viewId: appView.id,
+        ctx: options.ctx
       },
       opts
     );
@@ -87,14 +139,15 @@ class OpenViewUtil {
   /**
    * 抽屉打开视图
    *
-   * @author lxm
-   * @date 2022-09-15 15:09:50
+   * @author tony001
+   * @date 2025-03-24 17:03:59
    * @param {string} appViewId
-   * @param {(IContext)} [context]
-   * @param {(IParams)} [params]
-   * @returns {*}  {Promise<IModalData>}
+   * @param {IContext} context
+   * @param {IParams} [params]
+   * @param {IOverlayContainerOptions} [options={}]
+   * @return {*}  {Promise<IModalData>}
    */
-  async drawer(appViewId, context, params) {
+  async drawer(appViewId, context, params, options = {}) {
     const appView = await ibiz.hub.config.view.get(appViewId);
     const placement = getDrawerPlacement(appView.openMode);
     const drawerOption = JSON.parse(ibiz.config.common.drawerOption || "{}");
@@ -109,7 +162,8 @@ class OpenViewUtil {
       {
         context,
         params,
-        viewId: appView.id
+        viewId: appView.id,
+        ctx: options.ctx
       },
       opts
     );

package/es/util/pagination/use-pagination.mjs

@@ -1,4 +1,4 @@
-import { GridRowState, ControlVO } from '@ibiz-template/runtime';
+import { ControlVO, GridRowState } from '@ibiz-template/runtime';
 import { chunk } from 'lodash-es';
 
 "use strict";

package/es/util/render-util/render-util.mjs

@@ -1,4 +1,4 @@
-import { h, resolveComponent } from 'vue';
+import { resolveComponent, h } from 'vue';
 
 "use strict";
 class RenderUtil {

package/es/view/403-view/403-view.css

@@ -1 +1 @@
-.ibiz-403-view{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-font-size-header-6)}.ibiz-403-view .ibiz-403-view-img{width:375px}.ibiz-403-view .ibiz-403-view-text{margin-top:var(--ibiz-spacing-super-loose);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-403-view-text__text1{margin-bottom:var(--ibiz-spacing-base-loose)}.ibiz-403-view-text__text2 a{color:var(--ibiz-color-link);cursor:pointer}.ibiz-403-view.is-top{width:100vw;height:100vh}
+.ibiz-403-view{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-403-view .ibiz-403-view-img{width:375px;max-width:100%;-o-object-fit:contain;object-fit:contain;overflow:hidden}.ibiz-403-view .ibiz-403-view-text{margin-top:var(--ibiz-spacing-super-loose);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-403-view-text__text1{margin-bottom:var(--ibiz-spacing-base-loose)}.ibiz-403-view-text__text2 a{color:var(--ibiz-color-link);cursor:pointer}.ibiz-403-view.is-top{width:100vw;height:100vh}

package/es/view/403-view/403-view.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, computed, createVNode } from 'vue';
+import { onMounted, computed, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import './403-view.css';

package/es/view/404-view/404-view.css

@@ -1 +1 @@
-.ibiz-404-view{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-font-size-header-6)}.ibiz-404-view .ibiz-404-view-img{width:375px}.ibiz-404-view .ibiz-404-view-text{margin-top:var(--ibiz-spacing-super-loose);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-404-view-text__text1{margin-bottom:var(--ibiz-spacing-base-loose)}.ibiz-404-view-text__text2 a{color:var(--ibiz-color-link);cursor:pointer}.ibiz-404-view.is-top{width:100vw;height:100vh}
+.ibiz-404-view{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-404-view .ibiz-404-view-img{width:375px;max-width:100%;-o-object-fit:contain;object-fit:contain;overflow:hidden}.ibiz-404-view .ibiz-404-view-text{margin-top:var(--ibiz-spacing-super-loose);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-404-view-text__text1{margin-bottom:var(--ibiz-spacing-base-loose)}.ibiz-404-view-text__text2 a{color:var(--ibiz-color-link);cursor:pointer}.ibiz-404-view.is-top{width:100vw;height:100vh}

package/es/view/404-view/404-view.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, computed, createVNode } from 'vue';
+import { onMounted, computed, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import './404-view.css';

package/es/view/error-view/error-view.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, onMounted, h, resolveComponent, createVNode } from 'vue';
+import { computed, onMounted, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute } from 'vue-router';
 import './error-view.css';

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, reactive, ref, resolveComponent, computed, onMounted, onUnmounted, h, createVNode } from 'vue';
+import { isVNode, reactive, ref, resolveComponent, computed, onMounted, onUnmounted, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute } from 'vue-router';
 import { IBizContext, LoginMode } from '@ibiz-template/core';

package/es/view/share-view/share-view.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, onMounted, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, onMounted, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute } from 'vue-router';
 import './share-view.css';

package/es/view/sub-app-ref-view/index.mjs

@@ -1,4 +1,4 @@
-import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
+import { ViewType, registerViewProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { SubAppRefViewProvider } from './sub-app-ref-view.provider.mjs';
 import { SubAppRefView } from './sub-app-ref-view.mjs';

package/es/view/sub-app-ref-view/sub-app-ref-view.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { ViewController } from '@ibiz-template/runtime';
 import { useNamespace, useViewController } from '@ibiz-template/vue3-util';
 import './sub-app-ref-view.css';

package/es/view/wf-step-trace-view/index.mjs

@@ -1,5 +1,5 @@
 import { withInstall } from '@ibiz-template/vue3-util';
-import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
+import { ViewType, registerViewProvider } from '@ibiz-template/runtime';
 import { WFStepTraceViewProvider } from './wf-step-trace-view.provider.mjs';
 import { WFStepTraceView } from './wf-step-trace-view.mjs';
 

package/es/view/wf-step-trace-view/wf-step-trace-view.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { WFStepTraceViewController } from '@ibiz-template/runtime';
 import { useNamespace, useViewController } from '@ibiz-template/vue3-util';