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

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
 require('./ibiz-mpicker.css');
 var ibizDataMpicker = require('../../common/data-mpicker/ibiz-data-mpicker.cjs');
 var rightIcon = require('../../common/right-icon/right-icon.cjs');
@@ -26,39 +27,119 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         value: item[c.keyName] || item.srfkey,
         srfmajortext: item[c.textName] || item.srfmajortext,
         text: item[c.textName] || item.srfmajortext,
+        [c.keyName]: item[c.keyName] || item.srfkey,
+        [c.textName]: item[c.textName] || item.srfmajortext,
         ...item
       };
     };
-    vue.watch(() => props.value, (newVal) => {
+    const resetCurValue = () => {
       curValue.value = [];
       selectItems.value = [];
-      if (newVal) {
-        selectItems.value = JSON.parse(newVal).map(formatter);
+      if (props.value) {
+        if (c.model.valueType === "OBJECTS") {
+          props.value.forEach((item) => {
+            const _item = lodashEs.clone(item);
+            Object.assign(_item, {
+              [c.keyName]: item[c.objectIdField],
+              [c.textName]: item[c.objectNameField]
+            });
+            if (c.objectValueField) {
+              Object.assign(_item, {
+                ...item[c.objectValueField]
+              });
+              delete _item[c.objectValueField];
+            }
+            if (_item[c.keyName]) {
+              selectItems.value.push(formatter(_item));
+            }
+          });
+        } else if (c.objectIdField && c.model.valueSeparator) {
+          const values = props.value.split(c.model.valueSeparator);
+          values.forEach((value) => {
+            selectItems.value.push(formatter({
+              [c.keyName]: value
+            }));
+          });
+        } else {
+          try {
+            selectItems.value = JSON.parse(props.value).map(formatter);
+          } catch (error) {
+            ibiz.log.error(ibiz.i18n.t("editor.mpicker.simpleErr", {
+              value: props.value
+            }));
+          }
+        }
         selectItems.value.forEach((item) => {
-          curValue.value.push(item.srfkey);
-          const index = items.value.findIndex((i) => Object.is(i.srfkey, item.srfkey));
+          curValue.value.push(item[c.keyName]);
+          const index = items.value.findIndex(
+            (i) => Object.is(i[c.keyName], item[c.keyName]) || Object.is(i.srfkey, item.srfkey)
+            // 兼容写法，适配移动端老逻辑
+          );
           if (index < 0) {
             items.value.push(formatter(item));
           }
         });
       }
+    };
+    vue.watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true,
       deep: true
     });
-    const handleOpenViewClose = (result) => {
-      const valArr = [];
+    const handleOpenViewClose = async (result) => {
+      const selects = [];
       if (result && Array.isArray(result)) {
-        result.forEach((select) => {
-          const formattedItem = formatter(select);
-          valArr.push(formattedItem);
+        const calcPromises = result.map(async (select) => {
+          const item = formatter(select);
+          if (select.srfnodeid) {
+            Object.assign(item, select._deData);
+          }
+          const dataItems = await c.calcFillDataItems(item);
+          const res = {};
+          dataItems.forEach((dataItem) => {
+            Object.assign(res, {
+              [dataItem.id]: dataItem.value
+            });
+          });
+          return res;
+        });
+        const dataItemsList = await Promise.all(calcPromises);
+        result.forEach((select, _index) => {
+          Object.assign(select, {
+            ...formatter(select),
+            [c.keyName]: select[c.keyName] ? select[c.keyName] : select.srfkey,
+            [c.textName]: select[c.textName] ? select[c.textName] : select.srfmajortext
+          });
+          const data = dataItemsList[_index];
+          if (c.model.valueType === "OBJECTS") {
+            selects.push({
+              ...c.handleObjectParams(select),
+              ...data
+            });
+          } else if (c.objectIdField && c.model.valueSeparator) {
+            selects.push(select[c.keyName]);
+          } else {
+            selects.push({
+              [c.keyName]: select[c.keyName],
+              [c.textName]: select[c.textName],
+              ...data
+            });
+          }
           const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
           if (index < 0) {
-            items.value.push(formattedItem);
+            items.value.push(select);
           }
         });
       }
-      const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
+      let value = null;
+      if (selects.length > 0) {
+        if (c.model.valueType === "OBJECTS") {
+          value = selects;
+        } else {
+          value = c.objectIdField && c.model.valueSeparator ? selects.join(c.model.valueSeparator) : JSON.stringify(selects);
+        }
+      }
       emit("change", value);
     };
     const openPickUpView = async (event) => {
@@ -76,21 +157,58 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         handleOpenViewClose(res);
       }
     };
-    const onSelect = (selects) => {
-      const valArr = [];
-      if (selects.length > 0) {
-        selects.forEach((select) => {
-          const findItem = items.value.find((item) => Object.is(item.srfkey, select));
-          if (findItem) {
-            valArr.push(formatter(findItem));
+    const onSelect = async (selects) => {
+      const val = [];
+      let value = null;
+      const selections = selects.map((select) => {
+        let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
+        let item = {};
+        if (index >= 0) {
+          item = items.value[index];
+        } else {
+          index = selectItems.value.findIndex((selectItem) => Object.is(selectItem[c.keyName], select));
+          if (index >= 0) {
+            item = selectItems.value[index];
           }
+        }
+        return item;
+      });
+      const calcPromises = selections.map(async (select) => {
+        const dataItems = await c.calcFillDataItems(select);
+        const res = {};
+        dataItems.forEach((dataItem) => {
+          Object.assign(res, {
+            [dataItem.id]: dataItem.value
+          });
         });
-        const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
-        selectItems.value = valArr;
-        emit("change", value);
-      } else {
-        emit("change", "");
+        return res;
+      });
+      const dataItemsList = await Promise.all(calcPromises);
+      selections.forEach((item, index) => {
+        const data = dataItemsList[index];
+        if (c.model.valueType === "OBJECTS") {
+          val.push({
+            ...c.handleObjectParams(item),
+            ...data
+          });
+        } else if (c.objectIdField && c.model.valueSeparator) {
+          val.push(item[c.keyName]);
+        } else {
+          val.push({
+            [c.keyName]: item[c.keyName],
+            [c.textName]: item[c.textName],
+            ...data
+          });
+        }
+      });
+      if (val.length > 0) {
+        if (c.model.valueType === "OBJECTS") {
+          value = val;
+        } else {
+          value = c.objectIdField && c.model.valueSeparator ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+        }
       }
+      emit("change", value);
     };
     const onSearch = async (query = "") => {
       if (c.model.appDataEntityId) {
@@ -113,7 +231,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         selectItems.value.forEach((select) => {
           if (c.model.valueType === "OBJECTS") {
             val.push(c.handleObjectParams(select));
-          } else if (c.objectIdField) {
+          } else if (c.objectIdField && c.model.valueSeparator) {
             val.push(select[c.keyName]);
           } else {
             val.push({
@@ -126,7 +244,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
           if (c.model.valueType === "OBJECTS") {
             value = val;
           } else {
-            value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+            value = c.objectIdField && c.model.valueSeparator ? val.join(c.model.valueSeparator) : JSON.stringify(val);
           }
         }
         emit("change", value);

package/lib/editor/index.cjs

@@ -30,6 +30,7 @@ require('./check-box/index.cjs');
 require('./common/index.cjs');
 var input = require('./text-box/input/input.cjs');
 var ibizInputNumber = require('./text-box/ibiz-input-number/ibiz-input-number.cjs');
+var signature = require('./text-box/signature/signature.cjs');
 var span = require('./span/span/span.cjs');
 var ibizSwitch = require('./switch/ibiz-switch/ibiz-switch.cjs');
 var ibizRadio = require('./radio-button-list/ibiz-radio/ibiz-radio.cjs');
@@ -105,6 +106,7 @@ const IBizEditor = {
     v.component(notSupportedEditor.NotSupportedEditor.name, notSupportedEditor.NotSupportedEditor);
     v.component(input.IBizInput.name, input.IBizInput);
     v.component(ibizInputNumber.IBizInputNumber.name, ibizInputNumber.IBizInputNumber);
+    v.component(signature.IBizSignature.name, signature.IBizSignature);
     v.component(span.IBizSpan.name, span.IBizSpan);
     v.component(ibizSwitch.IBizSwitch.name, ibizSwitch.IBizSwitch);
     v.component(ibizRadio.IBizRadio.name, ibizRadio.IBizRadio);
@@ -163,6 +165,10 @@ const IBizEditor = {
     runtime.registerEditorProvider("PASSWORD", () => textBoxEditorProvider);
     runtime.registerEditorProvider("TEXTAREA", () => textBoxEditorProvider);
     runtime.registerEditorProvider("NUMBER", () => new textBoxEditor_provider.TextBoxEditorProvider("NUMBER"));
+    runtime.registerEditorProvider(
+      "MOBTEXT_SIGNATURE",
+      () => new textBoxEditor_provider.TextBoxEditorProvider("SIGNATURE")
+    );
     runtime.registerEditorProvider(
       "MOBDROPDOWNLIST",
       () => new dropdownListEditor_provider.DropDownListEditorProvider()
@@ -384,6 +390,7 @@ const IBizEditor = {
 
 exports.IBizInput = input.IBizInput;
 exports.IBizInputNumber = ibizInputNumber.IBizInputNumber;
+exports.IBizSignature = signature.IBizSignature;
 exports.IBizSpan = span.IBizSpan;
 exports.IBizSwitch = ibizSwitch.IBizSwitch;
 exports.IBizRadio = ibizRadio.IBizRadio;

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

@@ -2,6 +2,7 @@
 
 var input = require('./input/input.cjs');
 var ibizInputNumber = require('./ibiz-input-number/ibiz-input-number.cjs');
+var signature = require('./signature/signature.cjs');
 var textBoxEditor_controller = require('./text-box-editor.controller.cjs');
 var textBoxEditor_provider = require('./text-box-editor.provider.cjs');
 
@@ -9,5 +10,6 @@ var textBoxEditor_provider = require('./text-box-editor.provider.cjs');
 
 exports.IBizInput = input.IBizInput;
 exports.IBizInputNumber = ibizInputNumber.IBizInputNumber;
+exports.IBizSignature = signature.IBizSignature;
 exports.TextBoxEditorController = textBoxEditor_controller.TextBoxEditorController;
 exports.TextBoxEditorProvider = textBoxEditor_provider.TextBoxEditorProvider;

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

@@ -0,0 +1,258 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
+require('./signature.css');
+
+"use strict";
+const IBizSignature = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSignature",
+  props: vue3Util.getInputProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("signature");
+    const c = props.controller;
+    const editorModel = c.model;
+    const headers = vue.ref({
+      [`${ibiz.env.tokenHeader}Authorization`]: `${ibiz.env.tokenPrefix}Bearer ${core.getAppCookie(core.CoreConst.TOKEN)}`
+    });
+    const uploadUrl = vue.ref("");
+    const downloadUrl = vue.ref("");
+    const signatureRef = vue.ref();
+    const fullScreen = vue.ref(false);
+    const currentDataURL = vue.ref("");
+    const currentVal = vue.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 (runtime.getPlatformType()) {
+        case runtime.PlatformType.ANDROID:
+          return "52px";
+        case runtime.PlatformType.IOS:
+          return "82px";
+        default:
+          return "0px";
+      }
+    };
+    const restCavans = () => {
+      var _a;
+      (_a = signatureRef.value) == null ? void 0 : _a.updateSignaturePad(() => {
+        vue.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();
+        });
+      }
+    };
+    vue.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
+    });
+    vue.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 = core.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 vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("modal"),
+      "onClick": this.handleModalClick
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("modal", "background")
+    }, null), vue.createVNode("div", {
+      "class": this.ns.em("modal", "toolbar")
+    }, [this.currentDataURL && vue.createVNode(vue.resolveComponent("van-button"), {
+      "round": true,
+      "disabled": this.disabled,
+      "icon": "cross",
+      "type": "primary",
+      "onClick": this.handleRemove
+    }, null)]), !this.currentDataURL && vue.createVNode("span", {
+      "class": this.ns.em("modal", "caption")
+    }, [ibiz.i18n.t("editor.signature.addSignature")])]), vue.createVNode("div", {
+      "class": this.ns.e("content"),
+      "style": {
+        backgroundImage: `url(${this.currentDataURL})`
+      }
+    }, null), vue.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
+    }, [vue.createVNode("div", {
+      "class": this.ns.be("overlay", "container")
+    }, [vue.createVNode("div", {
+      "class": this.ns.be("overlay", "header")
+    }, [ibiz.i18n.t("editor.signature.signaturePrompt")]), vue.createVNode(vue.resolveComponent("iBizSignaturePad"), {
+      "ref": "signatureRef",
+      "class": this.ns.be("overlay", "pad"),
+      "options": {
+        ...this.c.model.editorParams,
+        ...this.$attrs
+      }
+    }, null), vue.createVNode("div", {
+      "class": this.ns.be("overlay", "footer")
+    }, [this.buttons.map((_btn) => {
+      return vue.createVNode(vue.resolveComponent("van-button"), {
+        "disabled": this.disabled,
+        "type": _btn.buttonType && _btn.buttonType.toLowerCase() || "default",
+        "onClick": () => this.handleButtonClick(_btn.type)
+      }, {
+        default: () => [_btn.label]
+      });
+    })])])])]);
+  }
+});
+
+exports.IBizSignature = IBizSignature;

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

@@ -0,0 +1 @@
+.ibiz-signature{position:relative;width:100%;height:100%;overflow:hidden;border:none;border-radius:var(--ibiz-border-radius-large)}.ibiz-signature__modal{position:absolute;z-index:6;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-signature__modal--background{width:100%;height:100%;background-color:var(--ibiz-color-black);opacity:.1}.ibiz-signature__modal--caption{position:absolute;color:var(--ibiz-color-text-2)}.ibiz-signature__modal--toolbar{position:absolute;top:var(--ibiz-spacing-tight);right:var(--ibiz-spacing-tight)}.ibiz-signature__modal--toolbar .van-button{width:var(--ibiz-spacing-loose);height:auto;height:var(--ibiz-spacing-loose);background-color:var(--van-uploader-delete-background);border:var(--van-uploader-delete-background);opacity:.6}.ibiz-signature__modal--toolbar .van-button+.van-button{margin-left:var(--ibiz-spacing-loose)}.ibiz-signature__content{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain}.ibiz-signature__readonly .ibiz-signature__modal--toolbar{display:none}.ibiz-signature-overlay{--ibiz-signature-overlay-padding-bottom:0px;position:absolute;z-index:1;width:0;height:0;background-color:var(--ibiz-color-bg-1);opacity:0}.ibiz-signature-overlay.is-full-screen{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;opacity:1}.ibiz-signature-overlay.is-full-screen .ibiz-signature-overlay__container{position:absolute;top:0;left:0;width:calc(100vh - var(--ibiz-signature-overlay-padding-bottom));height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:top left}.ibiz-signature-overlay.is-full-screen .ibiz-signature-overlay__header{position:absolute;z-index:6;padding:var(--ibiz-spacing-extra-tight);text-align:left}.ibiz-signature-overlay.is-full-screen .ibiz-signature-overlay__footer{position:absolute;right:var(--ibiz-spacing-tight);bottom:var(--ibiz-spacing-base);z-index:6}.ibiz-signature-overlay.is-full-screen .ibiz-signature-overlay__footer .van-button{height:auto;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-loose);font-size:var(--ibiz-font-size-header-6)}.ibiz-signature-overlay.is-full-screen .ibiz-signature-overlay__footer .van-button+.van-button{margin-left:var(--ibiz-spacing-loose)}.ibiz-signature-overlay.is-full-screen .ibiz-signature-overlay__pad{position:absolute;top:0;left:0;width:100vw;height:calc(100vh - var(--ibiz-signature-overlay-padding-bottom));transform:rotate(-90deg) translateX(-100%);transform-origin:top left}.ibiz-signature-overlay.is-readonly .ibiz-signature-pad-container__footer .van-button+.van-button,.ibiz-signature-overlay.is-readonly .ibiz-signature-pad-container__header{display:none}.ibiz-signature-overlay.is-readonly .ibiz-signature-pad{pointer-events:none}.ibiz-signature-overlay.is-disabled .ibiz-signature-pad{pointer-events:none}

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

@@ -16,6 +16,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/lib/index.cjs

@@ -139,6 +139,7 @@ var switchEditor_controller = require('./editor/switch/switch-editor.controller.
 var switchEditor_provider = require('./editor/switch/switch-editor.provider.cjs');
 var input = require('./editor/text-box/input/input.cjs');
 var ibizInputNumber = require('./editor/text-box/ibiz-input-number/ibiz-input-number.cjs');
+var signature = require('./editor/text-box/signature/signature.cjs');
 var textBoxEditor_controller = require('./editor/text-box/text-box-editor.controller.cjs');
 var textBoxEditor_provider = require('./editor/text-box/text-box-editor.provider.cjs');
 var ibizFileUpload = require('./editor/upload/ibiz-file-upload/ibiz-file-upload.cjs');
@@ -319,6 +320,7 @@ exports.SwitchEditorController = switchEditor_controller.SwitchEditorController;
 exports.SwitchEditorProvider = switchEditor_provider.SwitchEditorProvider;
 exports.IBizInput = input.IBizInput;
 exports.IBizInputNumber = ibizInputNumber.IBizInputNumber;
+exports.IBizSignature = signature.IBizSignature;
 exports.TextBoxEditorController = textBoxEditor_controller.TextBoxEditorController;
 exports.TextBoxEditorProvider = textBoxEditor_provider.TextBoxEditorProvider;
 exports.IBizFileUpload = ibizFileUpload.IBizFileUpload;

package/lib/locale/en/index.cjs

@@ -68,6 +68,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"
     }
   },
   // 部件
@@ -211,6 +221,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/lib/locale/zh-CN/index.cjs

@@ -203,6 +203,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"
     }
   },
   // 多语言
@@ -211,6 +221,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/lib/mob-app/App.cjs

@@ -44,6 +44,22 @@ var App = /* @__PURE__ */ vue.defineComponent({
       }
       return viewModals.get(key);
     };
+    let watermarkDestroy;
+    vue.onMounted(() => {
+      vue3Util.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
+        });
+      });
+    });
+    vue.onBeforeUnmount(() => {
+      watermarkDestroy == null ? void 0 : watermarkDestroy();
+    });
     return {
       viewStack: viewStack$1,
       getViewModal,