@ibiz-template/vue3-components 0.5.7-alpha.6 → 0.6.0-alpha.0

package/lib/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.cjs

@@ -30,10 +30,25 @@ const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
       emit("hiddenPopover");
     };
     const c = props.controller;
+    const hasNotice = vue.ref(false);
+    ibiz.mc.command.internalMessage.on(async (msg) => {
+      ibiz.log.debug("mqtt internalMessage: ", msg);
+      if (msg.subtype === "INTERNALMESSAGE") {
+        hasNotice.value = true;
+      }
+    });
+    vue.watch(() => props.showPopover, (newVal) => {
+      if (newVal && hasNotice.value) {
+        c.load();
+        c.refreshUnreadCount();
+        hasNotice.value = false;
+      }
+    });
     const allItems = vue.ref([]);
     const state = vue.reactive({
       total: 0,
-      pageSize: 0
+      pageSize: 0,
+      unreadOnly: c.unreadOnly
     });
     const updateData = () => {
       allItems.value = ramda.clone(c.messages);
@@ -41,22 +56,36 @@ const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
       state.pageSize = c.size;
     };
     updateData();
+    const updateUnreadOnlyChange = (val) => {
+      state.unreadOnly = val;
+    };
     c.evt.on("dataChange", updateData);
+    c.evt.on("unreadOnlyChange", updateUnreadOnlyChange);
+    vue.onUnmounted(() => {
+      c.evt.off("dataChange", updateData);
+      c.evt.off("unreadOnlyChange", updateUnreadOnlyChange);
+    });
     const showMore = () => {
       c.loadMore();
     };
+    const switchChange = () => {
+      c.toggleUnReadOnly();
+    };
     return {
       ns,
       allItems,
       state,
       hiddenPopover,
-      showMore
+      showMore,
+      switchChange
     };
   },
   render() {
     const restLength = this.state.total - this.allItems.length;
     return vue.createVNode("div", {
       "class": [this.ns.b()]
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("content")
     }, [this.allItems.length > 0 && this.allItems.map((msg) => {
       let provider;
       try {
@@ -66,20 +95,26 @@ const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
       }
       if (provider) {
         return provider.render({
-          class: this.ns.e("item"),
+          class: [this.ns.e("item")],
           message: msg,
           onClose: this.hiddenPopover
         });
       }
       return vue.createVNode("div", {
         "class": this.ns.e("item")
-      }, ["\u7AD9\u5185\u6D88\u606F\u7C7B\u578B".concat(msg.message_type, "\u6682\u672A\u652F\u6301")]);
+      }, ["\u7AD9\u5185\u6D88\u606F\u7C7B\u578B".concat(msg.content_type, "\u6682\u672A\u652F\u6301")]);
     }), this.allItems.length === 0 && vue.createVNode("div", {
       "class": this.ns.e("nodata")
     }, [vue.createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && vue.createVNode("div", {
       "class": this.ns.e("load-more"),
       "onClick": this.showMore
-    }, [vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A("), restLength, vue.createTextVNode(")")])]);
+    }, [vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A("), restLength, vue.createTextVNode(")")])]), vue.createVNode("div", {
+      "class": this.ns.b("footer")
+    }, [vue.createVNode(vue.resolveComponent("el-switch"), {
+      "value": this.state.unreadOnly,
+      "onChange": this.switchChange,
+      "class": this.ns.be("footer", "switch")
+    }, null), " ", vue.createTextVNode("\u53EA\u663E\u793A\u672A\u8BFB")])]);
   }
 });
 

package/lib/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.css

@@ -1 +1 @@
-.ibiz-internal-message-tab{--ibiz-internal-message-tab-load-more-height:30px;width:100%;height:100%}.ibiz-internal-message-tab__item{min-height:60px;padding:var(--ibiz-spacing-tight)}.ibiz-internal-message-tab__item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-internal-message-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-internal-message-tab-load-more-height))}.ibiz-internal-message-tab__load-more{height:var(--ibiz-internal-message-tab-load-more-height);line-height:var(--ibiz-internal-message-tab-load-more-height);text-align:center}.ibiz-internal-message-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}
+.ibiz-internal-message-tab{--ibiz-internal-message-tab-load-more-height:30px;--ibiz-internal-message-tab-footer-height:48px;width:100%;height:100%}.ibiz-internal-message-tab__item{min-height:60px;padding:var(--ibiz-spacing-tight)}.ibiz-internal-message-tab__item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-internal-message-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-internal-message-tab-load-more-height))}.ibiz-internal-message-tab__load-more{height:var(--ibiz-internal-message-tab-load-more-height);line-height:var(--ibiz-internal-message-tab-load-more-height);text-align:center}.ibiz-internal-message-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}.ibiz-internal-message-tab-content{height:calc(100% - var(--ibiz-internal-message-tab-footer-height));padding-bottom:12px;overflow:auto}.ibiz-internal-message-tab-footer{display:flex;align-items:center;justify-content:flex-start;height:var(--ibiz-internal-message-tab-footer-height);border-top:1px solid var(--ibiz-color-border)}.ibiz-internal-message-tab-footer__switch{margin-right:8px}

package/lib/panel-component/user-message/internal-message/internal-message-text/internal-message-text.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./internal-message-text.css');
+
+"use strict";
+const InternalMessageText = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizInternalMessageText",
+  props: {
+    message: {
+      type: Object,
+      required: true
+    },
+    provider: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    close: () => true
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("internal-message-text");
+    return {
+      ns
+    };
+  },
+  render() {
+    const {
+      title,
+      create_time,
+      content: msgContent
+    } = this.message;
+    return vue.createVNode(vue.resolveComponent("iBizInternalMessageContainer"), {
+      "class": [this.ns.b()],
+      "message": this.message,
+      "provider": this.provider,
+      "onClose": () => this.$emit("close")
+    }, {
+      default: () => [vue.createVNode("div", {
+        "class": this.ns.e("caption")
+      }, [title]), !!msgContent && vue.createVNode("div", {
+        "class": this.ns.e("content")
+      }, [msgContent]), vue.createVNode("div", {
+        "class": this.ns.e("create-time")
+      }, [create_time])]
+    });
+  }
+});
+
+exports.InternalMessageText = InternalMessageText;

package/lib/panel-component/user-message/internal-message/internal-message-text/internal-message-text.css

@@ -0,0 +1 @@
+.ibiz-internal-message-text{display:flex;flex-flow:column nowrap}.ibiz-internal-message-text__caption{margin-bottom:8px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message-text__content{margin-bottom:8px}.ibiz-internal-message-text__status{margin-right:8px}

package/lib/panel-component/user-message/internal-message/internal-message-text/internal-message-text.provider.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var internalMessageText = require('./internal-message-text.cjs');
+require('../common/index.cjs');
+var internalMessageDefault_provider = require('../common/internal-message-default/internal-message-default.provider.cjs');
+
+"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 InternalMessageTextProvider extends internalMessageDefault_provider.InternalMessageDefaultProvider {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "component", internalMessageText.InternalMessageText);
+  }
+}
+
+exports.InternalMessageTextProvider = InternalMessageTextProvider;

package/lib/panel-component/user-message/user-message.cjs

@@ -34,7 +34,14 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
     const hiddenPopover = () => {
       popoverRef.value.hide();
     };
-    const noticeNum = vue.ref(0);
+    const noticeNum = vue.ref(noticeController.total);
+    const onNumChange = (total) => {
+      noticeNum.value = total;
+    };
+    noticeController.evt.on("totalChange", onNumChange);
+    vue.onUnmounted(() => {
+      noticeController.evt.off("totalChange", onNumChange);
+    });
     return {
       ns,
       c,
@@ -49,6 +56,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.createVNode("div", {
+      "title": "\u901A\u77E5",
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [vue.createVNode(vue.resolveComponent("el-popover"), {
       "ref": "popoverRef",

package/lib/panel-component/user-message/user-message.css

@@ -1 +1 @@
-.ibiz-user-message{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__image{width:28px;height:28px;cursor:pointer}.ibiz-user-message__badge .el-badge__content{top:4px;right:calc(2px + var(--el-badge-size)/ 2);border-width:0}.ibiz-user-message-popover{width:500px!important;height:500px!important}.ibiz-user-message-popover.el-popover{padding-top:2px}.ibiz-user-message-popover-content{height:100%}.ibiz-user-message-popover-content>.el-tabs__content{height:calc(100% - 55px)}.ibiz-user-message-popover-content>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}
+.ibiz-user-message{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__image{width:28px;height:28px;cursor:pointer}.ibiz-user-message__badge .el-badge__content{top:4px;right:calc(7px + var(--el-badge-size)/ 2);border-width:0}.ibiz-user-message-popover{width:500px!important;height:500px!important}.ibiz-user-message-popover.el-popover{padding-top:2px;padding-bottom:0}.ibiz-user-message-popover-content{height:100%}.ibiz-user-message-popover-content>.el-tabs__content{height:calc(100% - 55px)}.ibiz-user-message-popover-content>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}

package/lib/util/app-drawer/app-drawer-component.cjs

@@ -95,21 +95,19 @@ const AppDrawerComponent = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    return vue.createVNode(vue.resolveComponent("el-drawer"), {
-      "model-value": this.isShow,
-      "lock-scroll": true,
-      "size": this.size,
-      "class": this.ns.b(),
-      "z-index": this.drawerZIndex,
-      "direction": this.direction,
-      "before-close": this.onBeforeClose,
-      "onClosed": this.onClosed
-    }, {
-      default: () => {
-        var _a, _b;
-        return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal)];
-      }
-    });
+    var _a, _b;
+    const option = this.opts || {};
+    return vue.h(vue.resolveComponent("el-drawer"), {
+      modelValue: this.isShow,
+      lockScroll: true,
+      size: this.size,
+      class: this.ns.b(),
+      zIndex: this.drawerZIndex,
+      direction: this.direction,
+      beforeClose: this.onBeforeClose,
+      onClosed: this.onClosed,
+      ...option
+    }, (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal));
   }
 });
 function createDrawer(render, opts) {

package/lib/util/app-modal/app-modal-component.cjs

@@ -87,20 +87,17 @@ const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    return vue.createVNode(vue.resolveComponent("el-dialog"), {
-      "model-value": this.isShow,
-      "align-center": true,
-      "class": [this.ns.b(), this.options.placement && this.ns.m(this.options.placement), this.options.modalClass],
-      "style": this.customStyle,
-      "z-index": this.modalZIndex,
-      "onClosed": this.onClosed,
-      "before-close": this.onBeforeClose
-    }, {
-      default: () => {
-        var _a, _b;
-        return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal)];
-      }
-    });
+    var _a, _b;
+    return vue.h(vue.resolveComponent("el-dialog"), {
+      modelValue: this.isShow,
+      alignCenter: true,
+      class: [this.ns.b(), this.options.placement && this.ns.m(this.options.placement), this.options.modalClass],
+      style: this.customStyle,
+      zIndex: this.modalZIndex,
+      onClosed: this.onClosed,
+      onBeforeClose: this.onBeforeClose,
+      ...this.options
+    }, (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal));
   }
 });
 function createModal(render, opts) {

package/lib/util/confirm-util/confirm-util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var core = require('@ibiz-template/core');
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -16,7 +16,7 @@ class ConfirmUtil {
   }
   async info(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("info")),
         type: "info",
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
@@ -27,7 +27,7 @@ class ConfirmUtil {
   }
   async success(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("success")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),
@@ -38,7 +38,7 @@ class ConfirmUtil {
   }
   async warning(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("warning")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),
@@ -49,7 +49,7 @@ class ConfirmUtil {
   }
   async error(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("error")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),

package/lib/util/loading-util/loading-util.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -44,7 +44,7 @@ class LoadingUtil {
    */
   show() {
     if (this.count === 0) {
-      this.loading = elementPlus.ElLoading.service({ lock: true, fullscreen: true });
+      this.loading = ElementPlus.ElLoading.service({ lock: true, fullscreen: true });
     }
     this.count += 1;
   }

package/lib/util/message-util/message-util.cjs

@@ -1,32 +1,32 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 class MessageUtil {
   info(msg, duration, closable) {
-    elementPlus.ElMessage.info({
+    ElementPlus.ElMessage.info({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   success(msg, duration, closable) {
-    elementPlus.ElMessage.success({
+    ElementPlus.ElMessage.success({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   warning(msg, duration, closable) {
-    elementPlus.ElMessage.warning({
+    ElementPlus.ElMessage.warning({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   error(msg, duration, closable) {
-    elementPlus.ElMessage.error({
+    ElementPlus.ElMessage.error({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable

package/lib/util/modal-util/modal-util.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 class ModalUtil {
   async info(params) {
-    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "info" });
+    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "info" });
   }
   async success(params) {
-    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "success" });
+    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "success" });
   }
   async warning(params) {
-    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "warning" });
+    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "warning" });
   }
   async error(params) {
-    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "error" });
+    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "error" });
   }
   async confirm(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, params).then(() => resolve(true)).catch(() => resolve(false));
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, params).then(() => resolve(true)).catch(() => resolve(false));
     });
   }
 }

package/lib/util/notice-util/notice-util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var runtime = require('@ibiz-template/runtime');
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('../../common/index.cjs');
@@ -22,7 +22,7 @@ class NoticeUtil {
     const ns = vue3Util.useNamespace("async-action-notice");
     const porvider = await runtime.getAsyncActionProvider(asyncAction);
     if (porvider.render) {
-      const ins = elementPlus.ElNotification({
+      const ins = ElementPlus.ElNotification({
         customClass: ns.b(),
         message: porvider.render({
           action: asyncAction,
@@ -38,7 +38,7 @@ class NoticeUtil {
   showDoingNotice(info) {
     if (!this.doingNotice) {
       const reactiveInfo = vue.reactive(info);
-      const ins = elementPlus.ElNotification({
+      const ins = ElementPlus.ElNotification({
         message: vue.h(doingNotice.DoingNotice, {
           info: reactiveInfo
         }),

package/lib/util/notification-util/notification-util.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -51,9 +51,10 @@ class NotificationUtil {
    */
   handleNotice(params, noticeType) {
     const duration = params.duration ? params.duration * 1e3 : 4500;
-    elementPlus.ElNotification({
+    ElementPlus.ElNotification({
       title: params.title,
       message: params.desc,
+      dangerouslyUseHTMLString: !!params.isHtmlDesc,
       type: noticeType,
       position: params.position || "top-right",
       duration

package/lib/util/open-view-util/open-view-util.cjs

@@ -19,7 +19,8 @@ class OpenViewUtil {
       context,
       params
     );
-    return vue3Util.routerCallback.open(this.router, path);
+    this.router.push({ path });
+    return { ok: true };
   }
   async rootByModal(appViewId, context, params) {
     const appView = await ibiz.hub.config.view.get(appViewId);
@@ -29,7 +30,8 @@ class OpenViewUtil {
       context,
       params
     );
-    return vue3Util.routerCallback.open(this.router, path);
+    this.router.push({ path });
+    return { ok: true };
   }
   /**
    * 模态打开视图
@@ -46,7 +48,8 @@ class OpenViewUtil {
     const opts = {
       width: appView.width || "80%",
       height: appView.height || "80%",
-      footerHide: true
+      footerHide: true,
+      ...appView.modalOption
     };
     return vue3Util.openViewModal(
       {
@@ -64,7 +67,8 @@ class OpenViewUtil {
       height: appView.height,
       autoClose: true,
       placement: "bottom",
-      ...options
+      ...options,
+      ...appView.modalOption
     };
     return vue3Util.openViewPopover(
       event,
@@ -92,7 +96,8 @@ class OpenViewUtil {
     const opts = {
       width: appView.width,
       height: appView.height,
-      placement
+      placement,
+      ...appView.modalOption
     };
     return vue3Util.openViewDrawer(
       {

package/lib/view/404-view/404-view.cjs

@@ -11,8 +11,9 @@ const View404 = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("404-view");
     const router = vueRouter.useRouter();
     const route = vueRouter.useRoute();
-    const gotoIndexView = () => {
-      router.push("/");
+    const gotoIndexView = async () => {
+      await router.push("/");
+      window.location.reload();
     };
     vue.onMounted(() => ibiz.util.hiddenAppLoading());
     const isTop = vue.computed(() => {
@@ -36,9 +37,9 @@ const View404 = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.be("text", "text1")
     }, [vue.createTextVNode("\u62B1\u6B49\uFF0C\u60A8\u8BBF\u95EE\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF01")]), this.isTop ? vue.createVNode("div", {
       "class": this.ns.be("text", "text2")
-    }, [vue.createTextVNode("\u60A8\u8981\u627E\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF0C\u8BF7\u8FD4\u56DE"), vue.createVNode("a", {
-      "on-click": this.gotoIndexView
-    }, [vue.createTextVNode("\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
+    }, [vue.createTextVNode("\u60A8\u8981\u627E\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF0C\u8BF7"), vue.createVNode("a", {
+      "onClick": this.gotoIndexView
+    }, [vue.createTextVNode("\u8FD4\u56DE\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
   }
 });
 

package/lib/view/404-view/404-view.css

@@ -1 +1 @@
-.ibiz-404-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-404-view-text__text1{margin-bottom:20px}.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%;font-size:16px}.ibiz-404-view .ibiz-404-view-text{margin-top:40px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-404-view-text__text1{margin-bottom:20px}.ibiz-404-view-text__text2 a{color:#557da5;cursor:pointer}.ibiz-404-view.is-top{width:100vw;height:100vh}

package/lib/view/login-view/login-view.cjs

@@ -44,7 +44,15 @@ const LoginView = /* @__PURE__ */ vue.defineComponent({
     const isMounted = vue.ref(false);
     const isRemember = vue.ref(false);
     const isAnonymous = vue.ref(true);
-    const appTitle = ibiz.env.AppTitle;
+    let appTitle = ibiz.env.AppTitle;
+    const getTitle = async () => {
+      const app = await ibiz.hub.getAppAsync(ibiz.env.appId);
+      const model = app.model;
+      if (model.caption) {
+        appTitle = model.caption;
+      }
+    };
+    getTitle();
     ibiz.appData = void 0;
     ibiz.orgData = void 0;
     const onClick = async () => {

package/lib/view/login-view/login-view.css

@@ -1 +1 @@
-.ibiz-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-login-view .el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-login-view-box{width:430px;margin-bottom:80px;overflow:hidden;background:#fff}@media screen and (max-width:720px){.ibiz-login-view-box{width:340px;margin-top:0}}.ibiz-login-view-box-header{position:relative;background:#ccf}.ibiz-login-view-box-header>img{display:block;width:430px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-login-view-box-header .ibiz-login-view-box-header-title{position:absolute;top:28%;left:50%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-login-view-box-main{position:relative}.ibiz-login-view-box-main__avatar{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:4px solid #fff;border-radius:50%}.ibiz-login-view-box-main-content{padding:100px 40px 40px}.ibiz-login-view-box-main-content .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-login-view-box-main-content .el-button{width:100%;margin-top:15px;font-weight:300;letter-spacing:2px}.ibiz-login-view-box-main-content .el-input__prefix{width:20px;margin-left:-1px}.ibiz-login-view-box-main-content ion-icon{font-size:16px}
+.ibiz-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-login-view .el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-login-view-box{width:430px;margin-bottom:80px;overflow:hidden;background:#fff}@media screen and (max-width:720px){.ibiz-login-view-box{width:340px;margin-top:0}}.ibiz-login-view-box-header{position:relative;background:#ccf}.ibiz-login-view-box-header>img{display:block;width:430px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-login-view-box-header .ibiz-login-view-box-header-title{position:absolute;top:28%;left:50%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-shadow:0 2px 6px rgba(0,0,0,.54);white-space:nowrap;transform:translateX(-50%)}.ibiz-login-view-box-main{position:relative}.ibiz-login-view-box-main__avatar{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:4px solid #fff;border-radius:50%}.ibiz-login-view-box-main-content{padding:100px 40px 40px}.ibiz-login-view-box-main-content .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-login-view-box-main-content .el-button{width:100%;margin-top:15px;font-weight:300;letter-spacing:2px}.ibiz-login-view-box-main-content .el-input__prefix{width:20px;margin-left:-1px}.ibiz-login-view-box-main-content ion-icon{font-size:16px}