@ibiz-template/vue3-components 0.7.41-alpha.11 → 0.7.41-alpha.13

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.css

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-select-v2{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.el-select-dropdown__option-item{width:100%;font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__option-item.hover{background-color:var(--ibiz-color-fill-0)!important}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-select-v2{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.el-select-dropdown__option-item{width:100%;font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__option-item.hover{background-color:var(--ibiz-color-fill-0)!important}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list.is-has-value .el-select-v2__placeholder{display:none}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select .el-select-v2__wrapper{line-height:28px}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select .el-select-v2__selected-item{display:none}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select-option-text{margin:2px 0 2px 6px}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .ibiz-dropdown-select-option-content{flex:0 1 auto}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .ibiz-dropdown-select-option-content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .el-select-dropdown__option-item{display:flex;align-items:center}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .select-v2-option-item{display:flex;align-items:center;width:100%}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.d.ts

@@ -4,15 +4,18 @@ import './ibiz-virtualized-list.scss';
 /**
  * 虚拟化选择器（扩展）
  *
- * @description 使用el-select-v2组件，在下拉数据较多的情况下，避免渲染至 DOM 中时造成性能问题。基于`下拉列表框`、`下拉列表框（多选）`编辑器进行扩展,编辑器样式代码名称为：VIRTUALIZED_LIST
+ * @description 使用el-select-v2组件，在下拉数据较多的情况下，避免渲染至 DOM 中时造成性能问题。基于`下拉列表框`、`下拉列表框（多选）`编辑器进行扩展，编辑器样式代码名称为：VIRTUALIZED_LIST
  * @primary
- * @editorparams {name:forceSelection,parameterType:boolean,defaultvalue:true,description:是否允许用户创建选择项。当参数为false时，可在输入框输入内容，使其显示在下拉选项中呈现，并且可选择}
- * @editorparams {name:defaultFirstOption,parameterType:boolean,defaultvalue:false,description:默认选中第一个，在该属性为 true 的情况下，按下回车就可以选中当前选项列表中的第一个选项，无需使用鼠标或键盘方向键进行定位}
- * @editorparams {name:blankItemName,parameterType:string,description:在单选模式下，用于在下拉展示数据首项添加一条空白项数据，其文本内容为配置的该参数值}
- * @editorparams {name:alwaysLoad,parameterType:boolean,defaultvalue:false,description:当前值改变、下拉框出现时，是否重新加载代码表数据。设置为 true 时每次相关事件触发都会重新加载数据}
+ * @editorparams {name:forceselection,parameterType:boolean,defaultvalue:true,description:是否禁止用户创建选择项。当参数为false时，可在输入框输入内容，使其显示在下拉选项中呈现，并且可选择}
+ * @editorparams {name:blankitemname,parameterType:string,description:在单选模式下，用于在下拉展示数据顶部添加一条空白项数据，其文本内容为配置的该参数值}
+ * @editorparams {name:alwaysload,parameterType:boolean,defaultvalue:false,description:当值改变、下拉框出现时，是否重新加载代码表数据。设置为 true 时每次相关事件触发都会重新加载数据}
  * @editorparams {name:type,parameterType:'round' | 'other',defaultvalue:'other',description:下拉框的样式类型，可取值为 'round'（圆角类型）或 'other'（其他类型）}
- * @editorparams {name:overflowMode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现提示信息}
- * @ignoreprops overflowMode | controlParams
+ * @editorparams {name:overflowmode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时，下拉区域宽度会根据内容自动展开；当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现提示信息}
+ * @editorparams {name:allitems,parameterType:boolean,defaultvalue:false,description:下拉列表框是否启用全部项}
+ * @editorparams {name:itemstext,parameterType:string,defaultvalue:'全部',description:下拉列表框全部项文本}
+ * @editorparams {"name":"valuetype","parameterType":"string","description":"编辑器的值类型"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @ignoreprops overflowMode
  */
 export declare const IBizVirtualizedList: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];

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

@@ -184,7 +184,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
             emitVal = Number(select);
           emit("change", emitVal);
         }
-        if (c.editorParams.alwaysLoad === "true") {
+        if (c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true") {
           loadCodeList();
         }
         if (props.autoFocus) {
@@ -240,7 +240,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
-      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
           nextTick(() => {
@@ -319,7 +319,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = createVNode(resolveComponent("el-select-v2"), mergeProps({
       "ref": "editorRef",
@@ -334,7 +334,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       "disabled": this.disabled,
       "loading": this.isLoading,
       "fit-input-width": isEllipsis,
-      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id))),
+      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id)), " ").concat(this.ns.b("virtualized-list-popper")),
       "onFocus": this.onFocus,
       "onClear": this.handleClear,
       "onKeyup": this.handleKeyUp,
@@ -384,7 +384,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       }, [text])]);
     });
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round")]
+      "class": [this.ns.b(), this.ns.b("virtualized-list"), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round"), this.ns.is("has-value", this.value != null && this.value !== "")]
     }, [this.readonly ? readonlyContent : editContent]);
   }
 });

package/es/editor/html/wang-editor/wang-editor.d.ts

@@ -16,6 +16,7 @@ import './wang-editor.scss';
  * @editorparams {"name":"exportparams","parameterType":"string","description":"下载参数，图片或文件下载时，用于计算下载路径"}
  * @editorparams {"name":"osscat","parameterType":"string","description":"用于计算上传和下载路径的OSS参数"}
  * @editorparams {name:ac,parameterType:boolean,defaultvalue:false,description:是否启用ac自填模式}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits enter | infoTextChange
  */

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.d.ts

@@ -10,6 +10,7 @@ import './ibiz-list-box.scss';
  * @editorparams {name:multiple,parameterType:boolean,defaultvalue:false,description:列表框是否启用多选}
  * @editorparams {name:allitems,parameterType:boolean,defaultvalue:false,description:列表框是否启用全部项}
  * @editorparams {name:itemstext,parameterType:string,defaultvalue:'全部',description:列表框全部项文本}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

package/es/editor/map-picker/ibiz-map-picker/ibiz-map-picker.d.ts

@@ -5,6 +5,7 @@ import './ibiz-map-picker.scss';
  *
  * @description 通过高德地图选择具体位置，然后填充名称、经度和纬度。支持编辑器类型包含：`地图选择器`
  * @primary
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

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

@@ -1,6 +1,6 @@
 import { isVNode, ref, computed, nextTick, onUnmounted, createVNode, resolveComponent, vModelText, withDirectives, resolveDirective, defineComponent } from 'vue';
 import { getMapPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import AMapLoader from '../../../node_modules/.pnpm/@amap_amap-jsapi-loader@1.0.1/node_modules/@amap/amap-jsapi-loader/dist/index.mjs';
+import AMapLoader from '../../../node_modules/.pnpm/@amap_amap-jsapi-loader@1.0.1_patch_hash_73bpcwbs2m5ip4qppmz6a7epsa/node_modules/@amap/amap-jsapi-loader/dist/index.mjs';
 import './ibiz-map-picker.css';
 
 "use strict";

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.d.ts

@@ -5,6 +5,7 @@ import './ibiz-markdown-editor.scss';
  * @description 使用cherryMarkdown组件封装，用于Markdown文档编辑。支持编辑器类型包含：`Markdown编辑框`
  * @primary
  * @editorparams {"name":"customtheme","parameterType":"'light' | 'dark'","description":"设置Markdown主题，未配置时跟随应用主题"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

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

@@ -173,7 +173,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       }
     };
     const editorInit = () => {
-      if (props.disabled) {
+      if (props.disabled || props.readonly) {
         defaultModel.value = "previewOnly";
       }
       nextTick(() => {

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.d.ts

@@ -12,6 +12,7 @@ import './ibiz-number-range-picker.scss';
  * @editorparams {"name":"valueseparator","parameterType":"string","defaultvalue":"'-'","description":"值分隔符，是最大值与最小值转为字符串时的分隔符号"}
  * @editorparams {"name":"rangeseparator","parameterType":"string","defaultvalue":"'~'","description":"选择范围时的分隔符，是数值范围组件在呈现时中间位置的分隔符"}
  * @editorparams {"name":"triggermode","parameterType":"'blur' |' input'","defaultvalue":"'blur'","description":"指定编辑器触发 `change` 值变更事件的模式，input: 输入框输入时触发事件，blur：输入框blur时触发事件"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits infoTextChange
  */

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.d.ts

@@ -9,6 +9,7 @@ import './ibiz-radio.scss';
  * @editorparams {name:rendermode,parameterType:'radio' | 'button' | 'tab',defaultvalue:'radio',description:默认绘制单选框列表，当值为 'button' 时绘制按钮列表，当值为 'tab' 时绘制分页列表}
  * @editorparams {name:isbtnroundcorner,parameterType:boolean,defaultvalue:false,description:设置按钮是否显示圆角}
  * @editorparams {name:itemwidth,parameterType:number,description:设置单选框列表的项宽度}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter
  */

package/es/editor/rate/ibiz-rate/ibiz-rate.d.ts

@@ -9,6 +9,7 @@ import { RateEditorController } from '../rate-editor.controller';
  * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
  * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
  * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */
@@ -24,6 +25,7 @@ export declare const IBizRate: import("vue").DefineComponent<{
      * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
      * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
      * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
+     * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
      * @ignoreprops autoFocus | overflowMode
      * @ignoreemits blur | focus | enter | infoTextChange
      */
@@ -74,6 +76,7 @@ export declare const IBizRate: import("vue").DefineComponent<{
      * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
      * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
      * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
+     * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
      * @ignoreprops autoFocus | overflowMode
      * @ignoreemits blur | focus | enter | infoTextChange
      */

package/es/editor/slider/ibiz-slider/ibiz-slider.d.ts

@@ -12,11 +12,12 @@ import './ibiz-slider.scss';
  * @editorparams {name:showstops,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否显示间断点，el-slider组件的show-stops属性}
  * @editorparams {name:range,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否开启选择范围，el-slider组件的range属性}
  * @editorparams {name:showinput,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否显示输入框，仅在非范围选择时有效，el-slider组件的show-input属性}
- * @editorparams {name:showtext,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 或为 'circle' 时，是否显示文本}
- * @editorparams {name:format,parameterType:string,defaultvalue:'0%',description:当 `type` 为 'line' 或为 'circle' 时，设置显示文本的格式}
- * @editorparams {name:textitem,parameterType:string,description:当 `type` 为 'line' 或为 'circle' 时，设置显示文本属性。设置后，环形进度条的显示文本将优先获取主数据内对应属性的数据进行展示}
+ * @editorparams {name:showtext,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 或 'circle' 时，是否显示文本}
+ * @editorparams {name:format,parameterType:string,defaultvalue:'0%',description:当 `type` 为 'line' 或 'circle' 时，设置显示文本的格式}
+ * @editorparams {name:textitem,parameterType:string,description:当 `type` 为 'line' 或 'circle' 时，设置显示文本属性。设置后，环形进度条的显示文本将优先获取主数据内对应属性的数据进行展示}
  * @editorparams {name:piebg,parameterType:string,description:当 `type` 为 'pie' 时，设置饼图进度条背景色，可配置十六进制颜色、rgb颜色}
  * @editorparams {name:piepercentbg,parameterType:string,description:当 `type` 为 'pie' 时，设置饼图进度条占比背景色，可配置十六进制颜色、rgb颜色}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

package/es/editor/span/span/span.d.ts

@@ -7,7 +7,9 @@ import { SpanEditorController } from '../span-editor.controller';
  * @description 直接呈现文本内容，可配置单位，无值时显示全局配置的emptyText，支持编辑器类型包含：`标签`
  * @primary
  * @editorparams {"name":"textseparator","parameterType":"string","defaultvalue":"','","description":"文本分隔符。如果是数组数据，在呈现时会使用文本分隔符拼接为字符串显示"}
- * @editorparams {name:overflowmode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:文本换行模式。当参数为 'auto' 时，若内容超出宽度则会换行显示；当参数为 'ellipsis' 时，若内容超出宽度则会显示省略号}
+ * @editorparams {name:overflowmode,parameterType:'auto' | 'ellipsis',description:文本换行模式。当参数为 'auto' 时，若内容超出宽度则会换行显示；当参数为 'ellipsis' 时，若内容超出宽度则会显示省略号}
+ * @editorparams {"name":"valuetype","parameterType":"string","description":"编辑器的值类型"}
+ * @editorparams {"name":"objectnamefield","parameterType":"string","defaultvalue":"'srfmajortext'","description":"值类型为OBJECT、OBJECTS时显示的对象属性"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits change | blur | focus | enter | infoTextChange
  */

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.d.ts

@@ -9,6 +9,7 @@ import { StepperEditorController } from '../stepper-editor.controller';
  * @editorparams {name:precision,parameterType:number,defaultvalue:0,description:el-input-number组件的precision属性，设置数值精度}
  * @editorparams {name:maxvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的max属性，设置步进器允许的最大值}
  * @editorparams {name:minvalue,parameterType:number,defaultvalue:-Infinity,description:el-input-number组件的min属性，设置步进器允许的最小值}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits enter | infoTextChange
  */

package/es/editor/switch/ibiz-switch/ibiz-switch.d.ts

@@ -6,6 +6,7 @@ import { SwitchEditorController } from '../switch-editor.controller';
  * @description 使用el-switch组件，表示两种相互对立的状态间的切换，多用于触发「开/关」。支持编辑器类型包含：`开关部件`
  * @primary
  * @editorparams {"name":"dicdata","parameterType":"Array<{value: number;label: string;}>","defaultvalue":[{"value":0,"label":""},{"value":1,"label":""}],"description":"开关的文字描述。在配置的数组中，value值为0时，是 switch 关闭时的文字描述；value值为1时，是 switch 打开时的文字描述"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.css

@@ -1 +1 @@
-.ibiz-input-ip{display:flex;flex-wrap:nowrap;height:100%;line-height:var(--ibiz-form-item-line-height)}.ibiz-form-item .ibiz-input-ip.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-input-ip{display:flex;flex-wrap:nowrap;height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-input-ip .el-input .el-input__wrapper{background-color:transparent;box-shadow:none}.ibiz-input-ip .el-input.is-disabled .el-input__wrapper{background-color:transparent}.ibiz-input-ip:hover:not(.ibiz-input-ip--disabled) .ibiz-input-ip-content{box-shadow:0 0 0 1px var(--ibiz-editor-hover-border-color) inset}.ibiz-input-ip--disabled .ibiz-input-ip-content{color:var(--el-disabled-text-color);cursor:not-allowed;background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.ibiz-input-ip--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-input-ip.is-focus .ibiz-input-ip-content{box-shadow:0 0 0 1px var(--ibiz-color-primary) inset}.ibiz-input-ip-content{display:flex;flex-wrap:nowrap;align-items:center;width:100%;height:100%;color:var(--ibiz-editor-default-text-color);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 0 1px var(--ibiz-editor-default-border-color) inset}.ibiz-form-item .ibiz-input-ip.is-show-default .ibiz-input-ip-form-default-content{display:block;padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-input-ip.is-show-default .ibiz-input-ip-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default:hover .ibiz-input-ip-form-default-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default:hover .ibiz-input-ip-content{display:flex}.ibiz-form-item .ibiz-input-ip.is-show-default.is-focus .ibiz-input-ip-form-default-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default.is-focus .ibiz-input-ip-content{display:flex}

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.d.ts

@@ -1,85 +1,12 @@
-import { Ref } from 'vue';
+import { defineComponent } from 'vue';
 import './ibiz-input-ip.scss';
-import { TextBoxEditorController } from '../text-box-editor.controller';
 /**
  * IP地址输入框
  *
- * @description 使用多个el-input组件用于 IP 地址数据的录入，呈现样式为 4 个输入框。支持编辑器类型包含：`IP地址输入框`
+ * @description 由多个el-input组件组合而成，用于IP地址数据的录入。支持编辑器类型包含：`IP地址输入框`
  * @primary
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops overflowMode
  * @ignoreemits infoTextChange
  */
-export declare const IBizInputIP: import("vue").DefineComponent<{
-    value: StringConstructor;
-    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
-    disabled: {
-        type: BooleanConstructor;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    overflowMode: {
-        type: StringConstructor;
-    };
-    controlParams: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: TextBoxEditorController;
-    editorRef: Ref<any>;
-    currentVal: Ref<string[]>;
-    getFocus: () => void;
-    blur: () => void;
-    firstIp: Ref<string>;
-    secIp: Ref<string>;
-    thirdIp: Ref<string>;
-    forIp: Ref<string>;
-    showFormDefaultContent: import("vue").ComputedRef<boolean>;
-    handleKeyUp: (e: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    infoTextChange: (_text: string) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: StringConstructor;
-    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
-    disabled: {
-        type: BooleanConstructor;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    overflowMode: {
-        type: StringConstructor;
-    };
-    controlParams: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-}>> & {
-    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-}, {
-    disabled: boolean;
-    readonly: boolean;
-    autoFocus: boolean;
-}, {}>;
+export declare const IBizInputIP: ReturnType<typeof defineComponent>;