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

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:transparent;--ibiz-portlet-layout-header-height:50px;--ibiz-portlet-layout-header-padding:calc(var(--ibiz-spacing-base-tight) + 2px) var(--ibiz-spacing-base);--ibiz-portlet-layout-header-margin:var(--ibiz-spacing-none);--ibiz-portlet-layout-header-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-border-bottom:var(--ibiz-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-text-color-primary);--ibiz-portlet-layout-content-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-content-padding:var(--ibiz-spacing-none);--ibiz-portlet-layout-content-margin:var(--ibiz-spacing-none);--ibiz-portlet-layout-padding:var(--ibiz-spacing-tight);width:100%;height:100%;padding:var(--ibiz-portlet-layout-padding);background-color:var(--ibiz-portlet-layout-bg-color)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width);height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-base)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);line-height:var(--ibiz-portlet-layout-caption-font-size);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__caption::before{position:absolute;top:50%;left:0;width:4px;height:var(--ibiz-width-icon-large);content:"";background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-extra-small);transform:translateY(-50%)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);background-color:var(--ibiz-portlet-layout-header-bg-color);border-bottom:var(--ibiz-portlet-layout-header-border-bottom)}.ibiz-portlet-layout-header__left{position:relative}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);overflow-y:scroll;background-color:var(--ibiz-portlet-layout-content-bg-color)}
+.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:transparent;--ibiz-portlet-layout-header-height:50px;--ibiz-portlet-layout-header-padding:calc(var(--ibiz-spacing-base-tight) + 2px) var(--ibiz-spacing-base);--ibiz-portlet-layout-header-margin:var(--ibiz-spacing-none);--ibiz-portlet-layout-header-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-border-bottom:var(--ibiz-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-text-color-primary);--ibiz-portlet-layout-content-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-content-padding:var(--ibiz-spacing-none);--ibiz-portlet-layout-content-margin:var(--ibiz-spacing-none);--ibiz-portlet-layout-padding:var(--ibiz-spacing-tight);width:100%;height:100%;padding:var(--ibiz-portlet-layout-padding);background-color:var(--ibiz-portlet-layout-bg-color)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width);height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-base)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);line-height:var(--ibiz-portlet-layout-caption-font-size);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__caption::before{position:absolute;top:50%;left:0;width:4px;height:var(--ibiz-width-icon-large);content:"";background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-extra-small);transform:translateY(-50%)}.ibiz-portlet-layout__caption.is-link{cursor:pointer}.ibiz-portlet-layout__caption.is-link:hover{color:var(--ibiz-color-link)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);background-color:var(--ibiz-portlet-layout-header-bg-color);border-bottom:var(--ibiz-portlet-layout-header-border-bottom)}.ibiz-portlet-layout-header__left{position:relative}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);overflow-y:scroll;background-color:var(--ibiz-portlet-layout-content-bg-color)}

package/lib/control/dashboard/portlet/report-portlet/report-portlet.cjs

@@ -26,6 +26,12 @@ const ReportPortlet = /* @__PURE__ */ vue.defineComponent({
     const report = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
       return item.controlType === runtime.ControlType.REPORT_PANEL;
     });
+    const linkAction = vue.computed(() => {
+      const {
+        uiactionGroupDetails = []
+      } = props.controller.model.uiactionGroup || {};
+      return uiactionGroupDetails.find((x) => x.uiactionId && x.uiactionId.startsWith("bi_report_view"));
+    });
     let timerTag;
     vue.onMounted(() => {
       const timer = props.controller.model.timer;
@@ -40,7 +46,8 @@ const ReportPortlet = /* @__PURE__ */ vue.defineComponent({
     });
     return {
       ns,
-      report
+      report,
+      linkAction
     };
   },
   render() {
@@ -52,6 +59,7 @@ const ReportPortlet = /* @__PURE__ */ vue.defineComponent({
     } = this.controller;
     return vue.createVNode(vue.resolveComponent("iBizPortletLayout"), {
       "controller": this.controller,
+      "linkAction": this.linkAction,
       "class": classArr
     }, _isSlot(_slot = vue.h(vue.resolveComponent("IBizControlShell"), {
       context,

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.28_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.30_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/grid/grid/grid.cjs

@@ -336,7 +336,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       "controller": this.c,
       "style": this.headerCssVars
     }, {
-      default: () => [vue.createVNode(vue.resolveComponent("el-table"), {
+      default: () => [vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
         "ref": "tableRef",
         "class": this.ns.e("table"),
         "default-sort": this.defaultSort,
@@ -357,7 +357,7 @@ const GridControl = /* @__PURE__ */ vue.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 && vue.createVNode(vue.resolveComponent("el-table-column"), {

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs

@@ -41,7 +41,8 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => props.row, async () => {
       CustomHtml.value = await props.controller.getCustomHtml(props.row);
     }, {
-      deep: true
+      deep: true,
+      immediate: true
     });
     const fieldValue = vue.computed(() => props.row.data[props.controller.fieldName]);
     const formatValue = vue.computed(() => props.controller.formatValue(fieldValue.value));
@@ -89,6 +90,25 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue3Util.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 vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "data": item,
+        "modelData": modelData,
+        "context": context,
+        "params": params
+      }, null);
+    };
     return {
       ns,
       onCellClick,
@@ -102,7 +122,9 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       codeListValue,
       tooltip,
       zIndex,
-      codeListItems
+      codeListItems,
+      findLayoutPanel,
+      renderPanelItemLayout
     };
   },
   render() {
@@ -117,11 +139,19 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       "zIndex": this.zIndex
     }, null) : null;
     let content = null;
+    const panel = this.findLayoutPanel();
     if (c.isCustomCode) {
       content = vue.createVNode("span", {
         "class": this.ns.e("script"),
         "innerHTML": this.CustomHtml
       }, null);
+    } else if (panel) {
+      content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "data": this.row.data,
+        "modelData": panel,
+        "context": c.context,
+        "params": c.params
+      }, null);
     } else if (c.codeList) {
       content = vue.createVNode(vue.resolveComponent("iBizCodeList"), {
         "class": this.ns.e("text"),

package/lib/control/list/list.cjs

@@ -83,6 +83,15 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
     });
     const infiniteScroll = vue.ref();
     const infiniteScrollKey = vue.ref(qxUtil.createUUID());
+    const defaultOpens = vue.ref();
+    if (c.controlParams.defaultexpandall === "true") {
+      vue.watch(() => c.state.groups, () => {
+        if (c.state.groups.length > 0) {
+          defaultOpens.value = c.state.groups.map((x) => x.key);
+        }
+      });
+      defaultOpens.value = c.state.groups.map((x) => x.key);
+    }
     vue.watch(() => c.state.curPage, () => {
       var _a, _b;
       if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
@@ -129,7 +138,8 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       const panel = props.modelData.itemLayoutPanel;
       return vue.createVNode(vue.resolveComponent("el-collapse-item"), {
         "title": core.showTitle(group.caption),
-        "class": ns.be("group-content", "item")
+        "class": ns.be("group-content", "item"),
+        "name": group.key
       }, {
         default: () => [group.children.length > 0 ? group.children.map((item) => {
           return panel ? renderPanelItem(item, panel) : renderDefaultItem(item);
@@ -142,6 +152,8 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       let _slot;
       if (c.model.enableGroup && !c.state.isSimple) {
         return vue.createVNode(vue.resolveComponent("el-collapse"), {
+          "modelValue": defaultOpens.value,
+          "onUpdate:modelValue": ($event) => defaultOpens.value = $event,
           "class": [ns.b("group-content"), ns.b("content")]
         }, {
           default: () => {

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

@@ -80,9 +80,20 @@ const FilterTreeControl = /* @__PURE__ */ vue.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
   }) {
@@ -144,6 +155,34 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         find.valueOPs.push(filterC.valueOP);
       }
     });
+    const schemaFields = vue.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 = vue.ref();
+    const mode = vue.ref(props.filterMode || "default");
+    const currentCustomCond = vue.ref("");
+    const handleCustomCondChange = (value) => {
+      currentCustomCond.value = value;
+      emit("customCondChange", currentCustomCond.value);
+    };
+    vue.watch(() => props.customCond, () => {
+      currentCustomCond.value = props.customCond;
+    }, {
+      immediate: true
+    });
     const getFilterModes = (fieldName, fieldInfos = allFields) => {
       if (!fieldName) {
         return;
@@ -291,7 +330,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       }, null), editor]);
     };
     let renderFilterItems = (_node) => vue.createVNode("div", null, null);
-    const renderFilterGroup = (node, itemsC) => {
+    const renderFilterGroup = (node, itemsC, root) => {
       if (node.hidden) {
         return;
       }
@@ -306,22 +345,38 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         "text": true,
         "type": "primary",
         "onClick": () => {
+          if (mode.value === "pql") {
+            mode.value = "default";
+            return;
+          }
           addGroup(node);
         }
       }, {
-        default: () => [vue.createTextVNode("\u6DFB\u52A0\u7EC4")]
+        default: () => [mode.value === "pql" ? "\u5207\u6362\u7EC4" : "\u6DFB\u52A0\u7EC4"]
       }), vue.createVNode(vue.resolveComponent("el-button"), {
         "text": true,
         "onClick": () => {
+          if (mode.value === "pql") {
+            mode.value = "default";
+            return;
+          }
           addItem(node);
         }
       }, {
-        default: () => [vue.createTextVNode("\u6DFB\u52A0\u9879")]
+        default: () => [mode.value === "pql" ? "\u5207\u6362\u9879" : "\u6DFB\u52A0\u9879"]
+      }), root && isInSearchBar.value && vue.createVNode(vue.resolveComponent("el-button"), {
+        "text": true,
+        "onClick": () => {
+          mode.value = "pql";
+        }
+      }, {
+        default: () => [vue.createTextVNode("\u6DFB\u52A0PQL")]
       }), vue.createVNode(vue.resolveComponent("el-select"), {
         "model-value": node.logicType,
         "teleported": false,
         "class": ns.be("group", "logic-type"),
         "onChange": (logicType) => {
+          mode.value = "default";
           onGroupLogicTypeChange(node, logicType);
         }
       }, {
@@ -334,7 +389,15 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
           "value": "OR",
           "label": "OR"
         }, null)]
-      })]), vue.createVNode("div", {
+      })]), mode.value === "pql" && vue.createVNode("div", {
+        "class": ns.be("group", "editor")
+      }, [vue.createVNode(vue.resolveComponent("iBizPqlEditor"), {
+        "ref": "pqlEditor",
+        "value": currentCustomCond.value,
+        "fields": schemaFields.value,
+        "context": props.context,
+        "onChange": handleCustomCondChange
+      }, null)]), mode.value !== "pql" && vue.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);
@@ -418,7 +481,17 @@ const FilterTreeControl = /* @__PURE__ */ vue.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");
@@ -430,7 +503,8 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       onConfirm,
       onCancel,
       isInSearchBar,
-      UiFilterNodes
+      UiFilterNodes,
+      pqlEditor
     };
   },
   render() {
@@ -441,7 +515,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       if (node.nodeType === "FIELD") {
         return this.renderFilterItem(node);
       }
-      return this.renderFilterGroup(node);
+      return this.renderFilterGroup(node, void 0, true);
     }), vue.createVNode("div", {
       "class": this.ns.b("footer")
     }, [vue.createVNode(vue.resolveComponent("el-button"), {

package/lib/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/lib/control/search-bar/search-bar.cjs

@@ -70,7 +70,15 @@ const SearchBarControl = /* @__PURE__ */ vue.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();
@@ -78,6 +86,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
           },
           "onCancel": () => {
             c.resetFilter();
+            c.state.customCond = "";
           }
         }, null);
       }, void 0, {

package/lib/control/tree-grid/tree-grid.cjs

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

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.cjs

@@ -24,16 +24,11 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("tree-grid-ex-field-column");
-    const fieldValue = vue.ref();
-    vue.watch(() => props.row.data, () => {
+    const fieldValue = vue.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 = vue.computed(() => {
       return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);

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

@@ -19,13 +19,24 @@ class CheckBoxListEditorController extends runtime.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/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs

@@ -158,7 +158,8 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     let _slot;
     return vue.createVNode("div", {
       "ref": "editorRef",
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
+      "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 : vue.createVNode(vue.resolveComponent("el-checkbox-group"), vue.mergeProps({
       "model-value": this.selectArray,
       "onChange": this.onSelectArrayChange

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

@@ -312,7 +312,7 @@ const IBizDropdown = /* @__PURE__ */ vue.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/lib/editor/html/wang-editor/wang-editor.cjs

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

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -87,7 +87,8 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
   render() {
     let _slot;
     return vue.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 : vue.createVNode(vue.resolveComponent("el-radio-group"), vue.mergeProps({
       "class": this.ns.e("group"),

package/lib/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/lib/editor/radio-button-list/radio-button-list.controller.cjs

@@ -3,7 +3,30 @@
 var runtime = require('@ibiz-template/runtime');
 
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class RadioButtonListEditorController extends runtime.CodeListEditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 单选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    __publicField(this, "rowNumber");
+  }
+  async onInit() {
+    var _a;
+    super.onInit();
+    if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
+      this.rowNumber = Number(this.editorParams.rowNumber);
+    }
+  }
 }
 
 exports.RadioButtonListEditorController = RadioButtonListEditorController;

package/lib/editor/span/span/span.cjs

@@ -151,8 +151,9 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
     } else {
       content = "- - -";
     }
+    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return vue.createVNode("span", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("is-ellipsis", isEllipsis)],
       "ref": "editorRef"
     }, [content]);
   }

package/lib/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-span.is-is-ellipsis{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/interface/i-pql-item.cjs

@@ -0,0 +1,3 @@
+'use strict';
+
+"use strict";

package/lib/interface/i-pql-node.cjs

@@ -0,0 +1,3 @@
+'use strict';
+
+"use strict";

package/lib/interface/i-schema-field.cjs

@@ -0,0 +1,3 @@
+'use strict';
+
+"use strict";

package/lib/interface/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+require('./i-schema-field.cjs');
+require('./i-pql-node.cjs');
+require('./i-pql-item.cjs');
+
+"use strict";

package/lib/locale/en/index.cjs

@@ -77,10 +77,7 @@ var index = {
     refreshPagePrompt: "The data has been modified. Do you want to refresh the page?",
     refreshRemind: "Refresh reminder",
     confirmRefreshPrompt: "The form data has been modified. Are you sure you want to refresh it?",
-    missingErr: "context missing srfpaginationviewid",
-    noFoundViewId: "Cannot find the view whose id is {id}",
-    firstPieceOfData: "This is already the first piece of data",
-    lastPieceOfData: "This is already the last piece of data",
+    missingErr: "context missing srfnavctrlid",
     subclassAchieve: "Subclass implementation",
     missingConfigErr: "Missing configuration for a list component called simplelist",
     noFoundLayoutOccupied: "No tabexppanel layout placeholders found",
@@ -307,7 +304,7 @@ var index = {
     },
     chart: {
       chartPlaceholder: "Chart",
-      drillDown: "DrillDown"
+      drillDetail: "drillDetail"
     },
     dashboard: {
       customDashboardContainer: {
@@ -509,7 +506,10 @@ var index = {
       wangEditor: {
         customTips: "Custom tip",
         emoji: "Emoji"
-      }
+      },
+      enableedit: "Enable edit",
+      expand: "Expand",
+      reduce: "Reduce"
     },
     markdown: {
       uploadJsonFormatErr: "The configuration of uploadparams did not follow the standard JSON format",