@ibiz-template/vue3-components 0.6.8 → 0.6.10

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -48,6 +48,12 @@ const FilterModes = [{
 }, {
   valueOP: runtime.ValueOP.RIGHT_LIKE,
   label: "\u6587\u672C\u53F3\u5305\u542B(#%)"
+}, {
+  valueOP: runtime.ValueOP.EXISTS,
+  label: "\u5B58\u5728(EXISTS)"
+}, {
+  valueOP: runtime.ValueOP.NOT_EXISTS,
+  label: "\u4E0D\u5B58\u5728(NOTEXISTS)"
 }];
 const ExcludeOPs = [runtime.ValueOP.IS_NULL, runtime.ValueOP.IS_NOT_NULL];
 const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
@@ -95,11 +101,11 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const allFields = [];
-    const getFilterModes = (fieldName) => {
+    const getFilterModes = (fieldName, fieldInfos = allFields) => {
       if (!fieldName) {
         return;
       }
-      const field = allFields.find((item) => item.name === fieldName);
+      const field = fieldInfos.find((item) => item.name === fieldName);
       if (!field) {
         return;
       }
@@ -123,11 +129,35 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
     });
     const onFieldSelect = (node, field) => {
       node.value = null;
+      node.valueOP = null;
       node.field = field;
+      Object.assign(node, {
+        leaf: true,
+        logicType: void 0,
+        children: void 0
+      });
     };
     const onValueOPSelect = (node, valueOP) => {
       node.valueOP = valueOP;
       node.value = null;
+      if (["EXISTS", "NOTEXISTS"].includes(valueOP)) {
+        Object.assign(node, {
+          leaf: false,
+          logicType: "ITEMS",
+          children: [{
+            leaf: true,
+            field: null,
+            valueOP: null,
+            value: null
+          }]
+        });
+      } else {
+        Object.assign(node, {
+          leaf: true,
+          logicType: void 0,
+          children: void 0
+        });
+      }
     };
     const onGroupLogicTypeChange = (node, logicType) => {
       node.logicType = logicType;
@@ -182,10 +212,25 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.e("editor")
       }, [editor]);
     };
-    const renderFilterItem = (node) => {
+    const renderFilterItem = (node, itemsC) => {
       let _slot;
-      const filterC = findFilterController(node.field, node.valueOP);
-      const availableModes = getFilterModes(node.field);
+      let fieldInfos = allFields;
+      if (itemsC) {
+        fieldInfos = itemsC.allFields;
+      }
+      const availableModes = getFilterModes(node.field, fieldInfos);
+      let editor = null;
+      if (node.field && node.valueOP) {
+        if (itemsC) {
+          const subFilterC = itemsC.getSubFilterController(node.field, node.valueOP);
+          editor = renderEditor(node, subFilterC);
+        } else {
+          const filterC = findFilterController(node.field, node.valueOP);
+          if (filterC && !["EXISTS", "NOTEXISTS"].includes(filterC.valueOP)) {
+            editor = renderEditor(node, filterC);
+          }
+        }
+      }
       return vue.createVNode("div", {
         "class": ns.b("item")
       }, [vue.createVNode(vue.resolveComponent("el-select"), {
@@ -196,7 +241,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         "onChange": (field) => {
           onFieldSelect(node, field);
         }
-      }, _isSlot(_slot = allFields.map((field) => {
+      }, _isSlot(_slot = fieldInfos.map((field) => {
         return vue.createVNode(vue.resolveComponent("el-option"), {
           "key": field.name,
           "value": field.name,
@@ -212,9 +257,13 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         "onChange": (valueOP) => {
           onValueOPSelect(node, valueOP);
         }
-      }, null), filterC && renderEditor(node, filterC)]);
+      }, null), editor]);
     };
-    const renderFilterGroup = (node) => {
+    let renderFilterItems = (_node) => vue.createVNode("div", null, null);
+    const renderFilterGroup = (node, itemsC) => {
+      if (node.logicType === "ITEMS") {
+        return renderFilterItems(node);
+      }
       return vue.createVNode("div", {
         "class": ns.b("group")
       }, [vue.createVNode("div", {
@@ -254,7 +303,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       })]), vue.createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
-        const childContent = child.leaf ? renderFilterItem(child) : renderFilterGroup(child);
+        const childContent = child.leaf ? renderFilterItem(child, itemsC) : renderFilterGroup(child, itemsC);
         return vue.createVNode("div", {
           "class": ns.be("group", "list-item")
         }, [vue.createVNode("div", {
@@ -270,6 +319,38 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         }, null)]);
       })])]);
     };
+    renderFilterItems = (node) => {
+      const itemsC = findFilterController(node.field, node.valueOP);
+      return vue.createVNode("div", {
+        "class": (ns.b("group"), ns.bm("group", "items"))
+      }, [vue.createVNode("div", {
+        "class": ns.be("group", "actions")
+      }, [renderFilterItem(node), vue.createVNode(vue.resolveComponent("el-button"), {
+        "text": true,
+        "onClick": () => {
+          addItem(node);
+        }
+      }, {
+        default: () => [vue.createTextVNode("\u6DFB\u52A0\u9879")]
+      })]), vue.createVNode("div", {
+        "class": ns.be("group", "list")
+      }, [node.children.length > 0 && node.children.map((child, index) => {
+        const childContent = child.leaf ? renderFilterItem(child, itemsC) : renderFilterGroup(child, itemsC);
+        return vue.createVNode("div", {
+          "class": ns.be("group", "list-item")
+        }, [vue.createVNode("div", {
+          "class": ns.be("group", "list-item-left")
+        }, [vue.createTextVNode("AND")]), childContent, vue.createVNode(vue.resolveComponent("iBizIcon"), {
+          "class": ns.be("group", "list-item-right"),
+          "onClick": () => {
+            node.children.splice(index, 1);
+          },
+          "icon": {
+            cssClass: "trash"
+          }
+        }, null)]);
+      })])]);
+    };
     const onConfirm = () => {
       emit("confirm");
     };

package/lib/control/search-bar/filter-tree/filter-tree.css

@@ -1 +1 @@
-.ibiz-filter-tree{padding:16px}.ibiz-filter-tree__editor{display:inline-block;width:180px;margin-right:8px}.ibiz-filter-tree__field-select{width:185px;margin-right:8px}.ibiz-filter-tree__mode-select{width:185px;margin-right:8px}.ibiz-filter-tree-group{padding:6px;border:1px solid var(--ibiz-color-border)}.ibiz-filter-tree-group__actions{padding-bottom:16px}.ibiz-filter-tree-group__logic-type{width:80px;margin-left:12px}.ibiz-filter-tree-group__list-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-right:15px;padding-bottom:16px}.ibiz-filter-tree-group__list-item-left{align-self:flex-start;width:32px;margin:5px 8px 0;font-size:14px;color:var(--ibiz-editor-default-text-color)}.ibiz-filter-tree-group__list-item-right{position:absolute;top:8px;right:0;color:var(--ibiz-color-danger);cursor:pointer}.ibiz-filter-tree-group__list-item-right:hover{color:var(--ibiz-color-danger-hover)}.ibiz-filter-tree-item{display:flex;align-items:center;justify-content:flex-start;width:574px}.ibiz-filter-tree-footer{margin-top:8px;text-align:right}
+.ibiz-filter-tree{padding:16px}.ibiz-filter-tree__editor{display:inline-block;width:180px;margin-right:8px}.ibiz-filter-tree__field-select{width:185px;margin-right:8px}.ibiz-filter-tree__mode-select{width:185px;margin-right:8px}.ibiz-filter-tree-group{padding:6px;border:1px solid var(--ibiz-color-border)}.ibiz-filter-tree-group__actions{padding-bottom:16px}.ibiz-filter-tree-group__logic-type{width:80px;margin-left:12px}.ibiz-filter-tree-group__list-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-right:15px;padding-bottom:16px}.ibiz-filter-tree-group__list-item-left{align-self:flex-start;width:32px;margin:5px 8px 0;font-size:14px;color:var(--ibiz-editor-default-text-color)}.ibiz-filter-tree-group__list-item-right{position:absolute;top:8px;right:0;color:var(--ibiz-color-danger);cursor:pointer}.ibiz-filter-tree-group__list-item-right:hover{color:var(--ibiz-color-danger-hover)}.ibiz-filter-tree-group--items>.ibiz-filter-tree-group__actions{display:flex}.ibiz-filter-tree-group--items>.ibiz-filter-tree-group__actions>.ibiz-filter-tree-item{width:auto}.ibiz-filter-tree-item{display:flex;align-items:center;justify-content:flex-start;width:574px}.ibiz-filter-tree-footer{margin-top:8px;text-align:right}

package/lib/control/toolbar/toolbar.cjs

@@ -83,7 +83,12 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
         default: () => {
           var _a;
           return (_a = item.detoolbarItems) == null ? void 0 : _a.map((item2) => {
+            var _a2;
             const actionId = item2.uiactionId;
+            const visible = (_a2 = c.state.buttonsState[item2.id]) == null ? void 0 : _a2.visible;
+            if (!visible) {
+              return null;
+            }
             if (item2.itemType === "SEPERATOR") {
               return;
             }
@@ -98,7 +103,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
                 }, null)]
               });
             }
-            if (item2.itemType === "DEUIACTION" && c.state.buttonsState[item2.id].visible) {
+            if (item2.itemType === "DEUIACTION") {
               let _slot2;
               if (actionId === "exportexcel") {
                 return vue.createVNode(exportExcel.IBizExportExcel, {
@@ -134,7 +139,12 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderToolbarItem = (item) => {
+      var _a;
       const itemId = item.id;
+      const visible = (_a = c.state.buttonsState[itemId]) == null ? void 0 : _a.visible;
+      if (!visible) {
+        return null;
+      }
       if (item.itemType === "SEPERATOR") {
         return vue.createVNode("div", {
           "key": itemId,
@@ -149,7 +159,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           "rawItem": item
         }, null)]);
       }
-      if (item.itemType === "DEUIACTION" && c.state.buttonsState[itemId].visible) {
+      if (item.itemType === "DEUIACTION") {
         let _slot3;
         const actionId = item.uiactionId;
         if (actionId === "exportexcel") {

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

@@ -162,7 +162,7 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("div", {
         "class": this.ns.b("item"),
         "key": item.key
-      }, [this.editorStyle === "default" ? vue.createVNode(vue.resolveComponent("el-input"), {
+      }, [this.editorStyle === "default" ? vue.createVNode(vue.resolveComponent("el-input"), vue.mergeProps({
         "type": this.type,
         "size": this.size,
         "modelValue": item.value,
@@ -173,12 +173,12 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
         "onFocus": this.onFocus,
         "onKeyup": this.handleKeyUp,
         "onChange": (val) => this.handleChange(val, index)
-      }, null) : vue.createVNode(vue.resolveComponent("el-tooltip"), {
+      }, this.$attrs), null) : vue.createVNode(vue.resolveComponent("el-tooltip"), {
         "placement": "bottom",
         "trigger": "hover"
       }, {
         default: () => {
-          return vue.createVNode(vue.resolveComponent("el-input"), {
+          return vue.createVNode(vue.resolveComponent("el-input"), vue.mergeProps({
             "type": this.type,
             "size": this.size,
             "modelValue": item.value,
@@ -191,7 +191,7 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
             "onFocus": this.onFocus,
             "onChange": (val) => this.handleChange(val, index),
             "onKeyup": this.handleKeyUp
-          }, {
+          }, this.$attrs), {
             prefix: () => {
               if (Object.is(this.editorStyle, "url") && this.prepend) {
                 return this.prepend;

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

@@ -157,7 +157,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    const editContent = vue.createVNode(vue.resolveComponent("el-autocomplete"), {
+    const editContent = vue.createVNode(vue.resolveComponent("el-autocomplete"), vue.mergeProps({
       "class": this.ns.b("input"),
       "ref": "editorRef",
       "modelValue": this.curValue,
@@ -176,7 +176,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp
-    }, {
+    }, this.$attrs), {
       default: ({
         item
       }) => {

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

@@ -55,11 +55,11 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.e(this.editorModel.editorType)]
-    }, [vue.createVNode(vue.resolveComponent("iBizCarouselComponent"), {
+    }, [vue.createVNode(vue.resolveComponent("iBizCarouselComponent"), vue.mergeProps({
       "carouselData": this.carouselData,
       "isAuto": this.isAuto,
       "timeSpan": this.timeSpan
-    }, null)]);
+    }, this.$attrs), null)]);
   }
 });
 

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

@@ -430,7 +430,7 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    const editContent = vue.createVNode(vue.resolveComponent("el-cascader"), {
+    const editContent = vue.createVNode(vue.resolveComponent("el-cascader"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "popper-class": this.ns.b("popper"),
@@ -453,7 +453,7 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
       "onFocus": this.onFocus,
       "onRemoveTag": this.handleRemoveTag,
       "onChange": this.handleCascaderValueChange
-    }, null);
+    }, this.$attrs), null);
     const readonlyContent = vue.createVNode("div", {
       "class": (this.ns.b(), this.ns.m("readonly"))
     }, [this.valueText]);

package/lib/editor/check-box/ibiz-checkbox/ibiz-checkbox.cjs

@@ -62,11 +62,11 @@ const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
-    }, [vue.createVNode(vue.resolveComponent("el-checkbox"), {
+    }, [vue.createVNode(vue.resolveComponent("el-checkbox"), vue.mergeProps({
       "modelValue": this.currentVal,
       "onUpdate:modelValue": ($event) => this.currentVal = $event,
       "disabled": this.disabled || this.readonly
-    }, null)]);
+    }, this.$attrs), null)]);
   }
 });
 

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

@@ -140,10 +140,10 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     return vue.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 : vue.createVNode(vue.resolveComponent("el-checkbox-group"), {
+    }, [this.readonly ? this.valueText : vue.createVNode(vue.resolveComponent("el-checkbox-group"), vue.mergeProps({
       "model-value": this.selectArray,
       "onChange": this.onSelectArrayChange
-    }, _isSlot(_slot = this.items.map((item, index) => vue.createVNode(vue.resolveComponent("el-checkbox"), {
+    }, this.$attrs), _isSlot(_slot = this.items.map((item, index) => vue.createVNode(vue.resolveComponent("el-checkbox"), {
       "key": index,
       "label": item.value,
       "disabled": this.disabled || item.disableSelect === true

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

@@ -79,7 +79,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.b("content"),
         "style": this.contentStyle,
         "onClick": this.showPicker
-      }, [vue.createVNode(vue.resolveComponent("el-color-picker"), {
+      }, [vue.createVNode(vue.resolveComponent("el-color-picker"), vue.mergeProps({
         "ref": "colorPicker",
         "modelValue": this.currentVal,
         "onUpdate:modelValue": ($event) => this.currentVal = $event,
@@ -90,7 +90,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
         "size": "small",
         "predefine": this.predefineColors,
         "show-alpha": true
-      }, null), vue.createVNode("span", {
+      }, this.$attrs), null), vue.createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);
     }

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

@@ -281,7 +281,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     let _slot;
-    const editContent = [!this.readonly && vue.createVNode(vue.resolveComponent("el-select"), {
+    const editContent = [!this.readonly && vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
       "modelValue": this.curValue,
@@ -300,7 +300,7 @@ const IBizMPicker = /* @__PURE__ */ vue.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 vue.createVNode(vue.resolveComponent("el-option"), {
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],

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

@@ -222,7 +222,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         }
       }, [item[this.c.textName]]);
     };
-    const editContent = this.c.noAC ? vue.createVNode(vue.resolveComponent("el-input"), {
+    const editContent = this.c.noAC ? vue.createVNode(vue.resolveComponent("el-input"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "modelValue": this.curValue,
@@ -234,7 +234,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp
-    }, {
+    }, this.$attrs), {
       suffix: () => {
         if (this.$slots.append) {
           return this.$slots.append({});
@@ -252,7 +252,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       }
     }) : vue.createVNode("div", {
       "class": [this.ns.e("autocomplete"), this.ns.m(this.closeCircle.toString())]
-    }, [vue.createVNode(vue.resolveComponent("el-autocomplete"), {
+    }, [vue.createVNode(vue.resolveComponent("el-autocomplete"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "modelValue": this.curValue,
@@ -267,7 +267,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp,
       "disabled": this.disabled
-    }, {
+    }, this.$attrs), {
       default: ({
         item
       }) => {

package/lib/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/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs

@@ -213,7 +213,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     let _slot;
-    const editContent = this.readonly ? this.value : vue.createVNode(vue.resolveComponent("el-select"), {
+    const editContent = this.readonly ? this.value : vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
       "modelValue": this.refValue,
@@ -233,7 +233,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.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 vue.createVNode(vue.resolveComponent("el-option"), {
         "value": item[this.c.keyName],
         "key": item[this.c.keyName],

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

@@ -124,7 +124,7 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    const editContent = this.isTimePicker ? vue.createVNode(vue.resolveComponent("el-time-picker"), {
+    const editContent = this.isTimePicker ? vue.createVNode(vue.resolveComponent("el-time-picker"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "type": this.type,
@@ -137,7 +137,7 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
       "disabled": this.disabled,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
-    }, null) : vue.createVNode(vue.resolveComponent("el-date-picker"), {
+    }, this.$attrs), null) : vue.createVNode(vue.resolveComponent("el-date-picker"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("input")],
       "type": this.type,
@@ -150,7 +150,7 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
       "disabled": this.disabled,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
-    }, null);
+    }, this.$attrs), null);
     const readonlyContent = this.formatValue;
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")

package/lib/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/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -145,7 +145,7 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    const editContent = vue.createVNode(vue.resolveComponent("el-date-picker"), {
+    const editContent = vue.createVNode(vue.resolveComponent("el-date-picker"), vue.mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
       "onUpdate:modelValue": ($event) => this.curValue = $event,
@@ -162,13 +162,13 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       "unlink-panels": this.unlinkPanels,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
-    }, null);
+    }, this.$attrs), null);
     const readonlyContent = vue.createVNode("div", {
       "class": (this.ns.b(), this.ns.m("readonly"))
     }, [this.valueText]);
     const formDefaultContent = vue.createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("has-val", this.curValue.length > 0)]
-    }, [this.curValue.length > 0 ? vue.createVNode(vue.resolveComponent("el-date-picker"), {
+    }, [this.curValue.length > 0 ? vue.createVNode(vue.resolveComponent("el-date-picker"), vue.mergeProps({
       "model-value": this.curValue,
       "class": this.ns.b("default-input"),
       "type": this.type,
@@ -179,7 +179,7 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       "start-placeholder": this.startPlaceHolder,
       "end-placeholder": this.endPlaceHolder,
       "unlink-panels": this.unlinkPanels
-    }, null) : "-"]);
+    }, this.$attrs), null) : "-"]);
     return vue.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/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--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/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -226,7 +226,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     let _slot;
-    const editContent = this.hasChildren ? vue.createVNode(vue.resolveComponent("el-tree-select"), {
+    const editContent = this.hasChildren ? vue.createVNode(vue.resolveComponent("el-tree-select"), vue.mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
       "onUpdate:modelValue": ($event) => this.curValue = $event,
@@ -248,7 +248,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       "props": {
         class: this.customNodeClass
       }
-    }, null) : vue.createVNode(vue.resolveComponent("el-select"), {
+    }, this.$attrs), null) : vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
       "onUpdate:modelValue": ($event) => this.curValue = $event,
@@ -265,7 +265,7 @@ const IBizDropdown = /* @__PURE__ */ vue.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 vue.createVNode(vue.resolveComponent("el-option"), {
         "key": item.value,
         "value": item.value.toString(),

package/lib/editor/html/wang-editor/wang-editor.cjs

@@ -49,6 +49,10 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
         enableFullScreen.value = c.toBoolean(editorModel.editorParams.enableFullScreen);
       }
     }
+    if (props.readonly) {
+      hasEnableEdit.value = false;
+      readonlyState.value = true;
+    }
     vue.watch(() => props.data, (newVal) => {
       if (newVal) {
         const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
@@ -147,11 +151,12 @@ const IBizHtml = /* @__PURE__ */ vue.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 === "" && ramda.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);
       }
     };
@@ -288,7 +293,8 @@ const IBizHtml = /* @__PURE__ */ vue.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/lib/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}