@ibiz-template/vue3-components 0.5.7-alpha.6 → 0.6.0-alpha.0

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

@@ -1 +1 @@
-.ibiz-date-picker .el-date-editor{width:100%}.ibiz-date-picker input{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-date-picker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker 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)}.ibiz-date-picker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-date-picker .el-input__wrapper .el-input__prefix{display:none}.ibiz-date-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-picker.is-show-default:hover .ibiz-date-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-picker.is-show-default:hover .ibiz-date-picker-input{display:block}.ibiz-form-item .ibiz-date-picker.is-show-default .ibiz-date-picker-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-date-picker.is-show-default .ibiz-date-picker-input{display:none}.ibiz-form-item .ibiz-date-picker.is-show-default.is-editable .ibiz-date-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-picker.is-show-default.is-editable .ibiz-date-picker-input{display:block}
+.ibiz-date-picker .el-date-editor{width:100%}.ibiz-date-picker input{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-date-picker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker 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)}.ibiz-date-picker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-date-picker .el-input__wrapper .el-input__prefix{display:none}.ibiz-date-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-picker.is-show-default:hover .ibiz-date-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-picker.is-show-default:hover .ibiz-date-picker-input{display:block}.ibiz-form-item .ibiz-date-picker.is-show-default .ibiz-date-picker-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-date-picker.is-show-default .ibiz-date-picker-input{display:none}.ibiz-form-item .ibiz-date-picker.is-show-default.is-editable .ibiz-date-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-picker.is-show-default.is-editable .ibiz-date-picker-input{display:block}

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

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}

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

@@ -295,7 +295,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     });
     const formDefaultContent = createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("multiple", this.c.multiple)]
-    }, [this.curValue ? this.valueText.split(",").map((text) => {
+    }, [this.valueText ? this.valueText.split(",").map((text) => {
       return createVNode("span", {
         "class": this.ns.b("content-item")
       }, [text]);

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.css

@@ -1 +1 @@
-.ibiz-list-box{height:100%;overflow:auto}.ibiz-list-box .ibiz-list-box-radio{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.ibiz-list-box .ibiz-list-box-radio .el-radio .el-radio__label{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-list-box .ibiz-list-box-checkbox{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.ibiz-list-box .ibiz-list-box-checkbox .el-checkbox .el-checkbox__label{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}
+.ibiz-list-box{height:100%;overflow:auto}.ibiz-list-box .ibiz-list-box-radio{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.ibiz-list-box .ibiz-list-box-radio .el-radio .el-radio__label{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-list-box .ibiz-list-box-checkbox{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.ibiz-list-box .ibiz-list-box-checkbox .el-checkbox .el-checkbox__label{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-list-box.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -31,6 +31,7 @@ export declare const IBizListBox: import("vue").DefineComponent<{
     onSelectArrayChange: (value: Array<string | number>) => void;
     multiple: boolean;
     editorRef: Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getListBoxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';
@@ -23,6 +23,12 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
         multiple = c.toBoolean(editorModel.editorParams.multiple);
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const codeList = c.codeList;
     const editorType = editorModel.editorType;
     const items = ref([]);
@@ -128,13 +134,14 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
       selectArray,
       onSelectArrayChange,
       multiple,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     let _slot, _slot2;
     return createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [this.multiple ? createVNode(resolveComponent("el-checkbox-group"), {
       "class": this.ns.b("checkbox"),

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

@@ -1 +1 @@
-.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default);color:var(--ibiz-color-primary)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{border-radius:var(--ibiz-height-control-default);padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);border-color:var(--ibiz-color-disabled-border);background:var(--ibiz-color-disabled-bg)}
+.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -31,6 +31,7 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
     renderMode: string;
     isBtnRoundCorner: boolean;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -43,6 +43,12 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       var _a;
       return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
     });
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(valueText, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         emit("infoTextChange", newVal);
@@ -61,13 +67,14 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       onSelectValueChange,
       editorRef,
       renderMode,
-      isBtnRoundCorner
+      isBtnRoundCorner,
+      showFormDefaultContent
     };
   },
   render() {
     let _slot;
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-radio-group"), {
       "class": this.ns.e("group"),

package/es/editor/rate/ibiz-rate/ibiz-rate.css

@@ -0,0 +1 @@
+.ibiz-form-item .ibiz-rate.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -1,3 +1,4 @@
+import './ibiz-rate.scss';
 import { RateEditorController } from '../rate-editor.controller';
 export declare const IBizRate: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
@@ -30,6 +31,7 @@ export declare const IBizRate: import("vue").DefineComponent<{
     max: number;
     texts: IData[];
     editorRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,6 +1,7 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getRateProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
+import './ibiz-rate.css';
 
 "use strict";
 const IBizRate = /* @__PURE__ */ defineComponent({
@@ -32,6 +33,12 @@ const IBizRate = /* @__PURE__ */ defineComponent({
         texts = c.toObj(editorModel.editorParams.texts);
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (!newVal) {
@@ -57,12 +64,13 @@ const IBizRate = /* @__PURE__ */ defineComponent({
       showText,
       max,
       texts,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [createVNode(resolveComponent("el-rate"), {
       "modelValue": this.currentVal,

package/es/editor/raw/ibiz-raw/ibiz-raw.css

@@ -1 +1 @@
-.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}
+.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-raw.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -28,6 +28,7 @@ export declare const IBizRaw: import("vue").DefineComponent<{
     content: Ref<string | number | undefined>;
     type: string;
     template: string;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getRawProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-raw.css';
 
@@ -27,6 +27,12 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
     if ((_d = editorModel.editorParams) == null ? void 0 : _d.TEMPLATE) {
       template = editorModel.editorParams.TEMPLATE.replaceAll("//n", "\n");
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(() => props.value, async (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (typeof newVal === "string" || typeof newVal === "number") {
@@ -51,12 +57,13 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
       ns,
       content,
       type,
-      template
+      template,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.content && createVNode(resolveComponent("iBizRawItem"), {
       "class": this.ns.b("content"),
       "content": this.content,

package/es/editor/slider/ibiz-slider/ibiz-slider.css

@@ -1 +1 @@
-.ibiz-slider{width:100%;display:flex;align-items:center}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:1px;height:var(--ibiz-height-control-default);border:none}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{margin-left:var(--ibiz-spacing-tight)}
+.ibiz-slider{display:flex;align-items:center;width:100%}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:1px;height:var(--ibiz-height-control-default);border:none}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{margin-left:var(--ibiz-spacing-tight)}.ibiz-form-item .ibiz-slider.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -35,6 +35,7 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
     showText: boolean;
     textVal: import("vue").ComputedRef<string>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getSliderProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-slider.css';
@@ -48,6 +48,12 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
         format = editorModel.editorParams.format;
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const currentVal = ref();
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -96,12 +102,13 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       showInput,
       editorRef,
       showText,
-      textVal
+      textVal,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.showText ? this.ns.e("text") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.showText ? this.ns.e("text") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [createVNode(resolveComponent("el-slider"), {
       "modelValue": this.currentVal,

package/es/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{display:inline-block;height:100%}
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{display:inline-block;height:100%}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/editor/span/span/span.d.ts

@@ -56,6 +56,7 @@ export declare const IBizSpan: import("vue").DefineComponent<{
         data?: IData | undefined;
         tooltip?: string | undefined;
     }[]>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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<SpanEditorController>, undefined, undefined>;

package/es/editor/span/span/span.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getSpanProps, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span.css';
 import { isNil } from 'ramda';
@@ -98,12 +98,19 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
       c,
       text,
       editorRef,
-      items
+      items,
+      showFormDefaultContent
     };
   },
   render() {
@@ -121,7 +128,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       content = "- - -";
     }
     return createVNode("span", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [content]);
   }

package/es/editor/span/span-link/span-link.css

@@ -1 +1 @@
-.ibiz-span-link{line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-link);cursor:pointer}.ibiz-span-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-span-link--disabled{cursor:not-allowed}.ibiz-span-link--readonly{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-span-link{line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-link);cursor:pointer}.ibiz-span-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-span-link--disabled{cursor:not-allowed}.ibiz-span-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-form-item .ibiz-span-link.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/editor/span/span-link/span-link.d.ts

@@ -28,6 +28,7 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
     openLinkView: () => Promise<void>;
     curValue: Ref<string>;
     editorRef: Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/span/span-link/span-link.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, createVNode, defineComponent } from 'vue';
+import { ref, watch, computed, createVNode, defineComponent } from 'vue';
 import { getSpanProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span-link.css';
 
@@ -26,16 +26,23 @@ const IBizSpanLink = /* @__PURE__ */ defineComponent({
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
       openLinkView,
       curValue,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [createVNode("a", {
       "onClick": this.openLinkView

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.css

@@ -0,0 +1 @@
+.ibiz-form-item .ibiz-stepper.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -1,3 +1,4 @@
+import './ibiz-stepper.scss';
 import { StepperEditorController } from '../stepper-editor.controller';
 export declare const IBizStepper: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
@@ -33,6 +34,7 @@ export declare const IBizStepper: import("vue").DefineComponent<{
     min: number;
     onFocus: () => void;
     onBlur: () => void;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,6 +1,7 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
+import './ibiz-stepper.css';
 
 "use strict";
 const IBizStepper = /* @__PURE__ */ defineComponent({
@@ -32,6 +33,12 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
         min = toNumber(editorModel.editorParams.minvalue);
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         const number = Number(newVal);
@@ -61,7 +68,8 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
       max,
       min,
       onFocus,
-      onBlur
+      onBlur,
+      showFormDefaultContent
     };
   },
   render() {
@@ -85,7 +93,7 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
       }, null)];
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [content]);
   }
 });

package/es/editor/switch/ibiz-switch/ibiz-switch.css

@@ -0,0 +1 @@
+.ibiz-form-item .ibiz-switch.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -1,3 +1,4 @@
+import './ibiz-switch.scss';
 import { SwitchEditorController } from '../switch-editor.controller';
 export declare const IBizSwitch: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
@@ -29,6 +30,7 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
     handleChange: (currentValue: boolean) => void;
     dicData: IData[];
     editorRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,5 +1,6 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getSwitchProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import './ibiz-switch.css';
 
 "use strict";
 const IBizSwitch = /* @__PURE__ */ defineComponent({
@@ -41,6 +42,12 @@ const IBizSwitch = /* @__PURE__ */ defineComponent({
         activeText = activeResult.label;
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (!newVal) {
@@ -66,12 +73,13 @@ const IBizSwitch = /* @__PURE__ */ defineComponent({
       inactiveText,
       handleChange,
       dicData,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [createVNode(resolveComponent("el-switch"), {
       "modelValue": this.currentVal,

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

@@ -1 +1 @@
-.ibiz-input-ip{display:flex;height:100%;flex-wrap:nowrap;line-height:var(--ibiz-form-item-line-height)}.ibiz-input-ip .el-input{margin:0 3px}
+.ibiz-input-ip{display:flex;flex-wrap:nowrap;height:100%;line-height:var(--ibiz-form-item-line-height)}.ibiz-form-item .ibiz-input-ip.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -33,6 +33,7 @@ export declare const IBizInputIP: import("vue").DefineComponent<{
     secIp: Ref<string>;
     thirdIp: Ref<string>;
     forIp: Ref<string>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { computed, ref, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { getInputIpProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-input-ip.css';
 
@@ -12,6 +12,12 @@ const IBizInputIP = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("input-ip");
     const c = props.controller;
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const currentVal = ref([]);
     const activeElement = ref(false);
     const isAllBlur = ref(false);
@@ -79,12 +85,13 @@ const IBizInputIP = /* @__PURE__ */ defineComponent({
       firstIp,
       secIp,
       thirdIp,
-      forIp
+      forIp,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [createVNode(resolveComponent("el-input"), {
       "type": "text",
       "size": "small",

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

@@ -1 +1 @@
-.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:2px}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}
+.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:2px}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}

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

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:block}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:block}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:block}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:block}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:block}

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

@@ -38,7 +38,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       }
     });
     const showFormDefaultContent = computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover" && ["text", "password"].includes(type.value)) {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
       }
       return false;

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.css

@@ -1 +1 @@
-.ibiz-file-upload{width:100%}.ibiz-file-upload .ibiz-file-upload-button span{font-size:var(--ibiz-form-item-font-size)}.ibiz-file-upload .el-upload-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.ibiz-file-upload .el-upload-list__item{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}.ibiz-file-upload .el-upload-list__item .el-upload-list__item-info .el-upload-list__item-name{color:var(--ibiz-form-item-text-color)}.ibiz-file-upload .el-upload-list__item:hover{display:flex;align-items:center;justify-content:flex-start;background:var(--ibiz-form-item-disabled-bg-color)}.ibiz-file-upload .el-upload-list__item:hover span{color:var(--ibiz-form-item-text-color)}.ibiz-file-upload--disabled .el-upload-list__item>span{color:var(--ibiz-form-item-disabled-color)}.ibiz-file-upload--readonly .el-upload-list__item>span{color:var(--ibiz-form-item-readonly-color)}.ibiz-file-upload--readonly .ibiz-file-upload-button{display:none}.ibiz-file-upload-icon.is-not-show .el-upload--text{display:none}.ibiz-grid-field-edit-column__editor.ibiz-file-upload .ibiz-file-upload-icon{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-grid-field-edit-column__editor.ibiz-file-upload .ibiz-file-upload-icon .el-upload-list--text{width:100%}
+.ibiz-file-upload{width:100%}.ibiz-file-upload .ibiz-file-upload-button span{font-size:var(--ibiz-form-item-font-size)}.ibiz-file-upload .el-upload-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.ibiz-file-upload .el-upload-list__item{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}.ibiz-file-upload .el-upload-list__item .el-upload-list__item-info .el-upload-list__item-name{color:var(--ibiz-form-item-text-color)}.ibiz-file-upload .el-upload-list__item:hover{display:flex;align-items:center;justify-content:flex-start;background:var(--ibiz-form-item-disabled-bg-color)}.ibiz-file-upload .el-upload-list__item:hover span{color:var(--ibiz-form-item-text-color)}.ibiz-file-upload--disabled .el-upload-list__item>span{color:var(--ibiz-form-item-disabled-color)}.ibiz-file-upload--readonly .el-upload-list__item>span{color:var(--ibiz-form-item-readonly-color)}.ibiz-file-upload--readonly .ibiz-file-upload-button{display:none}.ibiz-file-upload-icon.is-not-show .el-upload--text{display:none}.ibiz-grid-field-edit-column__editor.ibiz-file-upload .ibiz-file-upload-icon{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-grid-field-edit-column__editor.ibiz-file-upload .ibiz-file-upload-icon .el-upload-list--text{width:100%}.ibiz-form-item .ibiz-file-upload.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -41,6 +41,7 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     beforeUpload: () => void;
     isGridEditor: import("vue").ComputedRef<boolean>;
     componentRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;