@ibiz-template/mob-vue3-components 0.0.55 → 0.7.41-alpha.10

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

@@ -0,0 +1,270 @@
+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 getFileType = (dataURL) => {
+      const parts = dataURL.split(",");
+      const mime = parts[0].split(":")[1].split(";")[0];
+      return {
+        type: mime
+      };
+    };
+    const handleUpload = async (dataURL) => {
+      const {
+        type
+      } = getFileType(dataURL);
+      const blob = base64ToBlob(dataURL);
+      const fileName = `signature_${Date.now()}.png`;
+      const file = new File([blob], fileName, {
+        type
+      });
+      const fileInfo = await ibiz.util.file.fileUpload(uploadUrl.value, file, headers.value);
+      return fileInfo;
+    };
+    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(null);
+    };
+    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/editor/upload/ibiz-carousel/ibiz-carousel.d.ts

@@ -1,9 +1,20 @@
 import './ibiz-carousel.scss';
 import { UploadEditorController } from '../upload-editor.controller';
+/**
+ * 轮播图（扩展）
+ * @primary
+ * @description 使用van-swipe组件，用于对图片数组进行轮播，提供了自动轮播，设置轮播动画时长，显示项指示器以及支持手势滑动的功能。是预制类型，类型为：FIELD_CAROUSEL_PICTURE
+ * @editorparams {name:autoplay,parameterType:number,defaultvalue:3000,description:轮播间隔，van-swipe组件的autoplay属性}
+ * @editorparams {name:duration,parameterType:number,defaultvalue:500,description:动画时长，van-swipe组件的duration属性}
+ * @editorparams {name:showIndicators,parameterType:boolean,defaultvalue:true,description:是否显示指示器，van-swipe组件的show-indicators属性}
+ * @editorparams {name:touchable,parameterType:boolean,defaultvalue:true,description:是否可以通过手势滑动，van-swipe组件的touchable属性}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | change | infoTextChange
+ */
 export declare const IBizEditorCarousel: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -34,14 +45,14 @@ export declare const IBizEditorCarousel: import("vue").DefineComponent<{
     touchable: boolean;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -61,11 +72,11 @@ export declare const IBizEditorCarousel: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -1,9 +1,21 @@
 import './ibiz-file-upload.scss';
 import { UploadEditorController } from '../upload-editor.controller';
+/**
+ * 移动端文件控件
+ * @primary
+ * @description 使用van-uploader组件，用于对文件进行上传，可限制上传文件类型与数量，并对已上传的文件进行回显。支持编辑器类型包含：`移动端文件控件（单项）`、`移动端文件控件（多项）`
+ * @editorparams {name:multiple,parameterType:boolean,description:是否支持多选文件，van-uploader组件的multiple属性}
+ * @editorparams {name:accept,parameterType:string,description:允许上传的文件类型，van-uploader组件的accept属性}
+ * @editorparams {name:uploadParams,parameterType:IData,description:上传参数}
+ * @editorparams {name:exportParams,parameterType:IData,description:下载参数}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ *
+ */
 export declare const IBizFileUpload: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -26,30 +38,30 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: UploadEditorController;
     uploadUrl: import("vue").Ref<string>;
-    headers: import("vue").Ref<IData>;
+    headers: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     files: import("vue").Ref<{
         id: string;
         name: string;
         url?: string | undefined;
     }[]>;
-    onRemove: (file: IData) => void;
+    onRemove: (file: import("@ibiz-template/core").IApiData) => void;
     beforeUpload: () => void;
-    onDownload: (file: IData) => void;
-    afterRead: (file: IData | IData[]) => Promise<void>;
+    onDownload: (file: import("@ibiz-template/core").IApiData) => void;
+    afterRead: (file: import("@ibiz-template/core").IApiData | import("@ibiz-template/core").IApiData[]) => Promise<void>;
     getFileSuffix: (name: string) => string;
     getFileName: (filename: string) => string;
     getPreviewImg: (name: string) => string;
     limit: import("vue").ComputedRef<1 | 9999>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -69,11 +81,11 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/upload/ibiz-image-cropping/ibiz-image-cropping.d.ts

@@ -1,10 +1,24 @@
 import { Ref } from 'vue';
 import './ibiz-image-cropping.scss';
 import { UploadEditorController } from '../upload-editor.controller';
+/**
+ * 图片裁剪上传（扩展）
+ * @primary
+ * @description 使用van-uploader组件和van-popup组件，用于对指定的图片进行裁剪，并根据裁剪内容生成新的图片后将其进行上传。基于`移动端图片控件（单项）`编辑器扩展，编辑器样式代码名称为：CROPPING
+ * @editorparams {name:multiple,parameterType:boolean,description:是否支持多选文件}
+ * @editorparams {name:accept,parameterType:string,description:允许上传的文件类型}
+ * @editorparams {name:STOPPROPAGATION,parameterType:boolean,description:是否阻止默认点击}
+ * @editorparams {name:cropWidth,parameterType:number,description:裁剪宽度}
+ * @editorparams {name:cropHeight,parameterType:number,description:裁剪高度}
+ * @editorparams {name:uploadParams,parameterType:IData,description:上传参数}
+ * @editorparams {name:exportParams,parameterType:IData,description:下载参数}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizImageCropping: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -32,30 +46,30 @@ export declare const IBizImageCropping: import("vue").DefineComponent<{
         url?: string | undefined;
     }[]>;
     limit: import("vue").ComputedRef<1 | 9999>;
-    headers: Ref<IData>;
+    headers: Ref<import("@ibiz-template/core").IApiData>;
     uploadUrl: Ref<string>;
     result: boolean;
     beforeUpload: () => void;
-    onRemove: (file: IData) => void;
+    onRemove: (file: import("@ibiz-template/core").IApiData) => void;
     onPreview: (_file: IData) => void;
     cropReadedFile: (file: IData) => void;
-    onDownload: (file: IData) => void;
+    onDownload: (file: import("@ibiz-template/core").IApiData) => void;
     onClick: (file: IData, event: MouseEvent) => void;
     show: Ref<boolean>;
-    tempFile: Ref<IData | undefined>;
+    tempFile: Ref<import("@ibiz-template/core").IApiData | undefined>;
     cropImgUrl: import("vue").ComputedRef<any>;
-    cropRect: IData;
+    cropRect: import("@ibiz-template/core").IApiData;
     cropChange: (url: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -75,11 +89,11 @@ export declare const IBizImageCropping: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/upload/ibiz-image-select/ibiz-image-select.d.ts

@@ -1,9 +1,19 @@
 import './ibiz-image-select.scss';
 import { UploadEditorController } from '../upload-editor.controller';
+/**
+ * 移动端图片控件（单项、直接内容）
+ * @primary
+ * @description 使用van-uploader组件，用于选择图片并可以进行预览。支持编辑器类型包含：`移动端图片控件（单项、直接内容）`
+ * @editorparams {name:STOPPROPAGATION,parameterType:boolean,description:是否阻止默认点击}
+ * @editorparams {name:uploadParams,parameterType:IData,description:上传参数}
+ * @editorparams {name:exportParams,parameterType:IData,description:下载参数}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizImageSelect: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -36,14 +46,14 @@ export declare const IBizImageSelect: import("vue").DefineComponent<{
     onClick: (file: IData, event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -63,11 +73,11 @@ export declare const IBizImageSelect: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -1,9 +1,21 @@
 import './ibiz-image-upload.scss';
 import { UploadEditorController } from '../upload-editor.controller';
+/**
+ * 移动端图片控件
+ * @primary
+ * @description 使用van-uploader组件，用于对指定的图片文件类型进行上传。支持编辑器类型包含：`移动端图片控件（单项）`、`移动端图片控件（多项）`
+ * @editorparams {name:multiple,parameterType:boolean,description:是否支持多选文件，van-uploader组件的multiple属性}
+ * @editorparams {name:accept,parameterType:string,description:允许上传的文件类型，van-uploader组件的multiple属性}
+ * @editorparams {name:STOPPROPAGATION,parameterType:boolean,description:是否阻止默认点击}
+ * @editorparams {name:uploadParams,parameterType:IData,description:上传参数}
+ * @editorparams {name:exportParams,parameterType:IData,description:下载参数}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizImageUpload: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -31,25 +43,25 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
         url?: string | undefined;
     }[]>;
     limit: import("vue").ComputedRef<1 | 9999>;
-    headers: import("vue").Ref<IData>;
+    headers: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     uploadUrl: import("vue").Ref<string>;
     result: boolean;
     beforeUpload: () => void;
-    onRemove: (file: IData) => void;
+    onRemove: (file: import("@ibiz-template/core").IApiData) => void;
     onPreview: (_file: IData) => void;
-    afterRead: (file: IData | IData[]) => Promise<void>;
-    onDownload: (file: IData) => void;
+    afterRead: (file: import("@ibiz-template/core").IApiData | import("@ibiz-template/core").IApiData[]) => Promise<void>;
+    onDownload: (file: import("@ibiz-template/core").IApiData) => void;
     onClick: (file: IData, event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -69,11 +81,11 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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';