@ibiz-template/mob-vue3-components 0.7.41-alpha.7 → 0.7.41-alpha.9

package/es/editor/text-box/signature/signature.mjs

@@ -0,0 +1,256 @@
+import { ref, nextTick, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { getPlatformType, PlatformType } from '@ibiz-template/runtime';
+import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { CoreConst, getAppCookie, base64ToBlob } from '@ibiz-template/core';
+import './signature.css';
+
+"use strict";
+const IBizSignature = /* @__PURE__ */ defineComponent({
+  name: "IBizSignature",
+  props: getInputProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("signature");
+    const c = props.controller;
+    const editorModel = c.model;
+    const headers = ref({
+      [`${ibiz.env.tokenHeader}Authorization`]: `${ibiz.env.tokenPrefix}Bearer ${getAppCookie(CoreConst.TOKEN)}`
+    });
+    const uploadUrl = ref("");
+    const downloadUrl = ref("");
+    const signatureRef = ref();
+    const fullScreen = ref(false);
+    const currentDataURL = ref("");
+    const currentVal = ref("");
+    let saveMode = "img";
+    let buttons = [{
+      label: ibiz.i18n.t("editor.signature.undo"),
+      type: "UNDO"
+    }, {
+      label: ibiz.i18n.t("editor.signature.rewrite"),
+      type: "REWRITE"
+    }, {
+      label: ibiz.i18n.t("editor.signature.confirm"),
+      type: "CONFIRM",
+      buttonType: "PRIMARY"
+    }];
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.mode) {
+        saveMode = editorModel.editorParams.mode;
+      }
+      if (editorModel.editorParams.buttons) {
+        try {
+          buttons = JSON.parse(editorModel.editorParams.buttons);
+        } catch (error) {
+          ibiz.log.error(error);
+        }
+      }
+    }
+    const getSafeDistance = () => {
+      switch (getPlatformType()) {
+        case PlatformType.ANDROID:
+          return "52px";
+        case PlatformType.IOS:
+          return "82px";
+        default:
+          return "0px";
+      }
+    };
+    const restCavans = () => {
+      var _a;
+      (_a = signatureRef.value) == null ? void 0 : _a.updateSignaturePad(() => {
+        nextTick(() => {
+          var _a2, _b;
+          if (currentDataURL.value) {
+            (_a2 = signatureRef.value) == null ? void 0 : _a2.signaturePad.fromDataURL(currentDataURL.value, {
+              // 旋转适配横屏
+              rotation: 90
+            });
+          } else {
+            (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.clear();
+          }
+        });
+      });
+    };
+    const handleCurrentVal = async () => {
+      var _a, _b;
+      if (currentVal.value) {
+        ibiz.loading.showRedirect();
+        if (saveMode === "img") {
+          currentDataURL.value = currentVal.value;
+        } else if (downloadUrl.value) {
+          const fileData = JSON.parse(currentVal.value)[0];
+          const _url = downloadUrl.value.replace("%fileId%", fileData.id);
+          try {
+            const fileBlob = await ibiz.util.file.requestFile(_url);
+            const dataUrl = await ((_a = signatureRef.value) == null ? void 0 : _a.signaturePad.blobToDataURL(fileBlob));
+            currentDataURL.value = dataUrl;
+          } catch (error) {
+            ibiz.log.error(error);
+          }
+        }
+        (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.loadImage(currentDataURL.value, () => {
+          ibiz.loading.hideRedirect();
+        });
+      }
+    };
+    watch(() => props.data, (newVal) => {
+      if (newVal) {
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
+        uploadUrl.value = urls.uploadUrl;
+        downloadUrl.value = urls.downloadUrl;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          currentVal.value = "";
+        } else {
+          currentVal.value = newVal;
+        }
+        await handleCurrentVal();
+      }
+    }, {
+      immediate: true
+    });
+    const handleEmit = (_value) => {
+      emit("change", _value);
+    };
+    const handleUpload = async (dataURL) => {
+      const blob = base64ToBlob(dataURL);
+      const file = await ibiz.util.file.fileUpload(uploadUrl.value, blob, headers.value);
+      return file;
+    };
+    const handleModalClick = () => {
+      fullScreen.value = true;
+      restCavans();
+    };
+    const handleRemove = (_evt) => {
+      var _a;
+      _evt.stopPropagation();
+      (_a = signatureRef.value) == null ? void 0 : _a.signaturePad.clear();
+      currentDataURL.value = "";
+      handleEmit("");
+    };
+    const handlePadContainerClick = () => {
+      if (props.disabled || props.readonly)
+        fullScreen.value = false;
+    };
+    const handleFileChange = async (dataURL) => {
+      const file = await handleUpload(dataURL);
+      handleEmit(JSON.stringify([{
+        name: file.name,
+        id: file.id
+      }]));
+    };
+    const handleConfirm = () => {
+      var _a, _b, _c;
+      fullScreen.value = false;
+      if (((_a = signatureRef.value) == null ? void 0 : _a.signaturePad.isEmpty()) || !((_b = signatureRef.value) == null ? void 0 : _b.signaturePad.isRedrawn()))
+        return;
+      const dataURL = (_c = signatureRef.value) == null ? void 0 : _c.signaturePad.toDataURL(void 0, {
+        // 旋转为述评适配预览
+        rotation: -90
+      });
+      currentDataURL.value = dataURL;
+      switch (saveMode) {
+        case "file":
+          handleFileChange(dataURL);
+          break;
+        case "img":
+        default:
+          handleEmit(dataURL);
+          break;
+      }
+    };
+    const handleButtonClick = (_type) => {
+      var _a, _b;
+      switch (_type) {
+        case "UNDO":
+          (_a = signatureRef.value) == null ? void 0 : _a.signaturePad.undoLastStep();
+          break;
+        case "REWRITE":
+          (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.clear();
+          break;
+        case "CONFIRM":
+          handleConfirm();
+          break;
+        default:
+          break;
+      }
+    };
+    return {
+      c,
+      ns,
+      signatureRef,
+      fullScreen,
+      currentDataURL,
+      buttons,
+      getSafeDistance,
+      handleModalClick,
+      handleConfirm,
+      handleRemove,
+      handlePadContainerClick,
+      handleButtonClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [createVNode("div", {
+      "class": this.ns.e("modal"),
+      "onClick": this.handleModalClick
+    }, [createVNode("div", {
+      "class": this.ns.em("modal", "background")
+    }, null), createVNode("div", {
+      "class": this.ns.em("modal", "toolbar")
+    }, [this.currentDataURL && createVNode(resolveComponent("van-button"), {
+      "round": true,
+      "disabled": this.disabled,
+      "icon": "cross",
+      "type": "primary",
+      "onClick": this.handleRemove
+    }, null)]), !this.currentDataURL && createVNode("span", {
+      "class": this.ns.em("modal", "caption")
+    }, [ibiz.i18n.t("editor.signature.addSignature")])]), createVNode("div", {
+      "class": this.ns.e("content"),
+      "style": {
+        backgroundImage: `url(${this.currentDataURL})`
+      }
+    }, null), createVNode("div", {
+      "class": [this.ns.b("overlay"), this.ns.is("full-screen", this.fullScreen), this.ns.is("disabled", this.disabled), this.ns.is("readonly", this.readonly)],
+      "style": {
+        [this.ns.cssVarBlockName("overlay-padding-bottom")]: this.getSafeDistance()
+      },
+      "onClick": this.handlePadContainerClick
+    }, [createVNode("div", {
+      "class": this.ns.be("overlay", "container")
+    }, [createVNode("div", {
+      "class": this.ns.be("overlay", "header")
+    }, [ibiz.i18n.t("editor.signature.signaturePrompt")]), createVNode(resolveComponent("iBizSignaturePad"), {
+      "ref": "signatureRef",
+      "class": this.ns.be("overlay", "pad"),
+      "options": {
+        ...this.c.model.editorParams,
+        ...this.$attrs
+      }
+    }, null), createVNode("div", {
+      "class": this.ns.be("overlay", "footer")
+    }, [this.buttons.map((_btn) => {
+      return createVNode(resolveComponent("van-button"), {
+        "disabled": this.disabled,
+        "type": _btn.buttonType && _btn.buttonType.toLowerCase() || "default",
+        "onClick": () => this.handleButtonClick(_btn.type)
+      }, {
+        default: () => [_btn.label]
+      });
+    })])])])]);
+  }
+});
+
+export { IBizSignature };

package/es/editor/text-box/text-box-editor.provider.mjs

@@ -14,6 +14,9 @@ class TextBoxEditorProvider {
     if (editorType === "NUMBER") {
       this.formEditor = "IBizInputNumber";
       this.gridEditor = "IBizInputNumber";
+    } else if (editorType === "SIGNATURE") {
+      this.formEditor = "IBizSignature";
+      this.gridEditor = "IBizSignature";
     }
   }
   async createController(editorModel, parentController) {

package/es/index.mjs

@@ -137,6 +137,7 @@ export { SwitchEditorController } from './editor/switch/switch-editor.controller
 export { SwitchEditorProvider } from './editor/switch/switch-editor.provider.mjs';
 export { IBizInput } from './editor/text-box/input/input.mjs';
 export { IBizInputNumber } from './editor/text-box/ibiz-input-number/ibiz-input-number.mjs';
+export { IBizSignature } from './editor/text-box/signature/signature.mjs';
 export { TextBoxEditorController } from './editor/text-box/text-box-editor.controller.mjs';
 export { TextBoxEditorProvider } from './editor/text-box/text-box-editor.provider.mjs';
 export { IBizFileUpload } from './editor/upload/ibiz-file-upload/ibiz-file-upload.mjs';

package/es/locale/en/index.d.ts

@@ -43,6 +43,7 @@ declare const _default: {
             onFoundCorrespondingPart: string;
             noFoundViewModel: string;
             noSupportLoadingDynamic: string;
+            invalidPointCoordinates: string;
         };
         control: {
             unsupportedPanel: string;
@@ -136,6 +137,13 @@ declare const _default: {
                     changeGroupError: string;
                     computeMoveMetaError: string;
                     unclassified: string;
+                    today: string;
+                    adjustmentsGroup: string;
+                    noAllowReorder: string;
+                    sortingProperties: string;
+                    invalidSortType: string;
+                    logicOpendata: string;
+                    logicNewdata: string;
                 };
                 editor: {
                     editorNoConfigured: string;
@@ -157,7 +165,6 @@ declare const _default: {
                     noConfigured: string;
                 };
                 calendar: {
-                    missingViewLogic: string;
                     noFoundModel: string;
                 };
                 chart: {
@@ -172,6 +179,10 @@ declare const _default: {
                     classificationNotArray: string;
                     classificationNotString: string;
                     errorJson: string;
+                    value: string;
+                    percent: string;
+                    serieGroup: string;
+                    catalogField: string;
                 };
                 dataView: {
                     noBehaviourGroup: string;
@@ -239,12 +250,8 @@ declare const _default: {
                     interfaceBehavior: string;
                 };
                 kanban: {
-                    sortingProperties: string;
                     sortDirection: string;
                     groupedOn: string;
-                    adjustmentsGroup: string;
-                    noAllowReorder: string;
-                    invalidSortType: string;
                 };
                 meditViewPanel: {
                     DraftNew: string;
@@ -597,6 +604,7 @@ declare const _default: {
             withdrawalConfirmed: string;
             noFoundBehaviorModel: string;
             noEnableAI: string;
+            exportWithNoDataSet: string;
         };
         uiLogic: {
             interfaceConnectionConditional: string;
@@ -682,6 +690,7 @@ declare const _default: {
             };
             fileUtil: {
                 fileUploadFailed: string;
+                getDownloadTicketFailed: string;
             };
             handlebars: {
                 noInitHandlebars: string;
@@ -800,6 +809,16 @@ declare const _default: {
         formItemContainer: {
             more: string;
         };
+        mpicker: {
+            simpleErr: string;
+        };
+        signature: {
+            undo: string;
+            rewrite: string;
+            confirm: string;
+            addSignature: string;
+            signaturePrompt: string;
+        };
     };
     control: {
         common: {
@@ -941,6 +960,10 @@ declare const _default: {
         switchLanguagePrompt: string;
     };
     mobApp: {
+        authGuard: {
+            loginFailed: string;
+            noPermission: string;
+        };
         unauthorizedHandler: {
             noFoundEnvParams: string;
             prohibitAccessPrompt: string;

package/es/locale/en/index.mjs

@@ -64,6 +64,16 @@ var index = {
     },
     formItemContainer: {
       more: "More"
+    },
+    mpicker: {
+      simpleErr: "The value of the SIMPLE type address bar {props.value} does not meet the requirements of a JSON string"
+    },
+    signature: {
+      undo: "Undo",
+      rewrite: "Rewrite",
+      confirm: "Confirm",
+      addSignature: "Click here to add signature",
+      signaturePrompt: "Please write horizontally in the blank area"
     }
   },
   // 部件
@@ -207,6 +217,10 @@ var index = {
     switchLanguagePrompt: "Switching languages requires refreshing the page, are you sure to switch?"
   },
   mobApp: {
+    authGuard: {
+      loginFailed: "Anonymous user login failed",
+      noPermission: "No permission to access!"
+    },
     unauthorizedHandler: {
       noFoundEnvParams: "Unable to find environment parameter casLoginUrl",
       prohibitAccessPrompt: "Access to the current account is prohibited",

package/es/locale/zh-CN/index.d.ts

@@ -43,6 +43,7 @@ declare const _default: {
             onFoundCorrespondingPart: string;
             noFoundViewModel: string;
             noSupportLoadingDynamic: string;
+            invalidPointCoordinates: string;
         };
         control: {
             unsupportedPanel: string;
@@ -136,6 +137,13 @@ declare const _default: {
                     changeGroupError: string;
                     computeMoveMetaError: string;
                     unclassified: string;
+                    today: string;
+                    adjustmentsGroup: string;
+                    noAllowReorder: string;
+                    sortingProperties: string;
+                    invalidSortType: string;
+                    logicOpendata: string;
+                    logicNewdata: string;
                 };
                 editor: {
                     editorNoConfigured: string;
@@ -157,7 +165,6 @@ declare const _default: {
                     noConfigured: string;
                 };
                 calendar: {
-                    missingViewLogic: string;
                     noFoundModel: string;
                 };
                 chart: {
@@ -172,6 +179,10 @@ declare const _default: {
                     classificationNotArray: string;
                     classificationNotString: string;
                     errorJson: string;
+                    value: string;
+                    percent: string;
+                    serieGroup: string;
+                    catalogField: string;
                 };
                 dataView: {
                     noBehaviourGroup: string;
@@ -239,12 +250,8 @@ declare const _default: {
                     interfaceBehavior: string;
                 };
                 kanban: {
-                    sortingProperties: string;
                     sortDirection: string;
                     groupedOn: string;
-                    adjustmentsGroup: string;
-                    noAllowReorder: string;
-                    invalidSortType: string;
                 };
                 meditViewPanel: {
                     DraftNew: string;
@@ -596,6 +603,7 @@ declare const _default: {
             withdrawalConfirmed: string;
             noFoundBehaviorModel: string;
             noEnableAI: string;
+            exportWithNoDataSet: string;
         };
         uiLogic: {
             interfaceConnectionConditional: string;
@@ -681,6 +689,7 @@ declare const _default: {
             };
             fileUtil: {
                 fileUploadFailed: string;
+                getDownloadTicketFailed: string;
             };
             handlebars: {
                 noInitHandlebars: string;
@@ -934,12 +943,26 @@ declare const _default: {
         dateRangePicker: {
             selectRange: string;
         };
+        mpicker: {
+            simpleErr: string;
+        };
+        signature: {
+            undo: string;
+            rewrite: string;
+            confirm: string;
+            addSignature: string;
+            signaturePrompt: string;
+        };
     };
     locale: {
         prompt: string;
         switchLanguagePrompt: string;
     };
     mobApp: {
+        authGuard: {
+            loginFailed: string;
+            noPermission: string;
+        };
         unauthorizedHandler: {
             noFoundEnvParams: string;
             prohibitAccessPrompt: string;

package/es/locale/zh-CN/index.mjs

@@ -199,6 +199,16 @@ var index = {
     },
     dateRangePicker: {
       selectRange: "\u8BF7\u9009\u62E9\u65E5\u671F\u8303\u56F4"
+    },
+    mpicker: {
+      simpleErr: "SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F{props.value}\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42"
+    },
+    signature: {
+      undo: "\u64A4\u9500",
+      rewrite: "\u91CD\u5199",
+      confirm: "\u786E\u8BA4",
+      addSignature: "\u70B9\u51FB\u6B64\u5904\u6DFB\u52A0\u7B7E\u540D",
+      signaturePrompt: "\u8BF7\u5728\u7A7A\u767D\u533A\u57DF\u5185\u6A2A\u5411\u4E66\u5199"
     }
   },
   // 多语言
@@ -207,6 +217,10 @@ var index = {
     switchLanguagePrompt: "\u5207\u6362\u8BED\u8A00\u9700\u8981\u5237\u65B0\u9875\u9762\uFF0C\u786E\u8BA4\u5207\u6362?"
   },
   mobApp: {
+    authGuard: {
+      loginFailed: "\u533F\u540D\u7528\u6237\u767B\u5F55\u5931\u8D25",
+      noPermission: "\u65E0\u6743\u9650\u8BBF\u95EE\uFF01"
+    },
     unauthorizedHandler: {
       noFoundEnvParams: "\u627E\u4E0D\u5230\u73AF\u5883\u53C2\u6570casLoginUrl",
       prohibitAccessPrompt: "\u5F53\u524D\u8D26\u6237\u88AB\u7981\u6B62\u8BBF\u95EE",

package/es/mob-app/App.mjs

@@ -1,4 +1,4 @@
-import { ref, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, onUnmounted, onMounted, onBeforeUnmount, resolveComponent, createVNode, defineComponent } from 'vue';
 import { AppHooks, routerCallback } from '@ibiz-template/vue3-util';
 import { ViewMode, Modal } from '@ibiz-template/runtime';
 import '../util/index.mjs';
@@ -40,6 +40,22 @@ var App = /* @__PURE__ */ defineComponent({
       }
       return viewModals.get(key);
     };
+    let watermarkDestroy;
+    onMounted(() => {
+      AppHooks.initedApp.tapPromise(async ({
+        context
+      }) => {
+        var _a;
+        watermarkDestroy == null ? void 0 : watermarkDestroy();
+        watermarkDestroy = ibiz.util.watermark.mount(ibiz.config.watermark, void 0, {
+          ...context,
+          ...(_a = ibiz.appData) == null ? void 0 : _a.context
+        });
+      });
+    });
+    onBeforeUnmount(() => {
+      watermarkDestroy == null ? void 0 : watermarkDestroy();
+    });
     return {
       viewStack,
       getViewModal,

package/es/mob-app/guard/auth-guard/auth-guard.mjs

@@ -1,3 +1,4 @@
+import { HttpError, CoreConst, getAppCookie } from '@ibiz-template/core';
 import { ModelHelper } from '@ibiz-template/model-helper';
 import { mergeDeepRight } from 'ramda';
 import { AppHooks } from '@ibiz-template/vue3-util';
@@ -135,18 +136,110 @@ async function appInit(context) {
   await ibiz.auth.extendLogin(context);
   await ibiz.hub.notice.init();
 }
+function throw401() {
+  throw new HttpError({
+    response: {
+      status: 401,
+      statusText: ibiz.i18n.t("mobApp.authGuard.noPermission")
+    }
+  });
+}
+async function anonymousValidate(context) {
+  const authInfo = ibiz.auth.getAuthInfo();
+  if (authInfo && !authInfo.isAnonymous) {
+    try {
+      await appInit(context);
+      return;
+    } catch (error) {
+      const { status } = error;
+      if (status === 401) {
+        const refreshToken = getAppCookie(CoreConst.REFRESH_TOKEN);
+        if (refreshToken) {
+          await ibiz.auth.refreshToken();
+          await appInit(context);
+          return;
+        }
+        ibiz.auth.clearAuthData();
+      } else {
+        throw error;
+      }
+    }
+  }
+  if (authInfo == null ? void 0 : authInfo.token) {
+    try {
+      await appInit(context);
+    } catch (error) {
+      const { status } = error;
+      if (status === 401) {
+        const loginResult = await ibiz.auth.anonymousLogin();
+        if (!loginResult) {
+          throw401();
+          return;
+        }
+        await appInit(context);
+      } else {
+        throw error;
+      }
+    }
+  }
+  if (!authInfo || !authInfo.token) {
+    const loginResult = await ibiz.auth.anonymousLogin();
+    if (!loginResult) {
+      throw401();
+      return;
+    }
+    await appInit(context);
+  }
+  const urlPaths = window.location.hash.split("/");
+  const viewName = urlPaths[urlPaths.length - 2];
+  let viewModel;
+  try {
+    if (viewName === "#" && ibiz.hub.defaultPage) {
+      viewModel = await ibiz.hub.getAppView(ibiz.hub.defaultPage.id);
+    } else {
+      viewModel = await ibiz.hub.getAppView(viewName);
+    }
+  } catch (error) {
+    ibiz.log.error(error);
+  }
+  if (!viewModel) {
+    ibiz.log.error(
+      `\u627E\u4E0D\u5230\u89C6\u56FE\u6A21\u578B${viewName},\u8BF7\u786E\u4FDD\u8BE5\u89C6\u56FE\u914D\u7F6E\u4E86\u533F\u540D\u8BBF\u95EE\u548C\u7528\u6237\u5F15\u7528`
+    );
+    throw401();
+    return;
+  }
+  if (viewModel.accUserMode !== 3) {
+    throw401();
+  }
+}
 async function AuthGuard(appContext, permission = true) {
   if (permission) {
     let result = true;
     try {
-      await appInit(appContext);
+      if (ibiz.env.enableAnonymous) {
+        await anonymousValidate(appContext);
+      } else {
+        await appInit(appContext);
+      }
     } catch (error) {
       result = false;
+      error.tag = "APPINIT";
       ibiz.util.error.handle(error);
     }
     return result;
   }
-  await initModel(appContext, false);
+  if (ibiz.env.enableAnonymous) {
+    try {
+      await anonymousValidate(appContext);
+    } catch (error) {
+      error.tag = "APPINIT";
+      ibiz.util.error.handle(error);
+      return false;
+    }
+  } else {
+    await initModel(appContext, false);
+  }
   return true;
 }