@ibiz-template/vue3-components 0.6.7 → 0.6.8

package/lib/editor/data-picker/ibiz-picker-link/ibiz-picker-link.cjs

@@ -16,7 +16,7 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
     const c = props.controller;
     const curValue = vue.ref("");
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -51,7 +51,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     const multipleObjs = vue.ref(null);
     const showView = vue.ref(false);
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);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-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-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-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view--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-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);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-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-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-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.cjs

@@ -22,7 +22,7 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -56,7 +56,7 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.css

@@ -1 +1 @@
-.ibiz-date-range-picker .el-date-editor{width:100%;line-height:var(--ibiz-editor-default-line-height);display:flex;align-items:center;justify-content:flex-start}.ibiz-date-range-picker .el-date-editor .el-range-input{color:var(--ibiz-form-item-text-color)}.ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-input{display:flex}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-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-range-picker.is-show-default .ibiz-date-range-picker-form-default-content .ibiz-date-range-picker-default-input{box-shadow:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content.is-has-val{padding:0}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-input{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-input{display:flex}
+.ibiz-date-range-picker .el-date-editor{width:100%;line-height:var(--ibiz-editor-default-line-height);display:flex;align-items:center;justify-content:flex-start}.ibiz-date-range-picker .el-date-editor .el-range-input{color:var(--ibiz-form-item-text-color)}.ibiz-date-range-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-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-input{display:flex}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-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-range-picker.is-show-default .ibiz-date-range-picker-form-default-content .ibiz-date-range-picker-default-input{box-shadow:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content.is-has-val{padding:0}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-input{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-input{display:flex}

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

@@ -29,7 +29,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     let editorState = "";
     let funcs;
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;
@@ -270,7 +270,11 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         "key": item.value,
         "value": item.value.toString(),
         "label": item.text,
-        "disabled": item.disableSelect === true
+        "disabled": item.disableSelect === true,
+        "style": item.bkcolor ? this.ns.cssVarBlock({
+          "select-option-item-bkcolor": "".concat(item.bkcolor)
+        }) : "",
+        "class": [item.cls ? item.cls : null]
       }, {
         default: () => {
           return vue.createVNode("div", {

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: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}
+.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)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.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/list-box/ibiz-list-box/ibiz-list-box.cjs

@@ -26,7 +26,7 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
       }
     }
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -51,7 +51,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -46,7 +46,7 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       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") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/rate/ibiz-rate/ibiz-rate.cjs

@@ -36,7 +36,7 @@ const IBizRate = /* @__PURE__ */ vue.defineComponent({
       }
     }
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/raw/ibiz-raw/ibiz-raw.cjs

@@ -30,7 +30,7 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
       template = editorModel.editorParams.TEMPLATE.replaceAll("//n", "\n");
     }
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/slider/ibiz-slider/ibiz-slider.cjs

@@ -51,7 +51,7 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
       }
     }
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/span/span/span.cjs

@@ -101,7 +101,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
       componentRef: editorRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/span/span-link/span-link.cjs

@@ -29,7 +29,7 @@ const IBizSpanLink = /* @__PURE__ */ vue.defineComponent({
       componentRef: editorRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/stepper/ibiz-stepper/ibiz-stepper.cjs

@@ -36,7 +36,7 @@ const IBizStepper = /* @__PURE__ */ vue.defineComponent({
       }
     }
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

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

@@ -1 +1 @@
-.ibiz-form-item .ibiz-stepper.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-stepper--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-form-item .ibiz-stepper.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/editor/switch/ibiz-switch/ibiz-switch.cjs

@@ -45,7 +45,7 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
       }
     }
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/text-box/ibiz-input-ip/ibiz-input-ip.cjs

@@ -15,7 +15,7 @@ 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") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -31,7 +31,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

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: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}
+.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{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);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

@@ -50,7 +50,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

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

@@ -36,7 +36,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
       return !!c.parent.model.columnType;
     });
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

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

@@ -13,7 +13,7 @@ const IBizImagePreview = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("image-preview");
     const c = props.controller;
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

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

@@ -41,7 +41,7 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
       return limit.value === 1 && files.value.length === 1;
     });
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs

@@ -23,7 +23,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
     const filterButtonRef = vue.ref();
     let popover;
     const showFormDefaultContent = vue.computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover") {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;

package/lib/panel-component/panel-button/panel-button.controller.cjs

@@ -82,6 +82,7 @@ class PanelButtonController extends runtime.PanelItemController {
    */
   async updateButtonState() {
     await this.state.uiActionState.update(
+      this.panel.context,
       this.data,
       this.panel.model.appDataEntityId
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -32,10 +32,10 @@
     "@ibiz-template-plugin/gantt": "0.1.3-alpha.41",
     "@ibiz-template/core": "0.6.3",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.6.8",
-    "@ibiz-template/runtime": "0.6.8",
+    "@ibiz-template/model-helper": "0.6.9",
+    "@ibiz-template/runtime": "0.6.9",
     "@ibiz-template/theme": "^0.6.0",
-    "@ibiz-template/vue3-util": "0.6.8",
+    "@ibiz-template/vue3-util": "0.6.9",
     "@ibiz-template/web-theme": "^1.1.11",
     "@ibiz/model-core": "^0.1.15",
     "@imengyu/vue3-context-menu": "^1.3.5",