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

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

@@ -1,5 +1,6 @@
 export { IBizInput } from './input/input.mjs';
 export { IBizInputNumber } from './ibiz-input-number/ibiz-input-number.mjs';
+export { IBizSignature } from './signature/signature.mjs';
 export { TextBoxEditorController } from './text-box-editor.controller.mjs';
 export { TextBoxEditorProvider } from './text-box-editor.provider.mjs';
 

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

@@ -1 +1 @@
-.ibiz-input{height:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-input .ibiz-input{font-size:var(--ibiz-form-item-font-size)}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input .van-field__clear{display:var(--ibiz-form-item-container-required-style)}
+.ibiz-input{height:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-input .ibiz-input{font-size:var(--ibiz-form-item-font-size)}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input .van-field__clear{display:var(--ibiz-form-item-container-required-style)}.ibiz-input .van-field__right-icon{font-size:var(--ibiz-form-size-header-4)}

package/es/editor/text-box/input/input.d.ts

@@ -1,9 +1,17 @@
 import './input.scss';
 import { TextBoxEditorController } from '../text-box-editor.controller';
+/**
+ * 移动端文本框
+ *
+ * @description 使用van-field组件，用于数据录入，通过键盘输入字符。支持编辑器类型包含：`移动端文本框`、`移动端多行文本`、`移动端密码框`
+ * @primary
+ * @ignoreprops overflowMode
+ * @ignoreemits infoTextChange
+ */
 export declare const IBizInput: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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,16 +42,19 @@ export declare const IBizInput: import("vue").DefineComponent<{
     onFocus: () => void;
     onClear: () => void;
     inputRef: import("vue").Ref<any>;
+    showPassword: import("vue").Ref<boolean>;
+    enableshowpwd: boolean;
+    switchPwd: () => 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 | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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 +74,11 @@ export declare const IBizInput: 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/text-box/input/input.mjs

@@ -19,10 +19,15 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const editorModel = c.model;
     const inputRef = ref();
+    const showPassword = ref(false);
+    let enableshowpwd = false;
     const rows = ref(2);
     if (editorModel.editorType === "TEXTAREA_10") {
       rows.value = 10;
     }
+    if (c.editorParams.enableshowpwd) {
+      enableshowpwd = c.editorParams.enableshowpwd === "true" || c.editorParams.enableshowpwd === "TRUE";
+    }
     const type = computed(() => {
       switch (editorModel.editorType) {
         case "MOBTEXT":
@@ -101,6 +106,9 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     const onClear = () => {
       emit("change", "");
     };
+    const switchPwd = () => {
+      showPassword.value = !showPassword.value;
+    };
     return {
       c,
       ns,
@@ -112,7 +120,10 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       onBlur,
       onFocus,
       onClear,
-      inputRef
+      inputRef,
+      showPassword,
+      enableshowpwd,
+      switchPwd
     };
   },
   render() {
@@ -134,11 +145,22 @@ const IBizInput = /* @__PURE__ */ defineComponent({
           }, [unitName]);
         };
       }
+      if (this.type === "password" && this.enableshowpwd) {
+        slots["right-icon"] = () => {
+          return this.showPassword ? createVNode("ion-icon", {
+            "name": "eye-off-outline",
+            "onClick": this.switchPwd
+          }, null) : createVNode("ion-icon", {
+            "name": "eye-outline",
+            "onClick": this.switchPwd
+          }, null);
+        };
+      }
       content = createVNode(resolveComponent("van-field"), mergeProps({
         "ref": "inputRef",
         "modelValue": this.currentVal,
         "placeholder": this.controller.placeHolder,
-        "type": this.type,
+        "type": this.type === "password" && this.showPassword ? "text" : this.type,
         "rows": this.rows,
         "onInput": this.handleChange,
         "onKeyup": this.handleKeyUp,

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

@@ -0,0 +1 @@
+.ibiz-signature{--ibiz-signature-min-height:120px;position:relative;width:100%;height:100%;min-height:var(--ibiz-signature-min-height);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-overlay__footer,.ibiz-signature-overlay.is-readonly .ibiz-signature-overlay__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/es/editor/text-box/signature/signature.d.ts

@@ -0,0 +1,104 @@
+import { Ref } from 'vue';
+import { TextBoxEditorController } from '../text-box-editor.controller';
+import './signature.scss';
+/**
+ * 电子签名（扩展）
+ *
+ * @description 用于在业务系统中采集、展示和保存用户签名信息。基于`移动端文本框`编辑器进行扩展，编辑器样式代码名称为：SIGNATURE
+ * @primary
+ * @editorparams {"name":"mode","parameterType":"'img' | 'file'","defaultvalue":"'img'","description":"指定签名的保存格式。当值为'img'时，直接保存为Base64格式的图片URL（以data:协议开头）；当值为'file'时，系统会先将签名图片上传至服务器，再保存服务器返回的文件元信息（包含文件ID和名称）"}
+ * @editorparams {"name":"buttons","parameterType":"string","defaultvalue":"'\\[{\"label\":\"撤销\",\"type\":\"undo\"},{\"label\":\"重写\",\"type\":\"rewrite\"},{\"label\":\"确认\",\"type\":\"confirm\",\"buttonType\":\"primary\"}\\]'","description":"配置全屏后签名画布上的操作按钮。JSON 字符串数组中每个对象表示一个按钮：label为按钮显示文本；type为按钮触发的事件类型（undo-撤销上一步，rewrite-清空重写，confirm-确认保存）；buttonType可选，指定按钮样式（支持primary/success/default/danger/warning）。示例：仅显示确认按钮可配置为\\[{\"label\":\"确认\",\"type\":\"confirm\",\"buttonType\":\"primary\"}\\]"}
+ * @editorparams {name:dotsize,parameterType:number,defaultvalue:0,description:点的大小（单位：像素）。控制点击画布时生成的点的尺寸，0表示根据线条宽度自动计算点的大小}
+ * @editorparams {name:minwidth,parameterType:number,defaultvalue:2,description:线条最小宽度（单位：像素）。控制签名线条的最细宽度，绘制速度越快，线条越接近此值}
+ * @editorparams {name:maxwidth,parameterType:number,defaultvalue:2,description:线条最大宽度（单位：像素）。控制签名线条的最粗宽度，绘制速度越慢，线条越接近此值}
+ * @editorparams {"name":"pencolor","parameterType":"string","defaultvalue":"'black'","description":"画笔颜色。签名轨迹的颜色，可接受CSS颜色格式（如#ff0000）"}
+ * @editorparams {name:velocityfilterweight,parameterType:number,defaultvalue:0.7,description:线条粗细速度敏感度。用于平滑处理绘制速度的计算，影响线条粗细随速度的变化幅度。值越接近1，当前速度对线条粗细影响越大；值越小，线条过渡越平滑}
+ * @editorparams {name:mindistance,parameterType:number,defaultvalue:5,description:绘制点最小记录间距（单位：像素）。当点击画布生成的点与后续绘制线的距离小于此值时，不记录后续绘制的线，用于减少冗余数据并优化绘制流畅度}
+ * @editorparams {"name":"backgroundcolor","parameterType":"string","defaultvalue":"'rgba(0,0,0,0)'","description":"画布背景色。签名画布的背景颜色，导出图片时会包含此背景，可接受CSS颜色格式"}
+ * @editorparams {name:throttle,parameterType:number,defaultvalue:16,description:事件节流时间（单位：毫秒）。限制绘制事件的触发频率，避免高频操作导致性能问题}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @ignoreprops overflowMode
+ * @ignoreemits infoTextChange
+ */
+export declare const IBizSignature: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    c: TextBoxEditorController;
+    ns: import("@ibiz-template/core").Namespace;
+    signatureRef: Ref<any>;
+    fullScreen: Ref<boolean>;
+    currentDataURL: Ref<string>;
+    buttons: ({
+        label: string;
+        type: string;
+        buttonType?: undefined;
+    } | {
+        label: string;
+        type: string;
+        buttonType: string;
+    })[];
+    getSafeDistance: () => string;
+    handleModalClick: () => void;
+    handleConfirm: () => void;
+    handleRemove: (_evt: MouseEvent) => void;
+    handlePadContainerClick: () => void;
+    handleButtonClick: (_type: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | 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 | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    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?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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;