@ibiz-template/vue3-components 0.6.3 → 0.6.5

package/lib/editor/text-box/input/input.cjs

@@ -22,10 +22,20 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const editorModel = c.model;
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
+    const showLimit = vue.ref(true);
+    const isAuto = vue.ref(false);
     const rows = vue.ref(2);
     if (editorModel.editorType === "TEXTAREA_10") {
       rows.value = 10;
     }
+    if (c.editorParams) {
+      if (c.editorParams.SHOWLIMIT === "false") {
+        showLimit.value = false;
+      }
+      if (c.editorParams.ISAUTO === "true") {
+        isAuto.value = true;
+      }
+    }
     const type = vue.computed(() => {
       switch (editorModel.editorType) {
         case "TEXTBOX":
@@ -225,6 +235,8 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       shouldAutoComplete,
       isEditable,
       setEditable,
+      showLimit,
+      isAuto,
       showFormDefaultContent
     };
   },
@@ -267,9 +279,10 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
         "type": this.type,
         "rows": this.rows,
         "resize": "none",
+        "autosize": this.isAuto,
         "maxlength": this.c.model.maxLength,
         "minlength": this.c.model.minLength,
-        "show-word-limit": this.c.model.showMaxLength,
+        "show-word-limit": this.showLimit && this.c.model.showMaxLength,
         "onInput": this.handleChange,
         "onKeyup": this.handleKeyUp,
         "onBlur": this.onBlur,

package/lib/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:block}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:block}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:block}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

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

@@ -27,16 +27,7 @@ class InternalMessageDefaultProvider {
   async onClick(message, _event) {
     await ibiz.hub.notice.internalMessage.markRead(message);
     const redirectUrl = ibiz.env.isMob ? message.mobile_url : message.url;
-    if (redirectUrl) {
-      if (redirectUrl.startsWith("view://")) {
-        this.openRedirectView(message, redirectUrl);
-      } else if (redirectUrl.startsWith("route://")) {
-        const routeUrl = "/".concat(redirectUrl.split("route://")[1]);
-        this.router.push(routeUrl);
-      }
-      return true;
-    }
-    return false;
+    return this.openViewByUrl(redirectUrl);
   }
   /**
    * 解析url并打开对应视图，打开视图前会先标记已读
@@ -48,13 +39,32 @@ class InternalMessageDefaultProvider {
    */
   async openRedirectView(msg, redirectUrl) {
     await ibiz.hub.notice.internalMessage.markRead(msg);
-    const { viewId, context, params } = runtime.parseViewProtocol(redirectUrl);
-    ibiz.commands.execute(
-      runtime.OpenAppViewCommand.TAG,
-      viewId,
-      core.IBizContext.create(context),
-      params
-    );
+    this.openViewByUrl(redirectUrl);
+  }
+  /**
+   * 解析url并打开对应视图
+   * @param {string} redirectUrl
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2024-03-04 11:16:40
+   */
+  openViewByUrl(redirectUrl) {
+    if (redirectUrl) {
+      if (redirectUrl.startsWith("view://")) {
+        const { viewId, context, params } = runtime.parseViewProtocol(redirectUrl);
+        ibiz.commands.execute(
+          runtime.OpenAppViewCommand.TAG,
+          viewId,
+          core.IBizContext.create(context),
+          params
+        );
+      } else if (redirectUrl.startsWith("route://")) {
+        const routeUrl = "/".concat(redirectUrl.split("route://")[1]);
+        this.router.push(routeUrl);
+      }
+      return true;
+    }
+    return false;
   }
 }
 

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

@@ -6,6 +6,8 @@ var runtime = require('@ibiz-template/runtime');
 require('./user-message.css');
 var asyncActionTab = require('./async-action/async-action-tab/async-action-tab.cjs');
 require('./internal-message/index.cjs');
+require('./internal-message/common/index.cjs');
+var internalMessageDefault_provider = require('./internal-message/common/internal-message-default/internal-message-default.provider.cjs');
 var internalMessageTab = require('./internal-message/internal-message-tab/internal-message-tab.cjs');
 
 "use strict";
@@ -27,6 +29,8 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
     const noticeController = ibiz.hub.notice;
     const showPopover = vue.ref(false);
     let hiddenTime = 0;
+    noticeController.internalMessage.ns = ns;
+    noticeController.internalMessage.provider = new internalMessageDefault_provider.InternalMessageDefaultProvider();
     const currentTab = vue.ref("notification");
     const sysImage = props.modelData.sysImage || {
       imagePath: "svg/message.svg"
@@ -40,9 +44,6 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
       noticeNum.value = total;
     };
     noticeController.evt.on("totalChange", onNumChange);
-    vue.onUnmounted(() => {
-      noticeController.evt.off("totalChange", onNumChange);
-    });
     const onBatchReadClick = () => {
       noticeController.internalMessage.batchMarkRead();
     };
@@ -67,6 +68,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
       document.addEventListener("visibilitychange", handleVisibleChange);
     });
     vue.onUnmounted(() => {
+      noticeController.evt.off("totalChange", onNumChange);
       document.removeEventListener("visibilitychange", handleVisibleChange);
     });
     return {

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(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-box{position:relative;height:100%}.ibiz-user-message-popover-icons{position:absolute;top:10px;right:0}.ibiz-user-message-popover-icons .ibiz-user-message-popover-icons-read{cursor:pointer}.ibiz-user-message-popover-icons .ibiz-user-message-popover-icons-read:hover{color:var(--ibiz-color-primary)}.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-box{position:relative;height:100%}.ibiz-user-message-popover-icons{position:absolute;top:10px;right:0}.ibiz-user-message-popover-icons .ibiz-user-message-popover-icons-read{cursor:pointer}.ibiz-user-message-popover-icons .ibiz-user-message-popover-icons-read:hover{color:var(--ibiz-color-primary)}.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-notice{padding:var(--ibiz-spacing-tight)}.ibiz-user-message-notice .el-notification__group{margin:0}

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

@@ -57,7 +57,9 @@ class NotificationUtil {
       dangerouslyUseHTMLString: !!params.isHtmlDesc,
       type: noticeType,
       position: params.position || "top-right",
-      duration
+      duration,
+      customClass: params.class,
+      onClick: params.onClick
     });
   }
   /**

package/lib/view-engine/edit-view.engine.cjs

@@ -60,13 +60,17 @@ class EditViewEngine extends runtime.ViewEngineBase {
     }
     this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
-      if (this.form.state.modified && this.view.model.enableDirtyChecking === true) {
+      const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
+      const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
+      if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({
           title: "\u5173\u95ED\u63D0\u9192",
           desc: "\u8868\u5355\u6570\u636E\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5173\u95ED\uFF1F"
         });
         if (!isAllow) {
           context.allowClose = false;
+        } else {
+          context.allowClose = true;
         }
       }
     });

package/lib/view-engine/opt-view.engine.cjs

@@ -32,13 +32,17 @@ class OptViewEngine extends runtime.ViewEngineBase {
     }
     this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
-      if (this.form.state.modified && this.view.model.enableDirtyChecking === true) {
+      const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
+      const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
+      if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({
           title: "\u5173\u95ED\u63D0\u9192",
           desc: "\u8868\u5355\u6570\u636E\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5173\u95ED\uFF1F"
         });
         if (!isAllow) {
           context.allowClose = false;
+        } else {
+          context.allowClose = true;
         }
       }
     });

package/lib/web-app/guard/auth-guard/auth-guard.cjs

@@ -3,6 +3,7 @@
 var core = require('@ibiz-template/core');
 var ramda = require('ramda');
 var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -107,6 +108,7 @@ class AuthGuard {
     if (ibiz.env.isSaaSMode === true) {
       await this.loadOrgData();
     }
+    await this.refreshToken();
     await this.loadAppData();
     await this.initModel();
     await ibiz.auth.extendLogin();
@@ -215,6 +217,34 @@ class AuthGuard {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     });
   }
+  /**
+   * 根据refreshToken获取新token
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2024-03-05 11:38:20
+   */
+  async refreshToken() {
+    const remember = qxUtil.getCookie(core.CoreConst.TOKEN_REMEMBER);
+    const token = qxUtil.getCookie(core.CoreConst.TOKEN);
+    const refreshToken = qxUtil.getCookie(core.CoreConst.REFRESH_TOKEN);
+    const cacheDay = remember ? 7 : 0;
+    if (!token && refreshToken != null && refreshToken !== "") {
+      const res = await ibiz.net.get("/uaa/refresh_token/".concat(refreshToken));
+      if (res.ok) {
+        qxUtil.setCookie(core.CoreConst.TOKEN, res.data.token, cacheDay, true);
+        const expiredDate = (/* @__PURE__ */ new Date()).getTime() + (res.data.expirein || 7199) * 1e3;
+        qxUtil.setCookie(core.CoreConst.TOKEN_EXPIRES, "".concat(expiredDate), cacheDay, true);
+        if (res.data.refresh_token) {
+          qxUtil.setCookie(
+            core.CoreConst.REFRESH_TOKEN,
+            res.data.refresh_token,
+            cacheDay,
+            true
+          );
+        }
+      }
+    }
+  }
 }
 
 exports.AuthGuard = AuthGuard;

package/lib/web-app/main.cjs

@@ -10,6 +10,7 @@ require('./util/index.cjs');
 var index = require('./router/index.cjs');
 require('../util/index.cjs');
 require('./guard/index.cjs');
+var unauthorizedHandler = require('./util/unauthorized-handler/unauthorized-handler.cjs');
 var dynaAuthGuard = require('./guard/auth-guard/dyna-auth-guard.cjs');
 var openViewUtil = require('../util/open-view-util/open-view-util.cjs');
 var messageUtil = require('../util/message-util/message-util.cjs');
@@ -19,7 +20,6 @@ var notificationUtil = require('../util/notification-util/notification-util.cjs'
 var loadingUtil = require('../util/loading-util/loading-util.cjs');
 var noticeUtil = require('../util/notice-util/notice-util.cjs');
 var overlayController = require('../util/overlay-controller/overlay-controller.cjs');
-var unauthorizedHandler = require('./util/unauthorized-handler/unauthorized-handler.cjs');
 
 "use strict";
 async function runApp(plugins, opts) {
@@ -33,6 +33,7 @@ async function runApp(plugins, opts) {
   core.install();
   runtime.install();
   ibiz.plugin = new vue3Util.PluginFactory();
+  ibiz.util.error.register(new unauthorizedHandler.UnauthorizedHandler());
   const app = createVueApp.createVueApp(App.default);
   vue3Util.OverlayContainer.createVueApp = createVueApp.createVueApp;
   window.onerror = function(_event, _source, _lineno, _colno, error) {
@@ -66,7 +67,6 @@ async function runApp(plugins, opts) {
   ibiz.util.text.format = (value, code) => {
     return app.config.globalProperties.$textFormat(value, code);
   };
-  ibiz.util.error.register(new unauthorizedHandler.UnauthorizedHandler());
   await ibiz.i18n.init();
   app.mount("#app");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -32,10 +32,10 @@
     "@ibiz-template-plugin/gantt": "0.1.3-alpha.41",
     "@ibiz-template/core": "0.6.3",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.6.3",
-    "@ibiz-template/runtime": "0.6.3",
+    "@ibiz-template/model-helper": "0.6.5",
+    "@ibiz-template/runtime": "0.6.5",
     "@ibiz-template/theme": "^0.6.0",
-    "@ibiz-template/vue3-util": "0.6.3",
+    "@ibiz-template/vue3-util": "0.6.5",
     "@ibiz-template/web-theme": "^1.1.11",
     "@ibiz/model-core": "^0.1.14",
     "@imengyu/vue3-context-menu": "^1.3.5",