@ibiz-template/mob-vue3-components 0.7.41-alpha.22 → 0.7.41-alpha.23

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

@@ -33,18 +33,18 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
     if (width) {
       customStyle.width = isNumber(width) ? calcOpenModeStyle(width, "modal") : width;
     } else {
-      customStyle.width = "60vw";
+      customStyle.width = "100vw";
     }
     if (height) {
       customStyle.height = isNumber(height) ? calcOpenModeStyle(height, "modal") : height;
     } else {
-      customStyle.height = "60vh";
+      customStyle.height = "100vh";
     }
     const options = ref({
       footerHide: true,
       modalClass: "",
-      // 是否显示弹框关闭按钮，默认不显示
-      showClose: false,
+      // 是否显示弹框关闭按钮，显示返回按钮时不显示关闭按钮
+      showClose: !ibiz.config.view.mobShowPresetBack,
       // 是否显示遮罩，默认显示
       overlay: true
     });
@@ -97,6 +97,9 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
         return createVNode(resolveComponent("van-button"), {
           "class": this.ns.e("close"),
           "plain": true,
+          "style": {
+            zIndex: this.modalZIndex
+          },
           "onClick": this.onDialogClose
         }, {
           default: () => [createVNode(resolveComponent("van-icon"), {

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

@@ -33,8 +33,8 @@ async function computePos(element, el, arrEl, opts) {
     const {
       style
     } = el;
-    style.left = `${x}px`;
-    style.top = `${y}px`;
+    style.left = "".concat(x, "px");
+    style.top = "".concat(y, "px");
     if (!opts.noArrow) {
       const {
         x: arrowX,
@@ -47,8 +47,8 @@ async function computePos(element, el, arrEl, opts) {
         left: "right"
       }[placement.split("-")[0]];
       Object.assign(arrEl.style, {
-        left: arrowX != null ? `${arrowX}px` : "",
-        top: arrowY != null ? `${arrowY}px` : "",
+        left: arrowX != null ? "".concat(arrowX, "px") : "",
+        top: arrowY != null ? "".concat(arrowY, "px") : "",
         right: "",
         bottom: "",
         [staticSide]: "-4px"

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

@@ -24,6 +24,41 @@ class AppUtil {
      */
     __publicField(this, "viewCacheCenter", /* @__PURE__ */ new Map());
   }
+  /**
+   * @description 注册导航结束事件
+   * @param {(form: string, to: string) => void} callBack
+   * @memberof AppUtil
+   */
+  registerEventOnNavEnd(callBack) {
+    this.router.afterEach((form, to) => {
+      if (callBack)
+        callBack(form.fullPath, to.fullPath);
+    });
+  }
+  /**
+   * @description 注册路由导航完成关闭模态类视图
+   * @returns {*}  {void}
+   * @memberof AppUtil
+   */
+  registerAutoCloseOnNavEnd() {
+    if (!ibiz.config.common.autoCloseModalView || !this.router)
+      return;
+    this.router.afterEach(() => {
+      if (this.viewCacheCenter.size === 0)
+        return;
+      const cacheViews = [...this.viewCacheCenter.values()];
+      const validModalViews = cacheViews.filter((view) => {
+        return view && view.state.isDestroyed === false && view.modal && view.modal.viewUsage === 2;
+      });
+      if (validModalViews.length === 0)
+        return;
+      setTimeout(() => {
+        validModalViews.forEach(
+          (view) => view && view.closeView && view.closeView()
+        );
+      }, 0);
+    });
+  }
   /**
    * @description 路由是否初始化构建完成
    * @returns {*}  {Promise<void>}
@@ -76,7 +111,7 @@ class AppUtil {
     if (bol) {
       const path = window.location;
       if (path.search.indexOf("isAnonymous=true") !== -1) {
-        const href = `${path.origin}${path.pathname}${path.hash}`;
+        const href = "".concat(path.origin).concat(path.pathname).concat(path.hash);
         window.history.replaceState({}, "", href);
       }
       await this.router.push(
@@ -207,10 +242,10 @@ class AppUtil {
       return Promise.resolve([]);
     const chatInstance = await ibiz.aiChatUtil.getAIChat();
     const appDataEntityName = calcDeCodeNameById(appDataEntityId);
-    let topicId = `mob@${appDataEntityId}@${appDEACModeId}@`;
+    let topicId = "mob@".concat(appDataEntityId, "@").concat(appDEACModeId, "@");
     topicId += context[appDataEntityName] ? context[appDataEntityName] : "default";
     const sessionid = ibiz.aiChatUtil.getChatSessionId("TOPIC", topicId);
-    const topicCaption = `[${deACMode.logicName}]${(data == null ? void 0 : data.srfmajortext) || ""}`;
+    const topicCaption = "[".concat(deACMode.logicName, "]").concat((data == null ? void 0 : data.srfmajortext) || "");
     const tempParams = { ...params, ...{ srfactag: deACMode.codeName } };
     const { zIndex } = useUIStore();
     const containerZIndex = zIndex.increment();

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

@@ -24,5 +24,37 @@ function convertBtnType(detail) {
   }
   return buttonType;
 }
+function getTempDomRect(ns, style = {}) {
+  const dom = document.createElement("div");
+  dom.classList.add(ns.b());
+  Object.assign(dom.style, {
+    position: "absolute",
+    left: "-9999px",
+    width: "var(".concat(ns.cssVarBlockName("width-van-button"), ")"),
+    height: "var(".concat(ns.cssVarBlockName("height-van-button"), ")"),
+    ...style
+  });
+  document.body.appendChild(dom);
+  const domRectList = dom.getBoundingClientRect();
+  document.body.removeChild(dom);
+  return domRectList;
+}
+function calcPopoverPlacement(ns, curDom, listNum, direction = "horizontal") {
+  if (!curDom)
+    return direction === "horizontal" ? "right" : "bottom";
+  const { innerWidth, innerHeight } = window;
+  const rect = getTempDomRect(ns);
+  const { x, y, width } = curDom.getBoundingClientRect();
+  const centerX = innerWidth - width - rect.width;
+  const centerY = listNum ? innerHeight - listNum * rect.height : innerHeight / 2;
+  if (y > centerY) {
+    if (direction === "horizontal")
+      return x > centerX ? "left-end" : "right-end";
+    return x > centerX ? "top-end" : "top-start";
+  }
+  if (direction === "horizontal")
+    return x > centerX ? "left-start" : "right-start";
+  return x > centerX ? "bottom-end" : "bottom-start";
+}
 
-export { convertBtnType };
+export { calcPopoverPlacement, convertBtnType, getTempDomRect };

package/es/util/confirm-util/confirm-util.mjs

@@ -18,7 +18,7 @@ class ConfirmUtil {
       showConfirmDialog({
         title,
         message: desc,
-        className: `${this.ns.b()} ${this.ns.e("info")}`,
+        className: "".concat(this.ns.b(), " ").concat(this.ns.e("info")),
         ...options
       }).then(() => {
         resolve(true);
@@ -33,7 +33,7 @@ class ConfirmUtil {
       showConfirmDialog({
         title,
         message: desc,
-        className: `${this.ns.b()} ${this.ns.e("success")}`,
+        className: "".concat(this.ns.b(), " ").concat(this.ns.e("success")),
         ...options
       }).then(() => {
         resolve(true);
@@ -48,7 +48,7 @@ class ConfirmUtil {
       showConfirmDialog({
         title,
         message: desc,
-        className: `${this.ns.b()} ${this.ns.e("warning")}`,
+        className: "".concat(this.ns.b(), " ").concat(this.ns.e("warning")),
         ...options
       }).then(() => {
         resolve(true);
@@ -63,7 +63,7 @@ class ConfirmUtil {
       showConfirmDialog({
         title,
         message: desc,
-        className: `${this.ns.b()} ${this.ns.e("error")}`,
+        className: "".concat(this.ns.b(), " ").concat(this.ns.e("error")),
         ...options
       }).then(() => {
         resolve(true);

package/es/util/directive/loading.mjs

@@ -6,7 +6,7 @@ const INSTANCE_KEY = Symbol("vanLoading");
 const createInstance = (el) => {
   const ns = useNamespace("loading");
   const options = {
-    message: `${ibiz.i18n.t("util.loading")}...`,
+    message: "".concat(ibiz.i18n.t("util.loading"), "..."),
     forbidClick: true,
     teleport: el,
     duration: 0,

package/es/util/fullscreen/fullscreen-util.mjs

@@ -72,7 +72,7 @@ class FullscreenUtil {
     }
     const ns = useNamespace(this.FullscreenClass);
     this.fullscreenElement.classList.remove(ns.b());
-    const header = this.fullscreenElement.querySelector(`.${ns.e("header")}`);
+    const header = this.fullscreenElement.querySelector(".".concat(ns.e("header")));
     if (header) {
       header.remove();
     }

package/es/util/index.mjs

@@ -12,10 +12,11 @@ export { FullscreenUtil } from './fullscreen/fullscreen-util.mjs';
 import './store/index.mjs';
 export { usePopstateListener } from './use-popstate-util/use-popstate-util.mjs';
 export { QrcodeUtil } from './qrcode-util/qrcode-util.mjs';
-export { convertBtnType } from './button-util/button-util.mjs';
+export { calcPopoverPlacement, convertBtnType } from './button-util/button-util.mjs';
 export { useListRender } from './list-util/list-render-util.mjs';
 export { splitPathToSegments, validateRouteSegments } from './user-route-util/user-route-util.mjs';
 export { AIChatUtil } from './ai-chat-util/ai-chat-util.mjs';
+export { PrintPreviewUtil } from './print-preview-util/print-preview-util.mjs';
 export { calcUniqueKey, useViewStack } from './store/view-stack/view-stack.mjs';
 
 "use strict";

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

@@ -21,6 +21,7 @@ function useListRender(props, c, ns) {
   const enableLoadMore = computed(() => {
     return c.state.items.length < c.state.total && c.state.total > c.state.size;
   });
+  const isUpdating = ref(false);
   c.evt.on("onLoadSuccess", () => {
     if (!enablePagingBar && pagingMode !== 3) {
       isLodeFinished.value = c.state.items.length >= c.state.total || c.state.total <= c.state.size;
@@ -44,6 +45,12 @@ function useListRender(props, c, ns) {
       c.state.isLoaded = true;
     }
   });
+  c.evt.on("onLoadSuccess", () => {
+    isUpdating.value = true;
+    window.requestAnimationFrame(() => {
+      isUpdating.value = false;
+    });
+  });
   watch(() => props.data, () => {
     if (props.isSimple) {
       initSimpleData();
@@ -65,9 +72,9 @@ function useListRender(props, c, ns) {
   const calcItemStyle = (row) => {
     const cardStyle = {};
     Object.assign(cardStyle, ns.cssVarBlock({
-      "color-bg": `${row.bgcolor || ""}`,
-      "color-text": `${row.fontcolor || ""}`,
-      "color-item-active": `${row.activecolor || ""}`
+      "color-bg": "".concat(row.bgcolor || ""),
+      "color-text": "".concat(row.fontcolor || ""),
+      "color-item-active": "".concat(row.activecolor || "")
     }));
     return cardStyle;
   };
@@ -154,7 +161,7 @@ function useListRender(props, c, ns) {
       return;
     }
     const ctrlModel = controls.find((item) => {
-      return item.name === `${name}_quicktoolbar`;
+      return item.name === "".concat(name, "_quicktoolbar");
     });
     if (ctrlModel) {
       return createVNode(resolveComponent("iBizToolbarControl"), {
@@ -192,15 +199,27 @@ function useListRender(props, c, ns) {
     if (!c.state.isLoaded) {
       return null;
     }
+    let disabled = true;
+    if (enablePagingBar === true) {
+      disabled = false;
+    }
+    if (pagingMode && pagingMode !== 0) {
+      disabled = false;
+    }
+    let finishedText = ibiz.i18n.t("control.common.loadFinish");
+    if (c.state.curPage < c.state.totalPages || disabled) {
+      finishedText = "";
+    }
     return createVNode(resolveComponent("van-list"), {
       "class": [ns.e("content"), ns.is("show-under-line", controlStyle !== "EXTVIEW1")],
       "loading": c.state.isLoading,
       "error": isLoadError.value,
       "onUpdate:error": ($event) => isLoadError.value = $event,
       "offset": 50,
+      "disabled": disabled || isUpdating.value,
       "finished": isLodeFinished.value,
       "loading-text": ibiz.i18n.t("control.common.loadMore"),
-      "finished-text": c.state.totalPages === 1 ? "" : ibiz.i18n.t("control.common.loadFinish"),
+      "finished-text": finishedText,
       "error-text": ibiz.i18n.t("control.common.loadError"),
       "onLoad": () => c.loadMore()
     }, {

package/es/util/loading-util/loading-util.mjs

@@ -45,7 +45,7 @@ class LoadingUtil {
     const ns = useNamespace("loading");
     if (this.count === 0) {
       this.loading = showLoadingToast({
-        message: `${ibiz.i18n.t("util.loading")}...`,
+        message: "".concat(ibiz.i18n.t("util.loading"), "..."),
         forbidClick: true,
         className: ns.b(),
         loadingType: "spinner",

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

@@ -144,7 +144,7 @@ class OpenViewUtil {
       context,
       params
     );
-    window.open(`${UrlHelper.routeBase}${path}`, "_blank", "popup");
+    window.open("".concat(UrlHelper.routeBase).concat(path), "_blank", "popup");
   }
   /**
    * 校验是否可以打开视图

package/es/util/print-preview-util/print-preview-markdown/icon/icon.mjs

@@ -0,0 +1,46 @@
+import { createVNode } from 'vue';
+
+"use strict";
+const ArrowLeftBold = () => createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [createVNode("path", {
+  "fill": "currentColor",
+  "d": "M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"
+}, null)]);
+const ArrowRightBold = () => createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [createVNode("path", {
+  "fill": "currentColor",
+  "d": "M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"
+}, null)]);
+const FullScreenSvg = () => createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [createVNode("path", {
+  "d": "M547.4 197.4v46l200.3 0.1L546.1 444l32.4 32.6 201.9-200.7v200.9h46V197.5zM471.4 584.4l-32.6-32.6L243.6 747V547.9h-46v278.7h279v-46H275z"
+}, null)]);
+const CloseFullScreenSvg = () => createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [createVNode("path", {
+  "d": "M544 480V282.944h52.224l0.064 107.968L763.072 224l36.928 36.928-166.976 166.976 108.032-0.128V480H544zM260.928 800l-36.928-36.928 166.912-166.784-107.968-0.064V544H480v197.056h-52.224l0.064-107.968L260.928 800z"
+}, null)]);
+const CloseSvg = () => createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [createVNode("path", {
+  "d": "M843.904 783.573333 783.573333 843.904 512.042667 572.373333 240.512 843.904 180.181333 783.573333 451.712 512.042667 180.181333 240.512 240.512 180.181333 512.042667 451.712 783.573333 180.181333 843.904 240.512 572.373333 512.042667 843.904 783.573333Z"
+}, null)]);
+
+export { ArrowLeftBold, ArrowRightBold, CloseFullScreenSvg, CloseSvg, FullScreenSvg };

package/es/util/print-preview-util/print-preview-markdown/print-preview-markdown.css

@@ -0,0 +1 @@
+.ibiz-print-preview-markdown{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.ibiz-print-preview-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-base);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-print-preview-markdown__header--action{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-base)}.ibiz-print-preview-markdown__header--caption{font-size:var(--ibiz-font-size-header-5)}.ibiz-print-preview-markdown__header--close{cursor:pointer}.ibiz-print-preview-markdown__header--close svg{width:var(--ibiz-spacing-base-loose);height:var(--ibiz-spacing-base-loose)}.ibiz-print-preview-markdown__content{flex-grow:1;margin:1rem;overflow:auto}.ibiz-print-preview-markdown__content>.ibiz-markdown{height:100%}.ibiz-print-preview-markdown__content>.ibiz-markdown .ibiz-markdown-cherry .cherry{border:none}.ibiz-print-preview-markdown__content>.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{border:none}

package/es/util/print-preview-util/print-preview-markdown/print-preview-markdown.mjs

@@ -0,0 +1,62 @@
+import { defineComponent, createVNode, ref, resolveComponent, h } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { CloseSvg } from './icon/icon.mjs';
+import './print-preview-markdown.css';
+
+"use strict";
+const PrintPreviewMarkdown = /* @__PURE__ */ defineComponent({
+  name: "PrintPreviewMarkdown",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("print-preview-markdown");
+    const printPreview = ref();
+    const onClose = () => {
+      props.modal.dismiss();
+    };
+    const renderHeader = () => {
+      return createVNode("div", {
+        "class": ns.e("header")
+      }, [createVNode("div", {
+        "class": ns.em("header", "caption")
+      }, [ibiz.i18n.t("util.printPreviewUtil.title")]), createVNode("div", {
+        "class": ns.em("header", "action")
+      }, [createVNode("div", {
+        "class": ns.em("header", "close"),
+        "title": ibiz.i18n.t("app.close"),
+        "onClick": onClose
+      }, [createVNode(CloseSvg, null, null)])])]);
+    };
+    const renderContent = () => {
+      const markdown = resolveComponent("IBizMarkDown");
+      return createVNode("div", {
+        "class": ns.e("content")
+      }, [h(markdown, {
+        value: props.value,
+        readonly: true
+      })]);
+    };
+    return {
+      ns,
+      printPreview,
+      renderHeader,
+      renderContent
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "ref": "printPreview"
+    }, [this.renderHeader(), this.renderContent()]);
+  }
+});
+
+export { PrintPreviewMarkdown };

package/es/util/print-preview-util/print-preview-util.mjs

@@ -0,0 +1,57 @@
+import { h } from 'vue';
+import { PrintPreviewMarkdown } from './print-preview-markdown/print-preview-markdown.mjs';
+
+"use strict";
+class PrintPreviewUtil {
+  /**
+   * 执行打印
+   * @param context
+   * @param params
+   * @param data
+   * @returns boolean 是否成功执行打印
+   */
+  async execPrint(context, params, data) {
+    const srfcontenttype = params.srfcontenttype;
+    if (srfcontenttype === "MARKDOWN") {
+      return this.printMarkDown(data, params);
+    }
+    if (srfcontenttype === "HTML") {
+      return this.printHtml(data);
+    }
+    return false;
+  }
+  /**
+   * 打印MarkDown（窗口可以由视图参数srfprintheight和srfprintwidth指定，默认居中50%，绘制时为md预览模式绘制，提供全屏按钮，和关闭按钮。）
+   * @param data
+   * @returns
+   */
+  async printMarkDown(data, params) {
+    const text = await data.text();
+    const overlay = ibiz.overlay.createModal(
+      (modal) => h(PrintPreviewMarkdown, {
+        value: text,
+        modal
+      }),
+      void 0,
+      {
+        width: params.srfprintwidth || "80%",
+        height: params.srfprintheight || "80%"
+      }
+    );
+    overlay.present();
+    await overlay.onWillDismiss();
+    return true;
+  }
+  /**
+   * 打印HTML(原生浏览器预览)
+   * @param data
+   * @returns
+   */
+  async printHtml(data) {
+    const link = window.URL.createObjectURL(data);
+    window.open(link, "_blank");
+    return true;
+  }
+}
+
+export { PrintPreviewUtil };

package/es/util/scan-qrcode/scan-qrcode.mjs

@@ -26,7 +26,7 @@ const ScanQrcodeComponent = /* @__PURE__ */ defineComponent({
       facingMode: "environment"
     });
     const onError = (error) => {
-      let errorText = `[${error.name}]: `;
+      let errorText = "[".concat(error.name, "]: ");
       switch (error.name) {
         case "NotAllowedError":
           errorText += ibiz.i18n.t("util.scanQrcode.notAllowedError");

package/es/util/user-route-util/user-route-util.mjs

@@ -33,17 +33,17 @@ const validateRouteSegments = (segments) => {
   if (segments.length < 3 || segments.length % 2 === 0) {
     return false;
   }
-  const paramReg = `:[^()]+\\(\\[\\^/\\]\\+=\\[\\^/\\]\\+\\|${ibiz.env.routePlaceholder}\\)`;
-  const viewReg = `[^=/]+`;
+  const paramReg = ":[^()]+\\(\\[\\^/\\]\\+=\\[\\^/\\]\\+\\|".concat(ibiz.env.routePlaceholder, "\\)");
+  const viewReg = "[^=/]+";
   for (let i = 0; i < segments.length; i++) {
     const segment = segments[i];
     if (i % 2 === 0) {
-      const paramRegex = new RegExp(`^${paramReg}$`);
+      const paramRegex = new RegExp("^".concat(paramReg, "$"));
       if (!paramRegex.test(segment) && segment !== ibiz.env.routePlaceholder) {
         return false;
       }
     } else {
-      const viewRegex = new RegExp(`^${viewReg}$`);
+      const viewRegex = new RegExp("^".concat(viewReg, "$"));
       if (!viewRegex.test(segment)) {
         return false;
       }

package/es/util/xlsx-util/xlsx-util.mjs

@@ -139,7 +139,7 @@ function exportJsonToExcel({
     new Blob([s2ab(wbOut)], {
       type: "application/octet-stream"
     }),
-    `${filename}.${bookType}`
+    "".concat(filename, ".").concat(bookType)
   );
 }
 async function readExcelFile(file, sheetIndex) {

package/es/view-engine/index-view.engine.mjs

@@ -5,6 +5,10 @@ class IndexViewEngine extends ViewEngineBase {
   get appmenu() {
     return this.view.getController("appmenu");
   }
+  async onCreated() {
+    await super.onCreated();
+    ibiz.util.hiddenAppLoading();
+  }
 }
 
 export { IndexViewEngine };