@ibiz-template/vue3-components 0.3.1 → 0.3.2

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.d.ts

@@ -16,11 +16,15 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
     refValue: Ref<string>;
     curValue: Ref<string | null>;
+    valueText: import("vue").ComputedRef<string>;
     loading: Ref<boolean>;
     items: Ref<IData[]>;
     onOpenChange: (isOpen: boolean) => void;
@@ -36,6 +40,7 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
@@ -51,10 +56,14 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, ref, watch, computed, createVNode, resolveComponent, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-picker-dropdown.css';
@@ -150,11 +150,22 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     const onClick = () => {
       shouldLoad.value = true;
     };
+    const valueText = computed(() => {
+      return renderString(curValue.value);
+    });
+    watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     return {
       ns,
       c,
       refValue,
       curValue,
+      valueText,
       loading,
       items,
       onOpenChange,
@@ -172,7 +183,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     if (this.readonly) {
       return createVNode("div", {
         "class": (this.ns.b(), this.ns.m("readonly"))
-      }, [renderString(this.curValue)]);
+      }, [this.valueText]);
     }
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
@@ -194,10 +205,10 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp,
       "onClick": this.onClick
-    }, _isSlot(_slot = this.items.map((item, index) => {
+    }, _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
         "value": item[this.c.keyName],
-        "key": index,
+        "key": item[this.c.keyName],
         "label": item[this.c.textName]
       }, null);
     })) ? _slot : {

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts

@@ -16,6 +16,9 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
@@ -38,6 +41,7 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
@@ -53,10 +57,14 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.d.ts

@@ -16,6 +16,9 @@ export declare const IBizPickerLink: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     openLinkView: () => Promise<void>;
@@ -26,6 +29,7 @@ export declare const IBizPickerLink: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
@@ -41,10 +45,14 @@ export declare const IBizPickerLink: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

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

@@ -1,5 +1,5 @@
-import { ref, watch, createVNode, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { ref, watch, computed, createVNode, defineComponent } from 'vue';
+import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
 import './ibiz-picker-link.css';
 
 "use strict";
@@ -49,6 +49,16 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const valueText = computed(() => {
+      return renderString(curValue.value);
+    });
+    watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     return {
       ns,
       openLinkView,

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -17,6 +17,9 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
@@ -55,6 +58,7 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
@@ -70,10 +74,14 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

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

@@ -15,6 +15,9 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: DatePickerEditorController;
@@ -33,6 +36,7 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<DatePickerEditorController>, undefined, undefined>;
@@ -48,10 +52,14 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.mjs

@@ -72,6 +72,13 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
     const onBlur = (e) => {
       emit("blur", e);
     };
+    watch(formatValue, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     return {
       ns,
       c,

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

@@ -16,6 +16,9 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: DateRangeEditorController;
@@ -35,6 +38,7 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<DateRangeEditorController>, undefined, undefined>;
@@ -50,10 +54,14 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

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

@@ -16,6 +16,9 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: DropDownListEditorController;
@@ -35,6 +38,7 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<DropDownListEditorController>, undefined, undefined>;
@@ -50,10 +54,14 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -84,6 +84,13 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         return isInclude;
       }).map((item) => item.text).join(",");
     });
+    watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     const editorRef = ref();
     if (props.autoFocus) {
       watch(editorRef, (newVal) => {
@@ -153,6 +160,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       "onKeyup": this.handleKeyUp
     }, _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
+        "key": item.value,
         "value": item.value.toString(),
         "label": item.text,
         "disabled": item.disableSelect === true

package/es/editor/html/wang-editor/wang-editor.d.ts

@@ -18,6 +18,9 @@ declare const IBizHtml: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     editorRef: import("vue").ShallowRef<any>;
@@ -41,6 +44,7 @@ declare const IBizHtml: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<HtmlEditorController>, undefined, undefined>;
@@ -56,10 +60,14 @@ declare const IBizHtml: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

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

@@ -17,6 +17,9 @@ export declare const IBizListBox: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     items: Ref<readonly IData[]>;
@@ -29,6 +32,7 @@ export declare const IBizListBox: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<ListBoxEditorController | ListBoxPickerEditorController>, undefined, undefined>;
@@ -44,10 +48,14 @@ export declare const IBizListBox: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs

@@ -32,7 +32,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     let lastMarkDownWidth = 0;
     const cssVars = ref({});
     watch(() => props.data, (newVal) => {
-      if (newVal) {
+      if (newVal && c) {
         const urls = c.calcBaseUrl(newVal);
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
@@ -154,7 +154,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
         const tempCssVars = {
           width: `${markDownBox.value.offsetWidth}px`
         };
-        if (typeof c.parent.model.height === "number") {
+        if (c && typeof c.parent.model.height === "number") {
           Object.assign(tempCssVars, {
             height: `${c.parent.model.height}px`
           });
@@ -166,7 +166,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
             const tempCssVars2 = {
               width: `${entries[0].contentRect.width}px`
             };
-            if (typeof c.parent.model.height === "number") {
+            if (c && typeof c.parent.model.height === "number") {
               Object.assign(tempCssVars2, {
                 height: `${c.parent.model.height}px`
               });

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

@@ -16,6 +16,9 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: NumberRangeEditorController;
@@ -37,6 +40,7 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<NumberRangeEditorController>, undefined, undefined>;
@@ -52,10 +56,14 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.d.ts

@@ -16,6 +16,9 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     editorModel: import("@ibiz/model-core").IEditor;
@@ -27,6 +30,7 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PresetRawitemEditorController>, undefined, undefined>;
@@ -42,10 +46,14 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.d.ts

@@ -15,6 +15,9 @@ export declare const IBizRadio: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     editorModel: import("@ibiz/model-core").ICodeListEditor;
@@ -27,6 +30,7 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<RadioButtonListEditorController>, undefined, undefined>;
@@ -42,10 +46,14 @@ export declare const IBizRadio: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -33,6 +33,13 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       var _a;
       return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
     });
+    watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));

package/es/editor/rate/ibiz-rate/ibiz-rate.d.ts

@@ -14,6 +14,9 @@ export declare const IBizRate: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     currentVal: import("vue").Ref<number | undefined>;
@@ -28,6 +31,7 @@ export declare const IBizRate: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<RateEditorController>, undefined, undefined>;
@@ -43,10 +47,14 @@ export declare const IBizRate: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/raw/ibiz-raw/ibiz-raw.d.ts

@@ -16,6 +16,9 @@ export declare const IBizRaw: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     content: Ref<string | number | undefined>;
@@ -26,6 +29,7 @@ export declare const IBizRaw: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RawEditorController>, undefined, undefined>;
@@ -41,10 +45,14 @@ export declare const IBizRaw: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/slider/ibiz-slider/ibiz-slider.d.ts

@@ -14,6 +14,9 @@ export declare const IBizSlider: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     currentVal: import("vue").Ref<number | number[] | undefined>;
@@ -30,6 +33,7 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | 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<SliderEditorController>, undefined, undefined>;
@@ -45,10 +49,14 @@ export declare const IBizSlider: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;