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

package/lib/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/lib/editor/html/wang-editor/wang-editor.cjs

@@ -8,7 +8,7 @@ var qxUtil = require('qx-util');
 var ramda = require('ramda');
 var vue3Util = require('@ibiz-template/vue3-util');
 var core = require('@ibiz-template/core');
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 require('./wang-editor.css');
 
 "use strict";
@@ -267,7 +267,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
     };
     const cancelEdit = () => {
       if (props.value !== valueHtml.value) {
-        elementPlus.ElMessageBox({
+        ElementPlus.ElMessageBox({
           title: "\u786E\u8BA4\u53D6\u6D88",
           type: "warning",
           customClass: ns.b("message"),

package/lib/editor/list-box/ibiz-list-box/ibiz-list-box.cjs

@@ -25,6 +25,12 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
         multiple = c.toBoolean(editorModel.editorParams.multiple);
       }
     }
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const codeList = c.codeList;
     const editorType = editorModel.editorType;
     const items = vue.ref([]);
@@ -130,13 +136,14 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
       selectArray,
       onSelectArrayChange,
       multiple,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     let _slot, _slot2;
     return vue.createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [this.multiple ? vue.createVNode(vue.resolveComponent("el-checkbox-group"), {
       "class": this.ns.b("checkbox"),

package/lib/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/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -45,6 +45,12 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
     });
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     vue.watch(valueText, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         emit("infoTextChange", newVal);
@@ -63,13 +69,14 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       onSelectValueChange,
       editorRef,
       renderMode,
-      isBtnRoundCorner
+      isBtnRoundCorner,
+      showFormDefaultContent
     };
   },
   render() {
     let _slot;
     return vue.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 : vue.createVNode(vue.resolveComponent("el-radio-group"), {
       "class": this.ns.e("group"),

package/lib/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/lib/editor/rate/ibiz-rate/ibiz-rate.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var lodashEs = require('lodash-es');
+require('./ibiz-rate.css');
 
 "use strict";
 const IBizRate = /* @__PURE__ */ vue.defineComponent({
@@ -34,6 +35,12 @@ const IBizRate = /* @__PURE__ */ vue.defineComponent({
         texts = c.toObj(editorModel.editorParams.texts);
       }
     }
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (!newVal) {
@@ -59,12 +66,13 @@ const IBizRate = /* @__PURE__ */ vue.defineComponent({
       showText,
       max,
       texts,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [vue.createVNode(vue.resolveComponent("el-rate"), {
       "modelValue": this.currentVal,

package/lib/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/lib/editor/raw/ibiz-raw/ibiz-raw.cjs

@@ -29,6 +29,12 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
     if ((_d = editorModel.editorParams) == null ? void 0 : _d.TEMPLATE) {
       template = editorModel.editorParams.TEMPLATE.replaceAll("//n", "\n");
     }
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     vue.watch(() => props.value, async (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (typeof newVal === "string" || typeof newVal === "number") {
@@ -53,12 +59,13 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
       ns,
       content,
       type,
-      template
+      template,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.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 && vue.createVNode(vue.resolveComponent("iBizRawItem"), {
       "class": this.ns.b("content"),
       "content": this.content,

package/lib/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/lib/editor/slider/ibiz-slider/ibiz-slider.cjs

@@ -50,6 +50,12 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
         format = editorModel.editorParams.format;
       }
     }
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const currentVal = vue.ref();
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -98,12 +104,13 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
       showInput,
       editorRef,
       showText,
-      textVal
+      textVal,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.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"
     }, [vue.createVNode(vue.resolveComponent("el-slider"), {
       "modelValue": this.currentVal,

package/lib/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/lib/editor/span/span/span.cjs

@@ -100,12 +100,19 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
     const {
       componentRef: editorRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
       c,
       text,
       editorRef,
-      items
+      items,
+      showFormDefaultContent
     };
   },
   render() {
@@ -123,7 +130,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
       content = "- - -";
     }
     return vue.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/lib/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/lib/editor/span/span-link/span-link.cjs

@@ -28,16 +28,23 @@ const IBizSpanLink = /* @__PURE__ */ vue.defineComponent({
     const {
       componentRef: editorRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
       openLinkView,
       curValue,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.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"
     }, [vue.createVNode("a", {
       "onClick": this.openLinkView

package/lib/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/lib/editor/stepper/ibiz-stepper/ibiz-stepper.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var lodashEs = require('lodash-es');
+require('./ibiz-stepper.css');
 
 "use strict";
 const IBizStepper = /* @__PURE__ */ vue.defineComponent({
@@ -34,6 +35,12 @@ const IBizStepper = /* @__PURE__ */ vue.defineComponent({
         min = lodashEs.toNumber(editorModel.editorParams.minvalue);
       }
     }
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         const number = Number(newVal);
@@ -63,7 +70,8 @@ const IBizStepper = /* @__PURE__ */ vue.defineComponent({
       max,
       min,
       onFocus,
-      onBlur
+      onBlur,
+      showFormDefaultContent
     };
   },
   render() {
@@ -87,7 +95,7 @@ const IBizStepper = /* @__PURE__ */ vue.defineComponent({
       }, null)];
     }
     return vue.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/lib/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/lib/editor/switch/ibiz-switch/ibiz-switch.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-switch.css');
 
 "use strict";
 const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
@@ -43,6 +44,12 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
         activeText = activeResult.label;
       }
     }
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (!newVal) {
@@ -68,12 +75,13 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
       inactiveText,
       handleChange,
       dicData,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [vue.createVNode(vue.resolveComponent("el-switch"), {
       "modelValue": this.currentVal,

package/lib/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/lib/editor/text-box/ibiz-input-ip/ibiz-input-ip.cjs

@@ -14,6 +14,12 @@ const IBizInputIP = /* @__PURE__ */ vue.defineComponent({
   }) {
     const ns = vue3Util.useNamespace("input-ip");
     const c = props.controller;
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const currentVal = vue.ref([]);
     const activeElement = vue.ref(false);
     const isAllBlur = vue.ref(false);
@@ -81,12 +87,13 @@ const IBizInputIP = /* @__PURE__ */ vue.defineComponent({
       firstIp,
       secIp,
       thirdIp,
-      forIp
+      forIp,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.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)]
     }, [vue.createVNode(vue.resolveComponent("el-input"), {
       "type": "text",
       "size": "small",

package/lib/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/lib/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/lib/editor/text-box/input/input.cjs

@@ -40,7 +40,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const showFormDefaultContent = vue.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/lib/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/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.cjs

@@ -35,6 +35,12 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
     const isGridEditor = vue.computed(() => {
       return !!c.parent.model.columnType;
     });
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const {
       componentRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
@@ -52,12 +58,13 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
       onSuccess,
       beforeUpload,
       isGridEditor,
-      componentRef
+      componentRef,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.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": "componentRef"
     }, [vue.createVNode(vue.resolveComponent("el-upload"), {
       "class": [this.ns.b("icon"), this.ns.is("not-show", this.noUploadIcon)],

package/lib/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/lib/editor/upload/ibiz-image-preview/ibiz-image-preview.cjs

@@ -12,14 +12,21 @@ const IBizImagePreview = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const ns = vue3Util.useNamespace("image-preview");
     const c = props.controller;
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
-      c
+      c,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "onClick": (e) => {
         e.stopPropagation();
       }

package/lib/editor/upload/ibiz-image-preview/ibiz-image-preview.css

@@ -1 +1 @@
-.ibiz-image-preview{width:100%;height:100%;overflow:hidden}.ibiz-image-preview>.el-image{width:100%;height:100%}
+.ibiz-image-preview{width:100%;height:100%;overflow:hidden}.ibiz-image-preview>.el-image{width:100%;height:100%}.ibiz-form-item .ibiz-image-preview.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.cjs

@@ -40,6 +40,12 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
     const noUploadIcon = vue.computed(() => {
       return limit.value === 1 && files.value.length === 1;
     });
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const {
       componentRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
@@ -60,12 +66,13 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
       onDownload,
       onDialogVisibleChange,
       onPreview,
-      componentRef
+      componentRef,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.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": "componentRef"
     }, [vue.createVNode("div", {
       "class": this.ns.e("image-upload-list")

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-image-upload{--ibiz-image-upload-box-width:120px;--ibiz-image-upload-box-height:120px;--ibiz-image-upload-list-item-margin:5px;--ibiz-image-upload-list-item-bg-color:var(--ibiz-bg-color);--ibiz-image-upload-list-item-border:1px solid var(--ibiz-border-color-light);--ibiz-image-upload-list-item-border-radius:var(--ibiz-border-radius-base);--ibiz-image-upload-list-item-box-shadow:var(--ibiz-box-shadow);--ibiz-image-upload-list-item-cover-bg-color:rgba(0, 0, 0, 0.6);--ibiz-image-upload-list-item-cover-i-color:var(--ibiz-color-white);--ibiz-image-upload-list-item-cover-i-size:var(--ibiz-font-size-extra-large);--ibiz-image-upload-list-item-cover-i-margin:0 2px;--ibiz-grid-image-upload-box-width:80px;--ibiz-grid-image-upload-box-height:32px;display:flex;align-items:center}.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__btn{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);line-height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__list-item{position:relative;display:inline-block;width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);margin-right:var(--ibiz-image-upload-list-item-margin);line-height:var(--ibiz-image-upload-box-height);text-align:center;background:var(--ibiz-image-upload-list-item-bg-color);border:var(--ibiz-image-upload-list-item-border);border-radius:var(--ibiz-image-upload-list-item-border-radius);box-shadow:var(--ibiz-image-upload-list-item-box-shadow)}.ibiz-image-upload__list-item img{width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.ibiz-image-upload__list-item:hover .ibiz-image-upload__list-item-cover{display:block}.ibiz-image-upload__list-item-cover{position:absolute;inset:0;display:none;background:var(--ibiz-image-upload-list-item-cover-bg-color)}.ibiz-image-upload__list-item-cover ion-icon{margin:var(--ibiz-image-upload-list-item-cover-i-margin);font-size:var(--ibiz-image-upload-list-item-cover-i-size);color:var(--ibiz-image-upload-list-item-cover-i-color);cursor:pointer}.ibiz-image-upload__list-item-cover img{width:100%;height:100%;vertical-align:top}.ibiz-image-upload__image-upload-add{font-size:var(--ibiz-font-size-header-2);color:var(--ibiz-color-text-3)}.ibiz-image-upload--disabled .ibiz-image-upload__download-icon{display:none}.ibiz-image-upload--disabled .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .el-upload--picture-card{display:none}.ibiz-image-upload-modal__img{width:100%}.ibiz-image-upload-icon.is-not-show{display:none}.ibiz-grid-field-edit-column__editor.ibiz-image-upload{flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__image-upload-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0;line-height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item img{-o-object-fit:fill;object-fit:fill}
+@charset "UTF-8";.ibiz-image-upload{--ibiz-image-upload-box-width:120px;--ibiz-image-upload-box-height:120px;--ibiz-image-upload-list-item-margin:5px;--ibiz-image-upload-list-item-bg-color:var(--ibiz-bg-color);--ibiz-image-upload-list-item-border:1px solid var(--ibiz-border-color-light);--ibiz-image-upload-list-item-border-radius:var(--ibiz-border-radius-base);--ibiz-image-upload-list-item-box-shadow:var(--ibiz-box-shadow);--ibiz-image-upload-list-item-cover-bg-color:rgba(0, 0, 0, 0.6);--ibiz-image-upload-list-item-cover-i-color:var(--ibiz-color-white);--ibiz-image-upload-list-item-cover-i-size:var(--ibiz-font-size-extra-large);--ibiz-image-upload-list-item-cover-i-margin:0 2px;--ibiz-grid-image-upload-box-width:80px;--ibiz-grid-image-upload-box-height:32px;display:flex;align-items:center}.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__btn{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);line-height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__list-item{position:relative;display:inline-block;width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);margin-right:var(--ibiz-image-upload-list-item-margin);line-height:var(--ibiz-image-upload-box-height);text-align:center;background:var(--ibiz-image-upload-list-item-bg-color);border:var(--ibiz-image-upload-list-item-border);border-radius:var(--ibiz-image-upload-list-item-border-radius);box-shadow:var(--ibiz-image-upload-list-item-box-shadow)}.ibiz-image-upload__list-item img{width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.ibiz-image-upload__list-item:hover .ibiz-image-upload__list-item-cover{display:block}.ibiz-image-upload__list-item-cover{position:absolute;inset:0;display:none;background:var(--ibiz-image-upload-list-item-cover-bg-color)}.ibiz-image-upload__list-item-cover ion-icon{margin:var(--ibiz-image-upload-list-item-cover-i-margin);font-size:var(--ibiz-image-upload-list-item-cover-i-size);color:var(--ibiz-image-upload-list-item-cover-i-color);cursor:pointer}.ibiz-image-upload__list-item-cover img{width:100%;height:100%;vertical-align:top}.ibiz-image-upload__image-upload-add{font-size:var(--ibiz-font-size-header-2);color:var(--ibiz-color-text-3)}.ibiz-image-upload--disabled .ibiz-image-upload__download-icon{display:none}.ibiz-image-upload--disabled .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .el-upload--picture-card{display:none}.ibiz-image-upload-modal__img{width:100%}.ibiz-image-upload-icon.is-not-show{display:none}.ibiz-grid-field-edit-column__editor.ibiz-image-upload{flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__image-upload-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0;line-height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item img{-o-object-fit:fill;object-fit:fill}.ibiz-form-item .ibiz-image-upload.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}