@ibiz-template/vue3-components 0.6.8 → 0.6.10

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.css

@@ -1 +1 @@
-.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}
+.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.rich-html-table{width:100%!important;border-collapse:collapse}.rich-html-table th{height:49px;min-height:49px;padding:8px;background-color:#f3f3f3;border:1px solid #d3d3d3}.rich-html-table td{height:49px;min-height:49px;padding:8px;empty-cells:show;border:1px solid #d3d3d3}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}

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);
@@ -143,11 +147,12 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     };
     const handleChange = (editor) => {
       const html = editor.getHtml();
-      const emitValue = html === "<p><br></p>" ? "" : html;
+      let emitValue = html === "<p><br></p>" ? "" : html;
       if (emitValue === props.value || emitValue === "" && isNil(props.value)) {
         return;
       }
       if (!hasEnableEdit.value && editor.isFocused()) {
+        emitValue = emitValue.replaceAll('class="rich-html-table"', "").replace(/<table/g, '<table class="rich-html-table"');
         emit("change", emitValue);
       }
     };
@@ -284,7 +289,8 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     const save = () => {
       readonlyState.value = true;
       editorRef.value.disable();
-      emit("change", valueHtml.value);
+      const value = valueHtml.value.replaceAll('class="rich-html-table"', "").replace(/<table/g, '<table class="rich-html-table"');
+      emit("change", value);
       if (isFullScreen.value) {
         isFullScreen.value = false;
       }

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]
       });
     }

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

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, mergeProps, createTextVNode, createVNode, defineComponent } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-file-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';
@@ -64,7 +64,7 @@ const IBizFileUpload = /* @__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": "componentRef"
-    }, [createVNode(resolveComponent("el-upload"), {
+    }, [createVNode(resolveComponent("el-upload"), mergeProps({
       "class": [this.ns.b("icon"), this.ns.is("not-show", this.noUploadIcon)],
       "file-list": this.files,
       "action": this.uploadUrl,
@@ -79,7 +79,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       "onError": this.onError,
       "onRemove": this.onRemove,
       "onPreview": this.onDownload
-    }, {
+    }, this.$attrs), {
       default: () => [this.noUploadIcon ? null : createVNode(resolveComponent("el-button"), {
         "class": [this.ns.b("button")],
         "size": this.isGridEditor ? "small" : "default"

package/es/editor/upload/ibiz-image-preview/ibiz-image-preview.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-image-preview.css';
 
@@ -28,11 +28,11 @@ const IBizImagePreview = /* @__PURE__ */ defineComponent({
       "onClick": (e) => {
         e.stopPropagation();
       }
-    }, [createVNode(resolveComponent("el-image"), {
+    }, [createVNode(resolveComponent("el-image"), mergeProps({
       "fit": "contain",
       "src": this.value,
       "preview-src-list": [this.value]
-    }, null)]);
+    }, this.$attrs), null)]);
   }
 });
 

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, createVNode, resolveComponent, defineComponent } from 'vue';
+import { ref, computed, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-image-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';
@@ -93,7 +93,7 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       "class": this.ns.e("remove-icon"),
       "onClick": () => this.onRemove(item),
       "name": "remove"
-    }, null)])]))]), createVNode(resolveComponent("el-upload"), {
+    }, null)])]))]), createVNode(resolveComponent("el-upload"), mergeProps({
       "ref": "imageUpload",
       "class": [this.ns.b("icon"), this.ns.is("not-show", this.noUploadIcon)],
       "file-list": this.files,
@@ -110,19 +110,19 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       "onError": this.onError,
       "onRemove": this.onRemove,
       "onPreview": this.onDownload
-    }, {
+    }, this.$attrs), {
       default: () => [createVNode("ion-icon", {
         "name": "add-outline",
         "class": this.ns.e("image-upload-add")
       }, null)]
-    }), this.dialogVisible ? createVNode(resolveComponent("el-image-viewer"), {
+    }), this.dialogVisible ? createVNode(resolveComponent("el-image-viewer"), mergeProps({
       "onClose": () => this.onDialogVisibleChange(false),
       "url-list": [this.dialogImageUrl],
       "hide-on-click-modal": true,
       "close-on-press-escape": true,
       "teleported": true,
       "z-index": 9999
-    }, null) : null]);
+    }, this.$attrs), null) : null]);
   }
 });
 

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
 import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-searchcond-edit.css';
 import { isNilOrEmpty } from 'qx-util';
@@ -152,7 +152,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
     if (this.readonly) {
       content = isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
     } else {
-      content = [createVNode(resolveComponent("el-input"), {
+      content = [createVNode(resolveComponent("el-input"), mergeProps({
         "ref": "editorRef",
         "class": [this.ns.b("input")],
         "model-value": this.currentVal,
@@ -164,7 +164,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
         "onFocus": this.onFocus,
         "onBlur": this.onBlur,
         "onKeyup": this.handleKeyUp
-      }, null), createVNode(resolveComponent("el-button"), {
+      }, this.$attrs), null), createVNode(resolveComponent("el-button"), {
         "ref": "filterButtonRef",
         "type": "primary",
         "title": "\u7F16\u8F91",

package/es/view-engine/exp-view.engine.d.ts

@@ -1,4 +1,4 @@
-import { ViewController, IExpBarControlController, IExpViewState, IExpViewEvent, MDViewEngine, IMDControlController, EventBase, MDCtrlLoadParams } from '@ibiz-template/runtime';
+import { ViewController, IExpBarControlController, IExpViewState, IExpViewEvent, MDViewEngine, IMDControlController, EventBase, MDCtrlLoadParams, IViewController } from '@ibiz-template/runtime';
 import { IAppDEExplorerView, IAppDEMultiDataView } from '@ibiz/model-core';
 type IAppDEMultiDataExpView = IAppDEExplorerView & IAppDEMultiDataView;
 /**
@@ -39,6 +39,7 @@ export declare class ExpViewEngine extends MDViewEngine {
      * @type {IMDControlController}
      */
     protected get xdataControl(): IMDControlController;
+    constructor(view: IViewController);
     /**
      * 组件创建
      *

package/es/view-engine/exp-view.engine.mjs

@@ -36,6 +36,16 @@ class ExpViewEngine extends MDViewEngine {
   get xdataControl() {
     return this.expBar.xDataController;
   }
+  constructor(view) {
+    var _a, _b;
+    const modelData = (_b = (_a = view.model.viewLayoutPanel) == null ? void 0 : _a.controls) == null ? void 0 : _b.find(
+      (item) => item.id === "searchbar"
+    );
+    if (modelData && !modelData.name) {
+      modelData.name = "searchbar";
+    }
+    super(view);
+  }
   /**
    * 组件创建
    *

package/es/view-engine/index.mjs

@@ -42,6 +42,7 @@ import { ReportViewEngine } from './report-view.engine.mjs';
 import { GanttViewEngine } from './gantt-view.engine.mjs';
 import { DEIndexViewEngine } from './de-index-view-engine.mjs';
 import { SubAppRefViewEngine } from './sub-app-ref-view.engine.mjs';
+import { TabSearchViewEngine } from './tab-search-view.engine.mjs';
 
 "use strict";
 const IBizViewEngine = {
@@ -274,6 +275,10 @@ const IBizViewEngine = {
       "VIEW_DEINDEXVIEW",
       (c) => new DEIndexViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_DETABSEARCHVIEW",
+      (c) => new TabSearchViewEngine(c)
+    );
   }
 };
 

package/es/view-engine/tab-search-view.engine.d.ts

@@ -0,0 +1,61 @@
+import { ISearchBarController, ISearchFormController, ITabExpPanelController, ITabSearchViewEvent, ITabSearchViewState, ViewController } from '@ibiz-template/runtime';
+import { IAppDEEditView } from '@ibiz/model-core';
+import { TabExpViewEngine } from './tab-exp-view.engine';
+/**
+ * 编辑视图3（分页关系）
+ *
+ * @export
+ * @class TabSearchViewEngine
+ * @extends {EditViewEngine}
+ */
+export declare class TabSearchViewEngine extends TabExpViewEngine {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<
+     *     IAppDEEditView,
+     *     ITabSearchViewState,
+     *     ITabSearchViewEvent
+     *   >}
+     * @memberof TabSearchViewEngine
+     */
+    protected view: ViewController<IAppDEEditView, ITabSearchViewState, ITabSearchViewEvent>;
+    /**
+     * 搜索表单控制器
+     * @author lxm
+     * @date 2023-05-22 01:56:25
+     * @readonly
+     */
+    protected get searchForm(): ISearchFormController;
+    /**
+     * 搜索栏控制器
+     * @author lxm
+     * @date 2023-05-22 01:56:25
+     * @readonly
+     */
+    protected get searchBar(): ISearchBarController;
+    /**
+     * 分页导航面板控制器
+     * @author lxm
+     * @date 2023-05-22 01:56:25
+     * @readonly
+     */
+    get tabExpPanel(): ITabExpPanelController;
+    onCreated(): Promise<void>;
+    onMounted(): Promise<void>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 获取搜索相关的查询参数
+     * @author lxm
+     * @date 2023-05-22 03:26:04
+     * @return {*}  {IParams}
+     */
+    protected getSearchParams(): IParams;
+    /**
+     * 重新计算视图参数
+     * @author lxm
+     * @date 2024-03-18 05:00:02
+     */
+    calcViewParams(): void;
+}