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

package/es/control/dashboard/portlet/report-portlet/report-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, computed, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ReportPortletController, ControlType } from '@ibiz-template/runtime';
 
@@ -24,6 +24,12 @@ const ReportPortlet = /* @__PURE__ */ defineComponent({
     const report = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
       return item.controlType === ControlType.REPORT_PANEL;
     });
+    const linkAction = computed(() => {
+      const {
+        uiactionGroupDetails = []
+      } = props.controller.model.uiactionGroup || {};
+      return uiactionGroupDetails.find((x) => x.uiactionId && x.uiactionId.startsWith("bi_report_view"));
+    });
     let timerTag;
     onMounted(() => {
       const timer = props.controller.model.timer;
@@ -38,7 +44,8 @@ const ReportPortlet = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
-      report
+      report,
+      linkAction
     };
   },
   render() {
@@ -50,6 +57,7 @@ const ReportPortlet = /* @__PURE__ */ defineComponent({
     } = this.controller;
     return createVNode(resolveComponent("iBizPortletLayout"), {
       "controller": this.controller,
+      "linkAction": this.linkAction,
       "class": classArr
     }, _isSlot(_slot = h(resolveComponent("IBizControlShell"), {
       context,

package/es/control/grid/grid/grid.mjs

@@ -334,7 +334,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
       "controller": this.c,
       "style": this.headerCssVars
     }, {
-      default: () => [createVNode(resolveComponent("el-table"), {
+      default: () => [createVNode(resolveComponent("el-table"), mergeProps({
         "ref": "tableRef",
         "class": this.ns.e("table"),
         "default-sort": this.defaultSort,
@@ -355,7 +355,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "onHeaderDragend": this.headerDragend,
         "tooltip-effect": "light",
         "scrollbar-always-on": true
-      }, {
+      }, this.$attrs), {
         empty: this.renderNoData,
         default: () => {
           return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && createVNode(resolveComponent("el-table-column"), {

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

@@ -1,5 +1,5 @@
-import { IUIActionGroupDetail } from '@ibiz/model-core';
-import { Ref } from 'vue';
+import { ILayoutPanel, IPanel, IUIActionGroupDetail } from '@ibiz/model-core';
+import { Ref, VNode } from 'vue';
 import './grid-field-column.scss';
 import { GridFieldColumnController, GridRowState } from '@ibiz-template/runtime';
 export declare const GridFieldColumn: import("vue").DefineComponent<{
@@ -25,6 +25,8 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
     tooltip: import("vue").ComputedRef<string | undefined>;
     zIndex: number | undefined;
     codeListItems: Ref<readonly IData[]>;
+    findLayoutPanel: () => IPanel | undefined;
+    renderPanelItemLayout: (item: IData, modelData: ILayoutPanel) => VNode;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof GridFieldColumnController;

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

@@ -37,7 +37,8 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     watch(() => props.row, async () => {
       CustomHtml.value = await props.controller.getCustomHtml(props.row);
     }, {
-      deep: true
+      deep: true,
+      immediate: true
     });
     const fieldValue = computed(() => props.row.data[props.controller.fieldName]);
     const formatValue = computed(() => props.controller.formatValue(fieldValue.value));
@@ -85,6 +86,25 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       }
     };
     useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
+    const findLayoutPanel = () => {
+      var _a;
+      const {
+        controlRenders = []
+      } = props.controller.model;
+      return (_a = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL")) == null ? void 0 : _a.layoutPanel;
+    };
+    const renderPanelItemLayout = (item, modelData) => {
+      const {
+        context,
+        params
+      } = props.controller;
+      return createVNode(resolveComponent("iBizControlShell"), {
+        "data": item,
+        "modelData": modelData,
+        "context": context,
+        "params": params
+      }, null);
+    };
     return {
       ns,
       onCellClick,
@@ -98,7 +118,9 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       codeListValue,
       tooltip,
       zIndex,
-      codeListItems
+      codeListItems,
+      findLayoutPanel,
+      renderPanelItemLayout
     };
   },
   render() {
@@ -113,11 +135,19 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       "zIndex": this.zIndex
     }, null) : null;
     let content = null;
+    const panel = this.findLayoutPanel();
     if (c.isCustomCode) {
       content = createVNode("span", {
         "class": this.ns.e("script"),
         "innerHTML": this.CustomHtml
       }, null);
+    } else if (panel) {
+      content = createVNode(resolveComponent("iBizControlShell"), {
+        "data": this.row.data,
+        "modelData": panel,
+        "context": c.context,
+        "params": c.params
+      }, null);
     } else if (c.codeList) {
       content = createVNode(resolveComponent("iBizCodeList"), {
         "class": this.ns.e("text"),

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

@@ -21,6 +21,10 @@ export declare const IBizGridFieldColumn: import("@ibiz-template/vue3-util").Typ
     tooltip: import("vue").ComputedRef<string | undefined>;
     zIndex: number | undefined;
     codeListItems: import("vue").Ref<readonly IData[]>;
+    findLayoutPanel: () => import("@ibiz/model-core").IPanel | undefined;
+    renderPanelItemLayout: (item: IData, modelData: import("@ibiz/model-core").IPanel) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof import("@ibiz-template/runtime").GridFieldColumnController;

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

@@ -1 +1 @@
-.ibiz-filter-tree{padding:var(--ibiz-spacing-base)}.ibiz-filter-tree__editor{display:inline-block;width:180px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree__field-select{width:185px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree__mode-select{width:185px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree-group{padding:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-filter-tree-group__actions{padding-bottom:var(--ibiz-spacing-base)}.ibiz-filter-tree-group__logic-type{width:80px;margin-left:var(--ibiz-spacing-tight)}.ibiz-filter-tree-group__list-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-right:var(--ibiz-spacing-base);padding-bottom:var(--ibiz-spacing-base)}.ibiz-filter-tree-group__list-item-left{align-self:flex-start;width:32px;margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);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:var(--ibiz-spacing-tight);text-align:right}
+.ibiz-filter-tree{padding:var(--ibiz-spacing-base)}.ibiz-filter-tree__editor{display:inline-block;width:180px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree__field-select{width:185px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree__mode-select{width:185px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree-group{padding:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-filter-tree-group__editor{width:600px;height:270px}.ibiz-filter-tree-group__actions{padding-bottom:var(--ibiz-spacing-base)}.ibiz-filter-tree-group__logic-type{width:80px;margin-left:var(--ibiz-spacing-tight)}.ibiz-filter-tree-group__list-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-right:var(--ibiz-spacing-base);padding-bottom:var(--ibiz-spacing-base)}.ibiz-filter-tree-group__list-item-left{align-self:flex-start;width:32px;margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);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:var(--ibiz-spacing-tight);text-align:right}

package/es/control/search-bar/filter-tree/filter-tree.d.ts

@@ -25,15 +25,27 @@ export declare const FilterTreeControl: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    filterMode: {
+        type: PropType<"default" | "pql">;
+        default: string;
+    };
+    customCond: {
+        type: StringConstructor;
+        default: string;
+    };
+    context: {
+        type: PropType<IContext>;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    renderFilterGroup: (node: IFilterNodeGroup | IFilterNodeItems, itemsC?: SearchBarFilterItemsController) => any;
+    renderFilterGroup: (node: IFilterNodeGroup | IFilterNodeItems, itemsC?: SearchBarFilterItemsController, root?: boolean) => any;
     renderFilterItem: (node: IFilterNodeField, itemsC?: SearchBarFilterItemsController) => JSX.Element | undefined;
     onConfirm: () => void;
     onCancel: () => void;
     isInSearchBar: import("vue").ComputedRef<boolean>;
     UiFilterNodes: import("vue").ComputedRef<IFilterNode[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm")[], "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    pqlEditor: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "customCondChange")[], "cancel" | "change" | "confirm" | "customCondChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * 过滤项控制器集合
      */
@@ -55,8 +67,23 @@ export declare const FilterTreeControl: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    filterMode: {
+        type: PropType<"default" | "pql">;
+        default: string;
+    };
+    customCond: {
+        type: StringConstructor;
+        default: string;
+    };
+    context: {
+        type: PropType<IContext>;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+    onCustomCondChange?: ((...args: any[]) => any) | undefined;
+}, {
+    customCond: string;
+    filterMode: "default" | "pql";
+}, {}>;

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/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

@@ -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;