@ibiz-template/vue3-components 0.6.9 → 0.6.10

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

@@ -1,4 +1,4 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDatePickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-carousel.css';
 
@@ -53,11 +53,11 @@ const IBizCarousel = /* @__PURE__ */ defineComponent({
   render() {
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.e(this.editorModel.editorType)]
-    }, [createVNode(resolveComponent("iBizCarouselComponent"), {
+    }, [createVNode(resolveComponent("iBizCarouselComponent"), mergeProps({
       "carouselData": this.carouselData,
       "isAuto": this.isAuto,
       "timeSpan": this.timeSpan
-    }, null)]);
+    }, this.$attrs), null)]);
   }
 });
 

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

@@ -1,4 +1,4 @@
-import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getCascaderProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-cascader.css';
 import { clone } from 'ramda';
@@ -428,7 +428,7 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    const editContent = createVNode(resolveComponent("el-cascader"), {
+    const editContent = createVNode(resolveComponent("el-cascader"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "popper-class": this.ns.b("popper"),
@@ -451,7 +451,7 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
       "onFocus": this.onFocus,
       "onRemoveTag": this.handleRemoveTag,
       "onChange": this.handleCascaderValueChange
-    }, null);
+    }, this.$attrs), null);
     const readonlyContent = createVNode("div", {
       "class": (this.ns.b(), this.ns.m("readonly"))
     }, [this.valueText]);

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getCheckboxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-checkbox.css';
 
@@ -60,11 +60,11 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
-    }, [createVNode(resolveComponent("el-checkbox"), {
+    }, [createVNode(resolveComponent("el-checkbox"), mergeProps({
       "modelValue": this.currentVal,
       "onUpdate:modelValue": ($event) => this.currentVal = $event,
       "disabled": this.disabled || this.readonly
-    }, null)]);
+    }, this.$attrs), null)]);
   }
 });
 

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

@@ -1,4 +1,4 @@
-import { isVNode, computed, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getCheckboxListProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-checkbox-list.css';
@@ -138,10 +138,10 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "ref": "editorRef",
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
-    }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-checkbox-group"), {
+    }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-checkbox-group"), mergeProps({
       "model-value": this.selectArray,
       "onChange": this.onSelectArrayChange
-    }, _isSlot(_slot = this.items.map((item, index) => createVNode(resolveComponent("el-checkbox"), {
+    }, this.$attrs), _isSlot(_slot = this.items.map((item, index) => createVNode(resolveComponent("el-checkbox"), {
       "key": index,
       "label": item.value,
       "disabled": this.disabled || item.disableSelect === true

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

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getColorPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-color-picker.css';
 
@@ -77,7 +77,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
         "class": this.ns.b("content"),
         "style": this.contentStyle,
         "onClick": this.showPicker
-      }, [createVNode(resolveComponent("el-color-picker"), {
+      }, [createVNode(resolveComponent("el-color-picker"), mergeProps({
         "ref": "colorPicker",
         "modelValue": this.currentVal,
         "onUpdate:modelValue": ($event) => this.currentVal = $event,
@@ -88,7 +88,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
         "size": "small",
         "predefine": this.predefineColors,
         "show-alpha": true
-      }, null), createVNode("span", {
+      }, this.$attrs), null), createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);
     }

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{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-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:relative;right:11px;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--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-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-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-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-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-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
+@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:relative;right:11px;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--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-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-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-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-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-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-mpicker.css';
 import { clone } from 'lodash-es';
@@ -279,7 +279,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
   },
   render() {
     let _slot;
-    const editContent = [!this.readonly && createVNode(resolveComponent("el-select"), {
+    const editContent = [!this.readonly && createVNode(resolveComponent("el-select"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
       "modelValue": this.curValue,
@@ -298,7 +298,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp
-    }, _isSlot(_slot = this.items.map((item) => {
+    }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-picker .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-picker .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input.is-disabled .el-input__inner{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-picker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-picker .ibiz-picker-input{width:100%}.ibiz-picker .ibiz-picker-input .el-input__wrapper{width:100%}.ibiz-picker-input__buns-position{position:relative;display:inline-block}.ibiz-picker-input__btns{position:absolute;right:0;display:flex;height:var(--ibiz-picker-height)}.ibiz-picker-input__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker-input__autocomplete{display:flex}.ibiz-picker-input__autocomplete .el-autocomplete{width:100%}.ibiz-picker-input__transfer-item{padding:5px;cursor:pointer}.ibiz-picker-input__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker-input__link{width:32px;height:32px;padding:0 6px;font-size:16px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-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-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-input{display:block}.ibiz-form-item .ibiz-picker.is-show-default .ibiz-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-picker.is-show-default .ibiz-picker-input{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-input{display:block}
+@charset "UTF-8";.ibiz-picker .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-picker .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-picker .ibiz-picker-input{width:100%}.ibiz-picker .ibiz-picker-input .el-input__wrapper{width:100%}.ibiz-picker-input__buns-position{position:relative;display:inline-block}.ibiz-picker-input__btns{position:absolute;right:0;display:flex;height:var(--ibiz-picker-height)}.ibiz-picker-input__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker-input__autocomplete{display:flex}.ibiz-picker-input__autocomplete .el-autocomplete{width:100%}.ibiz-picker-input__transfer-item{padding:5px;cursor:pointer}.ibiz-picker-input__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker-input__link{width:32px;height:32px;padding:0 6px;font-size:16px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-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-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-input{display:block}.ibiz-form-item .ibiz-picker.is-show-default .ibiz-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-picker.is-show-default .ibiz-picker-input{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-input{display:block}

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

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, onMounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isEmpty, isNil } from 'ramda';
 import './ibiz-picker.css';
@@ -220,7 +220,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         }
       }, [item[this.c.textName]]);
     };
-    const editContent = this.c.noAC ? createVNode(resolveComponent("el-input"), {
+    const editContent = this.c.noAC ? createVNode(resolveComponent("el-input"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "modelValue": this.curValue,
@@ -232,7 +232,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp
-    }, {
+    }, this.$attrs), {
       suffix: () => {
         if (this.$slots.append) {
           return this.$slots.append({});
@@ -250,7 +250,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       }
     }) : createVNode("div", {
       "class": [this.ns.e("autocomplete"), this.ns.m(this.closeCircle.toString())]
-    }, [createVNode(resolveComponent("el-autocomplete"), {
+    }, [createVNode(resolveComponent("el-autocomplete"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "modelValue": this.curValue,
@@ -265,7 +265,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp,
       "disabled": this.disabled
-    }, {
+    }, this.$attrs), {
       default: ({
         item
       }) => {

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

@@ -1 +1 @@
-.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .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-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{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-picker-dropdown--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-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-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-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}
+.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .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-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--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-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-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-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isNil, clone } from 'ramda';
 import './ibiz-picker-dropdown.css';
@@ -211,7 +211,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
   },
   render() {
     let _slot;
-    const editContent = this.readonly ? this.value : createVNode(resolveComponent("el-select"), {
+    const editContent = this.readonly ? this.value : createVNode(resolveComponent("el-select"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
       "modelValue": this.refValue,
@@ -231,7 +231,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp,
       "onClick": this.onClick
-    }, _isSlot(_slot = this.items.map((item) => {
+    }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
         "value": item[this.c.keyName],
         "key": item[this.c.keyName],

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: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}
+.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);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/date-picker/ibiz-date-picker/ibiz-date-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDatePickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-date-picker.css';
 import dayjs from 'dayjs';
@@ -122,7 +122,7 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    const editContent = this.isTimePicker ? createVNode(resolveComponent("el-time-picker"), {
+    const editContent = this.isTimePicker ? createVNode(resolveComponent("el-time-picker"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "type": this.type,
@@ -135,7 +135,7 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
       "disabled": this.disabled,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
-    }, null) : createVNode(resolveComponent("el-date-picker"), {
+    }, this.$attrs), null) : createVNode(resolveComponent("el-date-picker"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "type": this.type,
@@ -148,7 +148,7 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
       "disabled": this.disabled,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
-    }, null);
+    }, this.$attrs), null);
     const readonlyContent = this.formatValue;
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")

package/es/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--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}
+.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);background-color:transparent}.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/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDateRangeProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-date-range-picker.css';
 
@@ -143,7 +143,7 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    const editContent = createVNode(resolveComponent("el-date-picker"), {
+    const editContent = createVNode(resolveComponent("el-date-picker"), mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
       "onUpdate:modelValue": ($event) => this.curValue = $event,
@@ -160,13 +160,13 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
       "unlink-panels": this.unlinkPanels,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
-    }, null);
+    }, this.$attrs), null);
     const readonlyContent = createVNode("div", {
       "class": (this.ns.b(), this.ns.m("readonly"))
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("has-val", this.curValue.length > 0)]
-    }, [this.curValue.length > 0 ? createVNode(resolveComponent("el-date-picker"), {
+    }, [this.curValue.length > 0 ? createVNode(resolveComponent("el-date-picker"), mergeProps({
       "model-value": this.curValue,
       "class": this.ns.b("default-input"),
       "type": this.type,
@@ -177,7 +177,7 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
       "start-placeholder": this.startPlaceHolder,
       "end-placeholder": this.endPlaceHolder,
       "unlink-panels": this.unlinkPanels
-    }, null) : "-"]);
+    }, this.$attrs), null) : "-"]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace, useClickOutside } from '@ibiz-template/vue3-util';
 import './ibiz-dropdown.css';
 
@@ -224,7 +224,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
   },
   render() {
     let _slot;
-    const editContent = this.hasChildren ? createVNode(resolveComponent("el-tree-select"), {
+    const editContent = this.hasChildren ? createVNode(resolveComponent("el-tree-select"), mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
       "onUpdate:modelValue": ($event) => this.curValue = $event,
@@ -246,7 +246,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       "props": {
         class: this.customNodeClass
       }
-    }, null) : createVNode(resolveComponent("el-select"), {
+    }, this.$attrs), null) : createVNode(resolveComponent("el-select"), mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
       "onUpdate:modelValue": ($event) => this.curValue = $event,
@@ -263,7 +263,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp,
       "onVisibleChange": this.onVisibleChange
-    }, _isSlot(_slot = this.items.map((item) => {
+    }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
         "key": item.value,
         "value": item.value.toString(),

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -45,6 +45,10 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
         enableFullScreen.value = c.toBoolean(editorModel.editorParams.enableFullScreen);
       }
     }
+    if (props.readonly) {
+      hasEnableEdit.value = false;
+      readonlyState.value = true;
+    }
     watch(() => props.data, (newVal) => {
       if (newVal) {
         const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);

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

@@ -1,4 +1,4 @@
-import { isVNode, computed, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getListBoxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';
@@ -143,11 +143,11 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
-    }, [this.multiple ? createVNode(resolveComponent("el-checkbox-group"), {
+    }, [this.multiple ? createVNode(resolveComponent("el-checkbox-group"), mergeProps({
       "class": this.ns.b("checkbox"),
       "modelValue": this.selectArray,
       "onChange": this.onSelectArrayChange
-    }, _isSlot(_slot = this.items.map((item, index) => createVNode(resolveComponent("el-checkbox"), {
+    }, this.$attrs), _isSlot(_slot = this.items.map((item, index) => createVNode(resolveComponent("el-checkbox"), {
       "key": index,
       "label": item.value,
       "disabled": this.disabled || this.readonly || item.disableSelect === true
@@ -157,10 +157,10 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
       }, [item.text])]
     }))) ? _slot : {
       default: () => [_slot]
-    }) : createVNode(resolveComponent("el-radio-group"), {
+    }) : createVNode(resolveComponent("el-radio-group"), mergeProps({
       "class": this.ns.b("radio"),
       "modelValue": this.selectArray[0]
-    }, _isSlot(_slot2 = this.items.map((item, index) => createVNode(resolveComponent("el-radio"), {
+    }, this.$attrs), _isSlot(_slot2 = this.items.map((item, index) => createVNode(resolveComponent("el-radio"), {
       "key": index,
       "label": item.value,
       "disabled": this.disabled || this.readonly || item.disableSelect === true,

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getNumberRangeProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-number-range-picker.css';
 import { toNumber } from 'lodash-es';
@@ -136,7 +136,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
   render() {
     const editContent = createVNode("div", {
       "class": this.ns.b("input")
-    }, [createVNode(resolveComponent("el-input-number"), {
+    }, [createVNode(resolveComponent("el-input-number"), mergeProps({
       "min": this.min,
       "modelValue": this.minValue,
       "disabled": this.disabled,
@@ -148,9 +148,9 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       "onKeyup": this.handleKeyUp,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
-    }, null), createVNode("div", {
+    }, this.$attrs), null), createVNode("div", {
       "class": this.ns.b("separator")
-    }, [this.rangeSeparator]), createVNode(resolveComponent("el-input-number"), {
+    }, [this.rangeSeparator]), createVNode(resolveComponent("el-input-number"), mergeProps({
       "min": typeof this.minValue === "number" ? this.minValue + 1 : -Infinity,
       "max": this.max,
       "modelValue": this.maxValue,
@@ -163,7 +163,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       "onKeyup": this.handleKeyUp,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
-    }, null)]);
+    }, this.$attrs), null)]);
     const readonlyContent = createVNode("div", {
       "class": (this.ns.b(), this.ns.m("readonly"))
     }, [this.valueText]);

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, watch, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getRadioProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-radio.css';
 import { notNilEmpty } from 'qx-util';
@@ -76,11 +76,11 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "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"), {
+    }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-radio-group"), mergeProps({
       "class": this.ns.e("group"),
       "model-value": notNilEmpty(this.value) ? String(this.value) : "",
       "onChange": this.onSelectValueChange
-    }, _isSlot(_slot = this.items.map((_item, index) => this.renderMode === "radio" ? createVNode(resolveComponent("el-radio"), {
+    }, this.$attrs), _isSlot(_slot = this.items.map((_item, index) => this.renderMode === "radio" ? createVNode(resolveComponent("el-radio"), {
       "key": index,
       "label": notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true

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

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getRateProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-rate.css';
@@ -72,7 +72,7 @@ const IBizRate = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
-    }, [createVNode(resolveComponent("el-rate"), {
+    }, [createVNode(resolveComponent("el-rate"), mergeProps({
       "modelValue": this.currentVal,
       "onUpdate:modelValue": ($event) => this.currentVal = $event,
       "disabled": this.disabled || this.readonly,
@@ -81,7 +81,7 @@ const IBizRate = /* @__PURE__ */ defineComponent({
       "showText": this.showText,
       "texts": this.texts,
       "onChange": this.handleChange
-    }, null)]);
+    }, this.$attrs), null)]);
   }
 });
 

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

@@ -1,4 +1,4 @@
-import { computed, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getSliderProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-slider.css';
@@ -110,7 +110,7 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "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"), {
+    }, [createVNode(resolveComponent("el-slider"), mergeProps({
       "modelValue": this.currentVal,
       "onUpdate:modelValue": ($event) => this.currentVal = $event,
       "disabled": this.disabled || this.readonly,
@@ -121,7 +121,7 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       "range": this.range,
       "showInput": this.showInput,
       "onChange": this.handleChange
-    }, null), this.showText ? createVNode("span", {
+    }, this.$attrs), null), this.showText ? createVNode("span", {
       "class": [this.ns.em("text", "val")]
     }, [this.textVal]) : null]);
   }

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

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-stepper.css';
@@ -77,7 +77,7 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
     if (this.readonly) {
       content = "".concat(this.currentVal);
     } else {
-      content = [createVNode(resolveComponent("el-input-number"), {
+      content = [createVNode(resolveComponent("el-input-number"), mergeProps({
         "ref": "inputRef",
         "modelValue": this.currentVal,
         "onUpdate:modelValue": ($event) => this.currentVal = $event,
@@ -90,7 +90,7 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
         "onChange": this.handleChange,
         "onFocus": this.onFocus,
         "onBlur": this.onBlur
-      }, null)];
+      }, this.$attrs), null)];
     }
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]

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

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getSwitchProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-switch.css';
 
@@ -81,14 +81,14 @@ const IBizSwitch = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
-    }, [createVNode(resolveComponent("el-switch"), {
+    }, [createVNode(resolveComponent("el-switch"), mergeProps({
       "modelValue": this.currentVal,
       "onUpdate:modelValue": ($event) => this.currentVal = $event,
       "disabled": this.disabled || this.readonly,
       "activeText": this.activeText,
       "inactiveText": this.inactiveText,
       "onChange": this.handleChange
-    }, null)]);
+    }, this.$attrs), null)]);
   }
 });
 

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

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getInputNumberProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-input-number.css';
 import { isNilOrEmpty } from 'qx-util';
@@ -102,7 +102,7 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
         content += unitName;
       }
     } else {
-      content = [createVNode(resolveComponent("el-input-number"), {
+      content = [createVNode(resolveComponent("el-input-number"), mergeProps({
         "ref": "editorRef",
         "class": [this.ns.b("input")],
         "model-value": this.currentVal,
@@ -116,7 +116,7 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
         "onFocus": this.onFocus,
         "onBlur": this.onBlur,
         "onKeyup": this.handleKeyUp
-      }, null), unitName && createVNode("i", {
+      }, this.$attrs), null), unitName && createVNode("i", {
         "class": this.ns.e("unit")
       }, [unitName])];
     }

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, onUnmounted, createVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, onUnmounted, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
 import { debounce } from 'lodash-es';
 import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
@@ -268,7 +268,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
           "name": "unlock-alt"
         }, null);
       }
-      content = createVNode(resolveComponent("el-input"), {
+      content = createVNode(resolveComponent("el-input"), mergeProps({
         "ref": "editorRef",
         "clearable": true,
         "modelValue": this.currentVal,
@@ -289,7 +289,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         "disabled": this.disabled,
         "show-password": this.type === "password",
         "autocomplete": this.shouldAutoComplete
-      }, _isSlot(slots) ? slots : {
+      }, this.$attrs), _isSlot(slots) ? slots : {
         default: () => [slots]
       });
     }