@ibiz-template/vue3-components 0.7.30-alpha.3 → 0.7.31-alpha.0

package/es/control/search-bar/filter-tree/filter-tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, computed, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
 import { ValueOP } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './filter-tree.css';
@@ -78,9 +78,20 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     parent: {
       type: String,
       required: true
+    },
+    filterMode: {
+      type: String,
+      default: "default"
+    },
+    customCond: {
+      type: String,
+      default: ""
+    },
+    context: {
+      type: Object
     }
   },
-  emits: ["confirm", "cancel", "change"],
+  emits: ["confirm", "cancel", "change", "customCondChange"],
   setup(props, {
     emit
   }) {
@@ -142,6 +153,34 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         find.valueOPs.push(filterC.valueOP);
       }
     });
+    const schemaFields = ref([]);
+    allFields.forEach(async (field) => {
+      var _a, _b, _c;
+      const filterController = props.filterControllers.find((item) => item.key === field.name);
+      if (!filterController) {
+        return;
+      }
+      schemaFields.value.push({
+        appDEFieldId: field.fieldName,
+        caption: field.label,
+        valueOPs: field.valueOPs,
+        appDataEntity: (_a = filterController.appDataEntity) == null ? void 0 : _a.id,
+        appDataEntityFullTag: (_b = filterController.appDataEntity) == null ? void 0 : _b.defullTag,
+        appCodeListId: (_c = filterController.model.editor) == null ? void 0 : _c.appCodeListId
+      });
+    });
+    const pqlEditor = ref();
+    const mode = ref(props.filterMode || "default");
+    const currentCustomCond = ref("");
+    const handleCustomCondChange = (value) => {
+      currentCustomCond.value = value;
+      emit("customCondChange", currentCustomCond.value);
+    };
+    watch(() => props.customCond, () => {
+      currentCustomCond.value = props.customCond;
+    }, {
+      immediate: true
+    });
     const getFilterModes = (fieldName, fieldInfos = allFields) => {
       if (!fieldName) {
         return;
@@ -289,7 +328,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       }, null), editor]);
     };
     let renderFilterItems = (_node) => createVNode("div", null, null);
-    const renderFilterGroup = (node, itemsC) => {
+    const renderFilterGroup = (node, itemsC, root) => {
       if (node.hidden) {
         return;
       }
@@ -304,22 +343,38 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         "text": true,
         "type": "primary",
         "onClick": () => {
+          if (mode.value === "pql") {
+            mode.value = "default";
+            return;
+          }
           addGroup(node);
         }
       }, {
-        default: () => [createTextVNode("\u6DFB\u52A0\u7EC4")]
+        default: () => [mode.value === "pql" ? "\u5207\u6362\u7EC4" : "\u6DFB\u52A0\u7EC4"]
       }), createVNode(resolveComponent("el-button"), {
         "text": true,
         "onClick": () => {
+          if (mode.value === "pql") {
+            mode.value = "default";
+            return;
+          }
           addItem(node);
         }
       }, {
-        default: () => [createTextVNode("\u6DFB\u52A0\u9879")]
+        default: () => [mode.value === "pql" ? "\u5207\u6362\u9879" : "\u6DFB\u52A0\u9879"]
+      }), root && isInSearchBar.value && createVNode(resolveComponent("el-button"), {
+        "text": true,
+        "onClick": () => {
+          mode.value = "pql";
+        }
+      }, {
+        default: () => [createTextVNode("\u6DFB\u52A0PQL")]
       }), createVNode(resolveComponent("el-select"), {
         "model-value": node.logicType,
         "teleported": false,
         "class": ns.be("group", "logic-type"),
         "onChange": (logicType) => {
+          mode.value = "default";
           onGroupLogicTypeChange(node, logicType);
         }
       }, {
@@ -332,7 +387,15 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
           "value": "OR",
           "label": "OR"
         }, null)]
-      })]), createVNode("div", {
+      })]), mode.value === "pql" && createVNode("div", {
+        "class": ns.be("group", "editor")
+      }, [createVNode(resolveComponent("iBizPqlEditor"), {
+        "ref": "pqlEditor",
+        "value": currentCustomCond.value,
+        "fields": schemaFields.value,
+        "context": props.context,
+        "onChange": handleCustomCondChange
+      }, null)]), mode.value !== "pql" && createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
         const childContent = child.nodeType === "FIELD" ? renderFilterItem(child, itemsC) : renderFilterGroup(child, itemsC);
@@ -416,7 +479,17 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       })])]);
     };
     const onConfirm = () => {
-      emit("confirm");
+      var _a, _b;
+      if (mode.value === "pql") {
+        if (pqlEditor.value) {
+          const result = (_b = (_a = pqlEditor.value).verify) == null ? void 0 : _b.call(_a);
+          if (result) {
+            emit("confirm", mode.value, currentCustomCond.value);
+          }
+        }
+        return;
+      }
+      emit("confirm", mode.value, currentCustomCond.value);
     };
     const onCancel = () => {
       emit("cancel");
@@ -428,7 +501,8 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       onConfirm,
       onCancel,
       isInSearchBar,
-      UiFilterNodes
+      UiFilterNodes,
+      pqlEditor
     };
   },
   render() {
@@ -439,7 +513,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       if (node.nodeType === "FIELD") {
         return this.renderFilterItem(node);
       }
-      return this.renderFilterGroup(node);
+      return this.renderFilterGroup(node, void 0, true);
     }), createVNode("div", {
       "class": this.ns.b("footer")
     }, [createVNode(resolveComponent("el-button"), {

package/es/control/search-bar/search-bar.mjs

@@ -68,7 +68,15 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
           "filterControllers": c.filterControllers,
           "filterNodes": c.state.filterNodes,
           "parent": "search-bar",
-          "onConfirm": () => {
+          "filterMode": c.state.filterMode,
+          "customCond": c.state.customCond,
+          "context": c.context,
+          "onCustomCondChange": (customCond) => {
+            c.state.customCond = customCond;
+          },
+          "onConfirm": (mode, customCond) => {
+            c.state.filterMode = mode;
+            c.state.customCond = customCond;
             c.onSearch();
             if (popover) {
               popover.dismiss();
@@ -76,6 +84,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
           },
           "onCancel": () => {
             c.resetFilter();
+            c.state.customCond = "";
           }
         }, null);
       }, void 0, {

package/es/control/tree-grid/index.d.ts

@@ -85,6 +85,7 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
         columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<IData>[];
         data: IData[];
     }) => string[];
+    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
     renderPopover: () => JSX.Element[];
     renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;

package/es/control/tree-grid/tree-grid.d.ts

@@ -92,6 +92,7 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
         columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<IData>[];
         data: IData[];
     }) => string[];
+    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
     renderPopover: () => JSX.Element[];
     renderBatchToolBar: () => VNode | undefined;
     headerCssVars: IData;

package/es/control/tree-grid/tree-grid.mjs

@@ -81,7 +81,8 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       tableData,
       renderColumns,
       defaultSort,
-      summaryMethod
+      summaryMethod,
+      headerDragend
     } = useAppGridBase(c, props);
     const {
       renderPopover
@@ -194,6 +195,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       renderNoData,
       loadData,
       summaryMethod,
+      headerDragend,
       renderPopover,
       renderBatchToolBar,
       headerCssVars
@@ -226,6 +228,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         "onRowDblclick": this.onDbRowClick,
         "onSelectionChange": this.onSelectionChange,
         "onSortChange": this.onSortChange,
+        "onHeaderDragend": this.headerDragend,
         "tooltip-effect": "light",
         "tree-props": {
           children: "children",

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/index.d.ts

@@ -10,7 +10,7 @@ export declare const IBizTreeGridExFieldColumn: import("@ibiz-template/vue3-util
 }, {
     ns: import("@ibiz-template/core").Namespace;
     nodeColumn: import("vue").ComputedRef<import("@ibiz-template/runtime").TreeGridExNodeColumnController | undefined>;
-    fieldValue: import("vue").Ref<any>;
+    fieldValue: import("vue").ComputedRef<any>;
     showText: import("vue").ComputedRef<any>;
     clickable: import("vue").ComputedRef<any>;
     tooltip: import("vue").ComputedRef<any>;

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.d.ts

@@ -13,7 +13,7 @@ export declare const TreeGridExFieldColumn: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     nodeColumn: import("vue").ComputedRef<import("@ibiz-template/runtime").TreeGridExNodeColumnController | undefined>;
-    fieldValue: import("vue").Ref<any>;
+    fieldValue: import("vue").ComputedRef<any>;
     showText: import("vue").ComputedRef<any>;
     clickable: import("vue").ComputedRef<any>;
     tooltip: import("vue").ComputedRef<any>;

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExFieldColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
@@ -20,16 +20,11 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("tree-grid-ex-field-column");
-    const fieldValue = ref();
-    watch(() => props.row.data, () => {
+    const fieldValue = computed(() => {
       if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
-        fieldValue.value = props.row.data._text;
-      } else {
-        fieldValue.value = props.row.data[props.controller.name];
+        return props.row.data._text;
       }
-    }, {
-      deep: true,
-      immediate: true
+      return props.row.data[props.controller.name];
     });
     const nodeColumn = computed(() => {
       return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);

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

@@ -133,6 +133,6 @@ export declare const IBizArray: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -78,6 +78,6 @@ export declare const IBizAutoComplete: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -71,6 +71,6 @@ export declare const IBizCarousel: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -91,6 +91,6 @@ export declare const IBizCascader: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts

@@ -64,6 +64,6 @@ export declare const IBizCheckbox: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/check-box-list/checkbox-list-editor.controller.d.ts

@@ -14,5 +14,12 @@ export declare class CheckBoxListEditorController extends CodeListEditorControll
      * @Date: 2023-05-24 10:55:50
      */
     codeList: IAppCodeList | undefined;
+    /**
+     * 多选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    rowNumber: number | undefined;
     protected onInit(): Promise<void>;
 }

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

@@ -17,13 +17,24 @@ class CheckBoxListEditorController extends CodeListEditorController {
      * @Date: 2023-05-24 10:55:50
      */
     __publicField(this, "codeList");
+    /**
+     * 多选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    __publicField(this, "rowNumber");
   }
   async onInit() {
+    var _a;
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
       this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
     }
+    if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
+      this.rowNumber = Number(this.editorParams.rowNumber);
+    }
   }
 }
 

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

@@ -1 +1 @@
-.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-form-item .ibiz-checkbox-list.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-checkbox-list{--ibiz-checkbox-list-group-row-number:0}.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--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-checkbox-list.is-grid-layout .el-checkbox-group{display:grid;grid-template-columns:repeat(var(--ibiz-checkbox-list-group-row-number),1fr)}.ibiz-form-item .ibiz-checkbox-list.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -66,6 +66,6 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -156,7 +156,8 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
     let _slot;
     return createVNode("div", {
       "ref": "editorRef",
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("grid-layout", !!this.controller.rowNumber)],
+      "style": this.controller.rowNumber ? "--ibiz-checkbox-list-group-row-number:".concat(this.controller.rowNumber) : ""
     }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-checkbox-group"), mergeProps({
       "model-value": this.selectArray,
       "onChange": this.onSelectArrayChange

package/es/editor/code/monaco-editor/monaco-editor.d.ts

@@ -81,6 +81,6 @@ export declare const IBizCode: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -71,6 +71,6 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.d.ts

@@ -79,6 +79,6 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -78,6 +78,6 @@ export declare const IBizPicker: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.d.ts

@@ -79,6 +79,6 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts

@@ -32,7 +32,7 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
         srfsessionid: string;
         srfappid: string;
         srfsimple?: boolean | undefined;
-        srfpaginationviewid?: string | undefined;
+        srfnavctrlid?: string | undefined;
     }>;
     params: import("vue").Ref<IParams>;
     onSelectionChange: (event: EventBase) => void;
@@ -78,6 +78,6 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.d.ts

@@ -65,6 +65,6 @@ export declare const IBizPickerLink: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -93,6 +93,6 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -74,6 +74,6 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -80,6 +80,6 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -79,6 +79,6 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -310,7 +310,7 @@ const IBizDropdown = /* @__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") : ""),
+      "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))),
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp,

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts

@@ -69,6 +69,6 @@ export declare const IBizEmojiPicker: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -89,7 +89,7 @@ declare const IBizHtml: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;
 export default IBizHtml;

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

@@ -418,12 +418,14 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           return createVNode("i", {
             "class": "fa fa-compress",
             "aria-hidden": "true",
+            "title": ibiz.i18n.t("editor.html.reduce"),
             "onClick": () => changeFullScreenState()
           }, null);
         }
         return createVNode("i", {
           "class": "fa fa-expand",
           "aria-hidden": "true",
+          "title": ibiz.i18n.t("editor.html.expand"),
           "onClick": () => changeFullScreenState()
         }, null);
       }
@@ -436,6 +438,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
         }, [hasEnableEdit.value && enableEdit.value && readonlyState.value ? createVNode("i", {
           "class": "fa fa-edit",
           "aria-hidden": "true",
+          "title": ibiz.i18n.t("editor.html.enableedit"),
           "onClick": () => changeEditState()
         }, null) : null, isAllowRenderFullScreen()]);
       }

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

@@ -68,6 +68,6 @@ export declare const IBizListBox: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -82,6 +82,6 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.d.ts

@@ -65,6 +65,6 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -1 +1 @@
-.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--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-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--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-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -68,6 +68,6 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -85,7 +85,8 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
   render() {
     let _slot;
     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)],
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("grid-layout", !!this.controller.rowNumber)],
+      "style": this.controller.rowNumber ? "--ibiz-radio-group-row-number:".concat(this.controller.rowNumber) : "",
       "ref": "editorRef"
     }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-radio-group"), mergeProps({
       "class": this.ns.e("group"),

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

@@ -7,4 +7,12 @@ import { IRadioButtonList } from '@ibiz/model-core';
  * @Date: 2022-08-25 10:57:58
  */
 export declare class RadioButtonListEditorController extends CodeListEditorController<IRadioButtonList> {
+    /**
+     * 单选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    rowNumber: number | undefined;
+    protected onInit(): Promise<void>;
 }