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

package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.mjs

@@ -1,8 +1,11 @@
-import { computed, createVNode, createTextVNode, defineComponent } from 'vue';
+import { isVNode, computed, createVNode, createTextVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-json.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const InternalMessageJSON = /* @__PURE__ */ defineComponent({
   name: "IBizInternalMessageJSON",
   props: {
@@ -23,28 +26,38 @@ const InternalMessageJSON = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("internal-message-json");
     const jsonContent = computed(() => {
-      if (props.message.short_content && props.message.content_type === "JSON") {
-        return JSON.parse(props.message.short_content);
+      if (props.message.content && props.message.content_type === "JSON") {
+        return JSON.parse(props.message.content);
       }
       return null;
     });
-    const clickable = computed(() => {
+    const redirectUrl = computed(() => {
       var _a;
-      return !!((_a = jsonContent.value) == null ? void 0 : _a.redirecturl);
+      const url = ibiz.env.isMob ? props.message.mobile_url : props.message.url;
+      return url || ((_a = jsonContent.value) == null ? void 0 : _a.redirecturl);
     });
-    const onClick = async (event) => {
-      if (props.provider.onClick) {
-        const isClose = await props.provider.onClick(props.message, event);
-        if (isClose) {
-          emit("close");
-        }
+    const toolbarItems = computed(() => {
+      if (!redirectUrl.value) {
+        return void 0;
+      }
+      return [{
+        icon: "link-outline",
+        key: "openRedirectView",
+        tooltip: "\u8DF3\u8F6C\u5230\u89C6\u56FE"
+      }];
+    });
+    const onToolbarClick = (key) => {
+      if (key === "openRedirectView") {
+        props.provider.openRedirectView(props.message, redirectUrl.value);
+        emit("close");
       }
     };
     return {
       ns,
-      clickable,
       jsonContent,
-      onClick
+      toolbarItems,
+      redirectUrl,
+      onToolbarClick
     };
   },
   render() {
@@ -58,22 +71,19 @@ const InternalMessageJSON = /* @__PURE__ */ defineComponent({
     } else {
       content = createVNode("div", {
         "class": this.ns.e("content")
-      }, [createTextVNode("\u6570\u636E\u7684short_content\u91CC\u7F3A\u5C11html")]);
+      }, [createTextVNode("\u6570\u636E\u7684content\u91CC\u7F3A\u5C11html")]);
     }
-    return createVNode("div", {
-      "class": [this.ns.b(), this.clickable ? this.ns.m("clickable") : ""],
-      "onClick": this.onClick
-    }, [content, createVNode("div", {
-      "class": this.ns.b("toolbar")
-    }, [createVNode("ion-icon", {
-      "class": this.ns.be("toolbar", "button"),
-      "name": "timer-outline",
-      "title": "\u7A0D\u540E\u5904\u7406"
-    }, null), createVNode("ion-icon", {
-      "class": this.ns.be("toolbar", "button"),
-      "name": "checkmark-done-outline",
-      "title": "\u5DF2\u8BFB"
-    }, null)])]);
+    return createVNode(resolveComponent("iBizInternalMessageContainer"), {
+      "class": [this.ns.b()],
+      "message": this.message,
+      "provider": this.provider,
+      "clickable": !!this.redirectUrl,
+      "toolbarItems": this.toolbarItems,
+      "onToolbarClick": this.onToolbarClick,
+      "onClose": () => this.$emit("close")
+    }, _isSlot(content) ? content : {
+      default: () => [content]
+    });
   }
 });
 

package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.d.ts

@@ -1,24 +1,28 @@
 import { IInternalMessage } from '@ibiz-template/core/src/interface';
-import { IInternalMessageProvider } from '@ibiz-template/runtime';
-import { VNode } from 'vue';
-export declare class InternalMessageJSONtProvider implements IInternalMessageProvider {
+import { InternalMessageDefaultProvider } from '../common';
+export declare class InternalMessageJSONtProvider extends InternalMessageDefaultProvider {
     component: import("vue").DefineComponent<{
         message: {
             type: import("vue").PropType<import("@ibiz-template/core").IInternalMessage>;
             required: true;
         };
         provider: {
-            type: import("vue").PropType<IInternalMessageProvider>;
+            type: import("vue").PropType<InternalMessageJSONtProvider>;
             required: true;
         };
     }, {
         ns: import("@ibiz-template/core").Namespace;
-        clickable: import("vue").ComputedRef<boolean>;
         jsonContent: import("vue").ComputedRef<{
             html?: string | undefined;
             redirecturl?: string | undefined;
         } | null>;
-        onClick: (event: MouseEvent) => Promise<void>;
+        toolbarItems: import("vue").ComputedRef<{
+            icon: string;
+            key: string;
+            tooltip: string;
+        }[] | undefined>;
+        redirectUrl: import("vue").ComputedRef<string | undefined>;
+        onToolbarClick: (key: string) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: () => true;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -27,14 +31,11 @@ export declare class InternalMessageJSONtProvider implements IInternalMessagePro
             required: true;
         };
         provider: {
-            type: import("vue").PropType<IInternalMessageProvider>;
+            type: import("vue").PropType<InternalMessageJSONtProvider>;
             required: true;
         };
     }>> & {
         onClose?: (() => any) | undefined;
     }, {}, {}>;
-    render(props: IData & {
-        message: IInternalMessage;
-    }): VNode;
-    onClick(msg: IInternalMessage, _event: MouseEvent): Promise<boolean>;
+    onClick(message: IInternalMessage, event: MouseEvent): Promise<boolean>;
 }

package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.mjs

@@ -1,7 +1,6 @@
-import { IBizContext } from '@ibiz-template/core';
-import { OpenAppViewCommand } from '@ibiz-template/runtime';
-import { h } from 'vue';
 import { InternalMessageJSON } from './internal-message-json.mjs';
+import '../common/index.mjs';
+import { InternalMessageDefaultProvider } from '../common/internal-message-default/internal-message-default.provider.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -10,45 +9,21 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class InternalMessageJSONtProvider {
+class InternalMessageJSONtProvider extends InternalMessageDefaultProvider {
   constructor() {
+    super(...arguments);
     __publicField(this, "component", InternalMessageJSON);
   }
-  render(props) {
-    return h(this.component, {
-      provider: this,
-      ...props
-    });
-  }
-  async onClick(msg, _event) {
-    if (msg.content_type === "JSON" && msg.short_content) {
-      const json = JSON.parse(msg.short_content);
+  async onClick(message, event) {
+    const result = await super.onClick(message, event);
+    if (!result && message.content_type === "JSON" && message.content) {
+      const json = JSON.parse(message.content);
       if (json.redirecturl) {
-        let viewId = "";
-        const params = {};
-        const url = new URL(json.redirecturl);
-        if (url.searchParams.size > 0) {
-          url.searchParams.forEach((value, _key) => {
-            params[_key] = value;
-          });
-        }
-        const rdTagItems = url.pathname.replace("//", "").split("/");
-        const [appOrViewTag, viewTag] = rdTagItems;
-        if (viewTag) {
-          viewId = viewTag;
-        } else {
-          viewId = appOrViewTag;
-        }
-        ibiz.commands.execute(
-          OpenAppViewCommand.TAG,
-          viewId,
-          IBizContext.create({}),
-          params
-        );
+        this.openRedirectView(message, json.redirecturl);
         return true;
       }
     }
-    return false;
+    return true;
   }
 }
 

package/es/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/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.d.ts

@@ -28,13 +28,17 @@ export declare const InternalMessageTab: import("vue").DefineComponent<{
         title: string;
         receiver: string;
         short_content?: string | undefined;
+        url?: string | undefined;
+        mobile_url?: string | undefined;
     }[]>;
     state: {
         total: number;
         pageSize: number;
+        unreadOnly: boolean;
     };
     hiddenPopover: () => void;
     showMore: () => void;
+    switchChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     hiddenPopover: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.mjs

@@ -1,4 +1,4 @@
-import { ref, reactive, createVNode, createTextVNode, defineComponent } from 'vue';
+import { ref, watch, reactive, onUnmounted, createVNode, createTextVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { getInternalMessageProvider } from '@ibiz-template/runtime';
 import './internal-message-tab.css';
@@ -28,10 +28,25 @@ const InternalMessageTab = /* @__PURE__ */ defineComponent({
       emit("hiddenPopover");
     };
     const c = props.controller;
+    const hasNotice = ref(false);
+    ibiz.mc.command.internalMessage.on(async (msg) => {
+      ibiz.log.debug("mqtt internalMessage: ", msg);
+      if (msg.subtype === "INTERNALMESSAGE") {
+        hasNotice.value = true;
+      }
+    });
+    watch(() => props.showPopover, (newVal) => {
+      if (newVal && hasNotice.value) {
+        c.load();
+        c.refreshUnreadCount();
+        hasNotice.value = false;
+      }
+    });
     const allItems = ref([]);
     const state = reactive({
       total: 0,
-      pageSize: 0
+      pageSize: 0,
+      unreadOnly: c.unreadOnly
     });
     const updateData = () => {
       allItems.value = clone(c.messages);
@@ -39,22 +54,36 @@ const InternalMessageTab = /* @__PURE__ */ defineComponent({
       state.pageSize = c.size;
     };
     updateData();
+    const updateUnreadOnlyChange = (val) => {
+      state.unreadOnly = val;
+    };
     c.evt.on("dataChange", updateData);
+    c.evt.on("unreadOnlyChange", updateUnreadOnlyChange);
+    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 createVNode("div", {
       "class": [this.ns.b()]
+    }, [createVNode("div", {
+      "class": this.ns.b("content")
     }, [this.allItems.length > 0 && this.allItems.map((msg) => {
       let provider;
       try {
@@ -64,20 +93,26 @@ const InternalMessageTab = /* @__PURE__ */ defineComponent({
       }
       if (provider) {
         return provider.render({
-          class: this.ns.e("item"),
+          class: [this.ns.e("item")],
           message: msg,
           onClose: this.hiddenPopover
         });
       }
       return 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 && createVNode("div", {
       "class": this.ns.e("nodata")
     }, [createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && createVNode("div", {
       "class": this.ns.e("load-more"),
       "onClick": this.showMore
-    }, [createTextVNode("\u52A0\u8F7D\u66F4\u591A("), restLength, createTextVNode(")")])]);
+    }, [createTextVNode("\u52A0\u8F7D\u66F4\u591A("), restLength, createTextVNode(")")])]), createVNode("div", {
+      "class": this.ns.b("footer")
+    }, [createVNode(resolveComponent("el-switch"), {
+      "value": this.state.unreadOnly,
+      "onChange": this.switchChange,
+      "class": this.ns.be("footer", "switch")
+    }, null), " ", createTextVNode("\u53EA\u663E\u793A\u672A\u8BFB")])]);
   }
 });
 

package/es/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/es/panel-component/user-message/internal-message/internal-message-text/internal-message-text.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { IInternalMessage } from '@ibiz-template/core';
+import './internal-message-text.scss';
+import { InternalMessageTextProvider } from './internal-message-text.provider';
+export declare const InternalMessageText: import("vue").DefineComponent<{
+    message: {
+        type: PropType<IInternalMessage>;
+        required: true;
+    };
+    provider: {
+        type: PropType<InternalMessageTextProvider>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: PropType<IInternalMessage>;
+        required: true;
+    };
+    provider: {
+        type: PropType<InternalMessageTextProvider>;
+        required: true;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+}, {}, {}>;

package/es/panel-component/user-message/internal-message/internal-message-text/internal-message-text.mjs

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

package/es/panel-component/user-message/internal-message/internal-message-text/internal-message-text.provider.d.ts

@@ -0,0 +1,28 @@
+import { InternalMessageDefaultProvider } from '../common';
+export declare class InternalMessageTextProvider extends InternalMessageDefaultProvider {
+    component: import("vue").DefineComponent<{
+        message: {
+            type: import("vue").PropType<import("@ibiz-template/core").IInternalMessage>;
+            required: true;
+        };
+        provider: {
+            type: import("vue").PropType<InternalMessageTextProvider>;
+            required: true;
+        };
+    }, {
+        ns: import("@ibiz-template/core").Namespace;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        message: {
+            type: import("vue").PropType<import("@ibiz-template/core").IInternalMessage>;
+            required: true;
+        };
+        provider: {
+            type: import("vue").PropType<InternalMessageTextProvider>;
+            required: true;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+}

package/es/panel-component/user-message/internal-message/internal-message-text/internal-message-text.provider.mjs

@@ -0,0 +1,19 @@
+import { InternalMessageText } from './internal-message-text.mjs';
+import '../common/index.mjs';
+import { InternalMessageDefaultProvider } from '../common/internal-message-default/internal-message-default.provider.mjs';
+
+"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 InternalMessageDefaultProvider {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "component", InternalMessageText);
+  }
+}
+
+export { InternalMessageTextProvider };

package/es/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/es/panel-component/user-message/user-message.mjs

@@ -1,4 +1,4 @@
-import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController, PresetIdentifier } from '@ibiz-template/runtime';
 import './user-message.css';
@@ -32,7 +32,14 @@ const UserMessage = /* @__PURE__ */ defineComponent({
     const hiddenPopover = () => {
       popoverRef.value.hide();
     };
-    const noticeNum = ref(0);
+    const noticeNum = ref(noticeController.total);
+    const onNumChange = (total) => {
+      noticeNum.value = total;
+    };
+    noticeController.evt.on("totalChange", onNumChange);
+    onUnmounted(() => {
+      noticeController.evt.off("totalChange", onNumChange);
+    });
     return {
       ns,
       c,
@@ -47,6 +54,7 @@ const UserMessage = /* @__PURE__ */ defineComponent({
   },
   render() {
     return createVNode("div", {
+      "title": "\u901A\u77E5",
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [createVNode(resolveComponent("el-popover"), {
       "ref": "popoverRef",

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

@@ -1,4 +1,4 @@
-import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, resolveComponent, h, defineComponent } from 'vue';
 import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
 import { ViewMode, Modal } from '@ibiz-template/runtime';
 import { isNumber } from 'lodash-es';
@@ -93,21 +93,19 @@ const AppDrawerComponent = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    return createVNode(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 h(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/es/util/app-modal/app-modal-component.mjs

@@ -1,4 +1,4 @@
-import { ref, reactive, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, reactive, resolveComponent, h, defineComponent } from 'vue';
 import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
 import { isNumber } from 'lodash-es';
 import { ViewMode, Modal } from '@ibiz-template/runtime';
@@ -85,20 +85,17 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    return createVNode(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 h(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/es/util/notification-util/notification-util.mjs

@@ -52,6 +52,7 @@ class NotificationUtil {
     ElNotification({
       title: params.title,
       message: params.desc,
+      dangerouslyUseHTMLString: !!params.isHtmlDesc,
       type: noticeType,
       position: params.position || "top-right",
       duration

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

@@ -17,7 +17,8 @@ class OpenViewUtil {
       context,
       params
     );
-    return 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);
@@ -27,7 +28,8 @@ class OpenViewUtil {
       context,
       params
     );
-    return routerCallback.open(this.router, path);
+    this.router.push({ path });
+    return { ok: true };
   }
   /**
    * 模态打开视图
@@ -44,7 +46,8 @@ class OpenViewUtil {
     const opts = {
       width: appView.width || "80%",
       height: appView.height || "80%",
-      footerHide: true
+      footerHide: true,
+      ...appView.modalOption
     };
     return openViewModal(
       {
@@ -62,7 +65,8 @@ class OpenViewUtil {
       height: appView.height,
       autoClose: true,
       placement: "bottom",
-      ...options
+      ...options,
+      ...appView.modalOption
     };
     return openViewPopover(
       event,
@@ -90,7 +94,8 @@ class OpenViewUtil {
     const opts = {
       width: appView.width,
       height: appView.height,
-      placement
+      placement,
+      ...appView.modalOption
     };
     return openViewDrawer(
       {

package/es/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}