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

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -1,5 +1,6 @@
 import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { clone } from 'lodash-es';
 import './ibiz-mpicker.css';
 import { IBizDataMPicker } from '../../common/data-mpicker/ibiz-data-mpicker.mjs';
 import { IBizCommonRightIcon } from '../../common/right-icon/right-icon.mjs';
@@ -24,39 +25,119 @@ const IBizMPicker = /* @__PURE__ */ 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
       };
     };
-    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 = 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));
           }
         });
       }
+    };
+    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) => {
@@ -74,21 +155,58 @@ const IBizMPicker = /* @__PURE__ */ 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) {
@@ -111,7 +229,7 @@ const IBizMPicker = /* @__PURE__ */ 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({
@@ -124,7 +242,7 @@ const IBizMPicker = /* @__PURE__ */ 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/es/editor/data-picker/ibiz-picker/ibiz-picker.d.ts

@@ -50,8 +50,8 @@ export declare const IBizPicker: import("vue").DefineComponent<{
     onConfirm: (item: IData) => void;
     showPicker: Ref<boolean>;
     openPicker: () => Promise<void>;
-    renderPopHeader: () => JSX.Element;
-    renderPopContent: () => JSX.Element;
+    renderPopHeader: () => import("vue/jsx-runtime").JSX.Element;
+    renderPopContent: () => import("vue/jsx-runtime").JSX.Element;
 }, 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;

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.d.ts

@@ -51,10 +51,10 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     rangeText: import("vue").ComputedRef<string>;
     showmode: "DEFAULT" | "CALENDAR";
     openCalendar: () => void;
-    renderCalendarMode: () => JSX.Element;
+    renderCalendarMode: () => import("vue/jsx-runtime").JSX.Element;
     onFocus: () => void;
     onBlur: () => void;
-    expandHidden: (text: string) => JSX.Element;
+    expandHidden: (text: string) => import("vue/jsx-runtime").JSX.Element;
 }, 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;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts

@@ -43,8 +43,8 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     treeNodes: Ref<import("@ibiz-template/core").IApiData[]>;
     showPicker: Ref<boolean>;
     getCodeListItem: (text: string | undefined) => import("@ibiz-template/core").IApiData | undefined;
-    renderPopHeader: () => JSX.Element;
-    renderPopContent: () => JSX.Element;
+    renderPopHeader: () => import("vue/jsx-runtime").JSX.Element;
+    renderPopContent: () => import("vue/jsx-runtime").JSX.Element;
 }, 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;

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts

@@ -1,4 +1,5 @@
 import './ibiz-emoji-picker.scss';
+import { JSX } from 'vue/jsx-runtime';
 import { DropDownListEditorController } from '../dropdown-list-editor.controller';
 /**
  * 表情选择器（扩展）

package/es/editor/index.mjs

@@ -26,6 +26,7 @@ import './check-box/index.mjs';
 import './common/index.mjs';
 import { IBizInput } from './text-box/input/input.mjs';
 import { IBizInputNumber } from './text-box/ibiz-input-number/ibiz-input-number.mjs';
+import { IBizSignature } from './text-box/signature/signature.mjs';
 import { IBizSpan } from './span/span/span.mjs';
 import { IBizSwitch } from './switch/ibiz-switch/ibiz-switch.mjs';
 import { IBizRadio } from './radio-button-list/ibiz-radio/ibiz-radio.mjs';
@@ -101,6 +102,7 @@ const IBizEditor = {
     v.component(NotSupportedEditor.name, NotSupportedEditor);
     v.component(IBizInput.name, IBizInput);
     v.component(IBizInputNumber.name, IBizInputNumber);
+    v.component(IBizSignature.name, IBizSignature);
     v.component(IBizSpan.name, IBizSpan);
     v.component(IBizSwitch.name, IBizSwitch);
     v.component(IBizRadio.name, IBizRadio);
@@ -159,6 +161,10 @@ const IBizEditor = {
     registerEditorProvider("PASSWORD", () => textBoxEditorProvider);
     registerEditorProvider("TEXTAREA", () => textBoxEditorProvider);
     registerEditorProvider("NUMBER", () => new TextBoxEditorProvider("NUMBER"));
+    registerEditorProvider(
+      "MOBTEXT_SIGNATURE",
+      () => new TextBoxEditorProvider("SIGNATURE")
+    );
     registerEditorProvider(
       "MOBDROPDOWNLIST",
       () => new DropDownListEditorProvider()
@@ -378,4 +384,4 @@ const IBizEditor = {
   }
 };
 
-export { CascaderEditorProvider, CheckBoxListEditorProvider, ColorPickerEditorProvider, DataPickerEditorProvider, DatePickerEditorProvider, DateRangeEditorProvider, DropDownListEditorProvider, FileUploaderEditorProvider, HtmlEditorProvider, IBizCascader, IBizCheckboxList, IBizColorPicker, IBizDatePicker, IBizDateRangePicker, IBizDropdown, IBizEditor, IBizEditorCarousel, IBizEmojiPicker, IBizFileUpload, IBizImageCropping, IBizImageSelect, IBizImageUpload, IBizInput, IBizInputNumber, IBizMPicker, IBizNumberRangePicker, IBizPicker, IBizPickerSelectView, IBizRadio, IBizRate, IBizSlider, IBizSpan, IBizStepper, IBizSwitch, MarkDownEditorProvider, NumberRangeEditorProvider, RadioButtonListEditorProvider, RateEditorProvider, SliderEditorProvider, SpanEditorProvider, StepperEditorProvider, SwitchEditorProvider, TextBoxEditorProvider, IBizEditor as default };
+export { CascaderEditorProvider, CheckBoxListEditorProvider, ColorPickerEditorProvider, DataPickerEditorProvider, DatePickerEditorProvider, DateRangeEditorProvider, DropDownListEditorProvider, FileUploaderEditorProvider, HtmlEditorProvider, IBizCascader, IBizCheckboxList, IBizColorPicker, IBizDatePicker, IBizDateRangePicker, IBizDropdown, IBizEditor, IBizEditorCarousel, IBizEmojiPicker, IBizFileUpload, IBizImageCropping, IBizImageSelect, IBizImageUpload, IBizInput, IBizInputNumber, IBizMPicker, IBizNumberRangePicker, IBizPicker, IBizPickerSelectView, IBizRadio, IBizRate, IBizSignature, IBizSlider, IBizSpan, IBizStepper, IBizSwitch, MarkDownEditorProvider, NumberRangeEditorProvider, RadioButtonListEditorProvider, RateEditorProvider, SliderEditorProvider, SpanEditorProvider, StepperEditorProvider, SwitchEditorProvider, TextBoxEditorProvider, IBizEditor as default };

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.d.ts

@@ -52,7 +52,7 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     endPlaceHolder: string;
     rangeSeparator: string;
     editorRef: Ref<any>;
-    renderClear: () => JSX.Element | null;
+    renderClear: () => import("vue/jsx-runtime").JSX.Element | null;
 }, 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;

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

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

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/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/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:"Array<{label: string;type: string;buttonType?: string}>","defaultvalue":[{"label":"撤销","type":"UNDO"},{"label":"重写","type":"REWRITE"},{"label":"确认","type":"CONFIRM","buttonType":"PRIMARY"}],description:配置全屏签名面板的操作按钮。数组中每个对象表示一个按钮：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、rgb(255,0,0)等）}
+ * @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:canvascontextoptions,parameterType:'object',defaultvalue:'{}',description:Canvas 2D上下文初始化配置。用于设置Canvas渲染上下文的额外参数（如alpha、willReadFrequently等CanvasRenderingContext2DSettings属性）}
+ * @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;
+}, {}>;