@ibiz-template/vue3-components 0.7.40 → 0.7.41-alpha.0

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

@@ -0,0 +1,292 @@
+import { isVNode, ref, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
+import { isArray, isString } from 'lodash-es';
+import './ibiz-tree-picker.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizTreePicker = /* @__PURE__ */ defineComponent({
+  name: "IBizTreePicker",
+  props: getDropdownProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("tree-picker");
+    const c = props.controller;
+    const editorModel = c.model;
+    const items = ref([]);
+    const codeListItems = ref([]);
+    const isLoadedCodeList = ref(false);
+    const treeNodes = ref([]);
+    const defaultCheckedKeys = ref([]);
+    const isLoading = ref(false);
+    const codeItemValueNumber = ref(false);
+    const filterText = ref("");
+    const treeRef = ref();
+    const isCancel = ref(true);
+    const allExpand = ref(false);
+    const expandedKeys = ref([]);
+    const valueSeparator = c.model.valueSeparator || ",";
+    let showToolbar = false;
+    if (editorModel.editorParams) {
+      const {
+        editorParams
+      } = editorModel;
+      if (editorParams.showtoolbar)
+        showToolbar = editorParams.showtoolbar === "true";
+    }
+    const handleExpand = (_key, state) => {
+      var _a;
+      const treeNode = (_a = treeRef.value) == null ? void 0 : _a.getNode(_key);
+      if (treeNode.isLeaf)
+        return;
+      if (state) {
+        treeNode.expand();
+      } else {
+        treeNode.collapse();
+      }
+    };
+    const handleTreeNodes = (nodes) => {
+      if (nodes.length === 0) {
+        return [];
+      }
+      const list = [];
+      nodes.forEach((codeItem) => {
+        var _a;
+        const index = codeListItems.value.findIndex((_item) => {
+          return _item.value === codeItem.value;
+        });
+        if (index === -1) {
+          codeListItems.value.push(codeItem);
+        }
+        const tempObj = {
+          label: codeItem.text,
+          value: (_a = codeItem.value) == null ? void 0 : _a.toString(),
+          color: codeItem == null ? void 0 : codeItem.color,
+          textCls: codeItem == null ? void 0 : codeItem.textCls,
+          sysImage: codeItem.sysImage,
+          disabled: codeItem.disableSelect === true,
+          children: []
+        };
+        if (codeItem.children && codeItem.children.length > 0) {
+          tempObj.children = handleTreeNodes(codeItem.children);
+        }
+        list.push(tempObj);
+      });
+      return list;
+    };
+    const afterLoadCodeList = (codeList) => {
+      items.value = [];
+      codeListItems.value = [];
+      let tempCodeList = codeList;
+      if (c.multiple && !tempCodeList.some((item) => item.children)) {
+        tempCodeList = c.handleCodeListAllItems(tempCodeList);
+      }
+      items.value = tempCodeList;
+      for (let i = 0; i < items.value.length; i++) {
+        const _item = items.value[i];
+        if (_item.children) {
+          treeNodes.value = handleTreeNodes(tempCodeList);
+          break;
+        }
+      }
+    };
+    const loadCodeList = async () => {
+      if (c.model.appCodeListId) {
+        const app = ibiz.hub.getApp(c.context.srfappid);
+        const codeListModel = app.codeList.getCodeList(c.model.appCodeListId);
+        if (codeListModel) {
+          codeItemValueNumber.value = codeListModel.codeItemValueNumber || false;
+        }
+      }
+      isLoading.value = true;
+      const codeList = await c.loadCodeList(props.data);
+      afterLoadCodeList(codeList);
+      isLoadedCodeList.value = true;
+      isLoading.value = false;
+    };
+    watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal) {
+        let val = [];
+        if (!isLoadedCodeList.value && oldVal === void 0) {
+          await loadCodeList();
+        }
+        if (isArray(newVal)) {
+          val = newVal;
+        } else if (isString(newVal)) {
+          val = newVal.split(valueSeparator);
+        }
+        defaultCheckedKeys.value = val.filter((_key) => codeListItems.value.find((item) => item.value === _key && item.isLeaf));
+      }
+    }, {
+      immediate: true
+    });
+    const onChange = (values) => {
+      let selectArr = null;
+      if (c.model.valueType === "SIMPLES") {
+        selectArr = values;
+      } else {
+        selectArr = values.join(valueSeparator);
+      }
+      emit("change", selectArr);
+    };
+    const customNodeClass = (data) => {
+      return data.children.length ? ns.e("branch-node") : null;
+    };
+    const fn = (data) => {
+      if (data)
+        afterLoadCodeList(data);
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
+    onMounted(() => {
+      loadCodeList();
+    });
+    const filterNode = (value, data) => {
+      if (!value)
+        return true;
+      return data.label && data.label.includes(value);
+    };
+    watch(filterText, (val) => {
+      var _a;
+      (_a = treeRef.value) == null ? void 0 : _a.filter(val);
+    });
+    const handleExpandSwitch = (state = true) => {
+      codeListItems.value.forEach((item) => {
+        if (item.children && item.children.length > 0) {
+          handleExpand(item.value, state);
+        }
+      });
+    };
+    const onAllExpand = () => {
+      allExpand.value = true;
+      handleExpandSwitch();
+    };
+    const onAllCollapse = () => {
+      allExpand.value = false;
+      handleExpandSwitch(false);
+    };
+    const onAllSelect = () => {
+      var _a, _b;
+      const checkedKeys = (_a = codeListItems.value) == null ? void 0 : _a.map((item) => item.value);
+      handleExpandSwitch(allExpand.value);
+      (_b = treeRef.value) == null ? void 0 : _b.setCheckedKeys(checkedKeys);
+      onChange(checkedKeys);
+    };
+    const onAllCancel = () => {
+      var _a;
+      handleExpandSwitch(allExpand.value);
+      (_a = treeRef.value) == null ? void 0 : _a.setCheckedKeys([]);
+      onChange([]);
+    };
+    const onCheck = (...args) => {
+      if (args[1]) {
+        const {
+          checkedKeys,
+          halfCheckedKeys
+        } = args[1];
+        const combinedKeys = [...halfCheckedKeys, ...checkedKeys];
+        const filterArr = combinedKeys.filter((value, index, self) => {
+          return self.indexOf(value) === index;
+        });
+        onChange(filterArr);
+      }
+    };
+    const onNodeExpand = (...args) => {
+      if (args[0] && args[0].value) {
+        expandedKeys.value.push(args[0].value);
+      }
+    };
+    const onNodeCollapse = (...args) => {
+      if (args[0] && args[0].value) {
+        const index = expandedKeys.value.findIndex((_key) => args[0].value === _key);
+        if (index !== -1) {
+          expandedKeys.value.splice(index, 1);
+        }
+      }
+    };
+    return {
+      ns,
+      c,
+      items,
+      treeRef,
+      filterText,
+      treeNodes,
+      isCancel,
+      defaultCheckedKeys,
+      expandedKeys,
+      showToolbar,
+      onNodeExpand,
+      onNodeCollapse,
+      filterNode,
+      customNodeClass,
+      onAllExpand,
+      onAllCollapse,
+      onAllSelect,
+      onAllCancel,
+      onCheck
+    };
+  },
+  render() {
+    const isReadonly = this.readonly || this.disabled;
+    const content = [createVNode("div", {
+      "class": [this.ns.e("search")]
+    }, [createVNode(resolveComponent("el-input"), {
+      "modelValue": this.filterText,
+      "onUpdate:modelValue": ($event) => this.filterText = $event,
+      "placeholder": this.c.placeHolder || " "
+    }, null)]), createVNode("div", {
+      "class": [this.ns.e("tree")]
+    }, [createVNode(resolveComponent("el-tree"), {
+      "ref": "treeRef",
+      "class": this.ns.b("tree"),
+      "data": this.treeNodes,
+      "node-key": "value",
+      "props": {
+        children: "children",
+        label: "label",
+        class: this.customNodeClass
+      },
+      "show-checkbox": !isReadonly,
+      "default-checked-keys": this.defaultCheckedKeys,
+      "default-expanded-keys": this.expandedKeys,
+      "filter-node-method": this.filterNode,
+      "onNodeExpand": this.onNodeExpand,
+      "onNodeCollapse": this.onNodeCollapse,
+      "onCheck": this.onCheck
+    }, null)])];
+    if (!isReadonly && this.showToolbar) {
+      let _slot, _slot2, _slot3, _slot4;
+      content.unshift(...[createVNode("div", {
+        "class": [this.ns.e("header")]
+      }, [createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllSelect
+      }, _isSlot(_slot = ibiz.i18n.t("editor.treePicker.allowAll")) ? _slot : {
+        default: () => [_slot]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllCancel
+      }, _isSlot(_slot2 = ibiz.i18n.t("editor.treePicker.allProhibited")) ? _slot2 : {
+        default: () => [_slot2]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllExpand
+      }, _isSlot(_slot3 = ibiz.i18n.t("editor.treePicker.expandAll")) ? _slot3 : {
+        default: () => [_slot3]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllCollapse
+      }, _isSlot(_slot4 = ibiz.i18n.t("editor.treePicker.collapseAll")) ? _slot4 : {
+        default: () => [_slot4]
+      })])]);
+    }
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [content]);
+  }
+});
+
+export { IBizTreePicker };

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

@@ -1,5 +1,6 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown';
 export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker';
 export { IBizVirtualizedList } from './ibiz-virtualized-list/ibiz-virtualized-list';
+export { IBizTreePicker } from './ibiz-tree-picker/ibiz-tree-picker';
 export * from './dropdown-list-editor.controller';
 export * from './dropdown-list-editor.provider';

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

@@ -1,6 +1,7 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown.mjs';
 export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker.mjs';
 export { IBizVirtualizedList } from './ibiz-virtualized-list/ibiz-virtualized-list.mjs';
+export { IBizTreePicker } from './ibiz-tree-picker/ibiz-tree-picker.mjs';
 export { DropDownListEditorController } from './dropdown-list-editor.controller.mjs';
 export { DropDownListEditorProvider } from './dropdown-list-editor.provider.mjs';
 

package/es/editor/index.mjs

@@ -38,6 +38,7 @@ import { IBizInputNumber } from './text-box/ibiz-input-number/ibiz-input-number.
 import { IBizInputIP } from './text-box/ibiz-input-ip/ibiz-input-ip.mjs';
 import { IBizDropdown } from './dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs';
 import { IBizEmojiPicker } from './dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs';
+import { IBizTreePicker } from './dropdown-list/ibiz-tree-picker/ibiz-tree-picker.mjs';
 import { IBizCheckbox } from './check-box/ibiz-checkbox/ibiz-checkbox.mjs';
 import { IBizCheckboxList } from './check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs';
 import { IBizRadio } from './radio-button-list/ibiz-radio/ibiz-radio.mjs';
@@ -59,6 +60,7 @@ import { IBizPickerDropDown } from './data-picker/ibiz-picker-dropdown/ibiz-pick
 import { IBizPickerLink } from './data-picker/ibiz-picker-link/ibiz-picker-link.mjs';
 import { IBizPickerEmbedView } from './data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.mjs';
 import { IBizPickerSelectView } from './data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs';
+import { IBizTransferPicker } from './data-picker/ibiz-transfer-picker/ibiz-transfer-picker.mjs';
 import { IBizNumberRangePicker } from './number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs';
 import { IBizDateRangePicker } from './date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs';
 import { IBizCode } from './code/monaco-editor/monaco-editor.mjs';
@@ -112,6 +114,7 @@ const IBizEditor = {
     v.component(IBizInputIP.name, IBizInputIP);
     v.component(IBizDropdown.name, IBizDropdown);
     v.component(IBizEmojiPicker.name, IBizEmojiPicker);
+    v.component(IBizTreePicker.name, IBizTreePicker);
     v.component(IBizCheckbox.name, IBizCheckbox);
     v.component(IBizCheckboxList.name, IBizCheckboxList);
     v.component(IBizRadio.name, IBizRadio);
@@ -133,6 +136,7 @@ const IBizEditor = {
     v.component(IBizPickerLink.name, IBizPickerLink);
     v.component(IBizPickerEmbedView.name, IBizPickerEmbedView);
     v.component(IBizPickerSelectView.name, IBizPickerSelectView);
+    v.component(IBizTransferPicker.name, IBizTransferPicker);
     v.component(IBizNumberRangePicker.name, IBizNumberRangePicker);
     v.component(IBizDateRangePicker.name, IBizDateRangePicker);
     v.component(IBizCode.name, IBizCode);
@@ -205,6 +209,10 @@ const IBizEditor = {
       "DROPDOWNLIST_EMOJI_PICKER",
       () => new DropDownListEditorProvider("EMOJI_PICKER")
     );
+    registerEditorProvider(
+      "MDROPDOWNLIST_TREE_PICKER",
+      () => new DropDownListEditorProvider("TREE_PICKER")
+    );
     registerEditorProvider(
       "DROPDOWNLIST_VIRTUALIZED_LIST",
       () => new DropDownListEditorProvider("VIRTUALIZED_LIST")
@@ -317,6 +325,10 @@ const IBizEditor = {
       "PICKER",
       () => new DataPickerEditorProvider("PICKER")
     );
+    registerEditorProvider(
+      "PICKER_TRANSFER_PICKER",
+      () => new DataPickerEditorProvider("TRANSFER_PICKER")
+    );
     registerEditorProvider(
       "PICKEREX_NOAC",
       () => new DataPickerEditorProvider("PICKEREX_NOAC")

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

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

package/es/locale/en/index.d.ts

@@ -1404,6 +1404,16 @@ declare const _default: {
             title: string;
             searchPlaceholder: string;
         };
+        transferPicker: {
+            optionalList: string;
+            selectedList: string;
+        };
+        treePicker: {
+            allowAll: string;
+            allProhibited: string;
+            expandAll: string;
+            collapseAll: string;
+        };
     };
     panelComponent: {
         authUserinfo: {

package/es/locale/en/index.mjs

@@ -678,6 +678,16 @@ var index = {
     mapPicker: {
       title: "Please select an address",
       searchPlaceholder: "Please enter a keyword to select a location"
+    },
+    transferPicker: {
+      optionalList: "Optional list",
+      selectedList: "Selected list"
+    },
+    treePicker: {
+      allowAll: "Allow all",
+      allProhibited: "All prohibited",
+      expandAll: "Expand all",
+      collapseAll: "Collapse all"
     }
   },
   panelComponent: {

package/es/locale/zh-CN/index.d.ts

@@ -1399,6 +1399,16 @@ declare const _default: {
             title: string;
             searchPlaceholder: string;
         };
+        transferPicker: {
+            optionalList: string;
+            selectedList: string;
+        };
+        treePicker: {
+            allowAll: string;
+            allProhibited: string;
+            expandAll: string;
+            collapseAll: string;
+        };
     };
     panelComponent: {
         authUserinfo: {

package/es/locale/zh-CN/index.mjs

@@ -674,6 +674,16 @@ var index = {
     mapPicker: {
       title: "\u8BF7\u9009\u62E9\u5730\u5740",
       searchPlaceholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u9009\u62E9\u5730\u70B9"
+    },
+    transferPicker: {
+      optionalList: "\u53EF\u9009\u5217\u8868",
+      selectedList: "\u5DF2\u9009\u5217\u8868"
+    },
+    treePicker: {
+      allowAll: "\u5168\u90E8\u5141\u8BB8",
+      allProhibited: "\u5168\u90E8\u7981\u6B62",
+      expandAll: "\u5168\u90E8\u5C55\u5F00",
+      collapseAll: "\u5168\u90E8\u6536\u8D77"
     }
   },
   panelComponent: {

package/es/panel-component/app-switch/app-switch.controller.mjs

@@ -145,7 +145,7 @@ class AppSwitchController extends PanelItemController {
   async loadAppsWithUtil() {
     const result = [];
     if (!this.util) {
-      const app = ibiz.hub.getApp(this.context.srfappid);
+      const app = ibiz.hub.getApp(ibiz.env.appId);
       const hubAppUtil = app.getAppUtil("HUBAPP", "CUSTOM");
       if (!hubAppUtil) {
         return result;
@@ -156,7 +156,17 @@ class AppSwitchController extends PanelItemController {
     if (!data || data.length === 0) {
       return result;
     }
+    const defaultAppModel = ibiz.hub.getAppSourceModel(ibiz.env.appId);
+    const allPSSubAppRefs = defaultAppModel.getAllPSSubAppRefs;
     for (let i = 0; i < data.length; i++) {
+      if (data[i].id !== ibiz.env.appId && !/^[0-9a-zA-Z]+__[0-9a-zA-Z]+__[0-9a-zA-Z]+$/.test(data[i].id)) {
+        const targetSubAppRef = allPSSubAppRefs.find((subAppRef) => {
+          return subAppRef.id.endsWith(data[i].id);
+        });
+        if (targetSubAppRef) {
+          data[i].id = targetSubAppRef.id;
+        }
+      }
       result.push({
         // 应用标识@首页视图标识
         id: "".concat(data[i].id, "@").concat(data[i].indexViewName.toLowerCase()),

package/es/panel-component/panel-tab-panel/panel-tab-panel.css

@@ -1 +1 @@
-.ibiz-panel-tab-panel{width:100%;height:100%}.ibiz-panel-tab-panel>.el-tabs__header{margin-bottom:0}.ibiz-panel-tab-panel>.el-tabs__content{height:calc(100% - var(--el-tabs-header-height));overflow:auto}
+.ibiz-panel-tab-panel{width:100%;height:100%}.ibiz-panel-tab-panel>.el-tabs__header{height:var(--el-tabs-header-height);margin-bottom:0}.ibiz-panel-tab-panel>.el-tabs__content{height:calc(100% - var(--el-tabs-header-height));overflow:auto}

package/es/panel-component/searchform-buttons/searchform-buttons.css

@@ -1 +1 @@
-.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;display:flex;gap:var(--ibiz-spacing-tight);align-items:center;height:var(--ibiz-searchform-buttons-height);margin-top:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-tight)}.ibiz-searchform-buttons .el-button+.el-button{margin-left:0}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:var(--ibiz-spacing-base-tight);right:0;display:none;font-size:var(--ibiz-font-size-header-5)}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}
+.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;display:flex;gap:var(--ibiz-spacing-tight);align-items:center;height:var(--ibiz-searchform-buttons-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-tight)}.ibiz-searchform-buttons .el-button+.el-button{margin-left:0}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:var(--ibiz-spacing-base-tight);right:0;display:none;font-size:var(--ibiz-font-size-header-5)}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}

package/lib/control/drbar/drbar.controller.cjs

@@ -303,6 +303,7 @@ class DRBarController extends runtime.ControlController {
    * @memberof DRBarController
    */
   initDRBarItems() {
+    var _a;
     const { dedrctrlItems, dedrbarGroups } = this.model;
     const drBarItems = [];
     if (!this.state.hideEditItem) {
@@ -324,7 +325,7 @@ class DRBarController extends runtime.ControlController {
         caption,
         disabled: false,
         sysImage: editItemSysImage,
-        fullPath: this.router.currentRoute.value.fullPath
+        fullPath: (_a = this.router) == null ? void 0 : _a.currentRoute.value.fullPath
       });
       this.state.defaultItem = uniqueTag;
     }
@@ -356,11 +357,11 @@ class DRBarController extends runtime.ControlController {
         });
       } else {
         dedrbarGroups.forEach((group) => {
-          var _a;
+          var _a2;
           const groupItems = dedrctrlItems.filter(
             (item) => item.dedrbarGroupId === group.id
           );
-          if (groupItems.length > 1 || ((_a = this.controlParams) == null ? void 0 : _a.singleitemgroup) === "true" && groupItems.length === 1) {
+          if (groupItems.length > 1 || ((_a2 = this.controlParams) == null ? void 0 : _a2.singleitemgroup) === "true" && groupItems.length === 1) {
             let itemCaption = group.caption;
             if (group.capLanguageRes) {
               itemCaption = ibiz.i18n.t(

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

@@ -511,11 +511,57 @@ function useAppGridBase(c, props) {
     }
     return state.rows.map((row) => row.data);
   });
+  const calcGroupColumns = (groupColumn) => {
+    const result = { ...groupColumn };
+    const columns = [];
+    const degridColumns = groupColumn.degridColumns || [];
+    degridColumns.forEach((column) => {
+      var _a, _b;
+      if (column.columnType === "GROUPGRIDCOLUMN") {
+        const children = calcGroupColumns(column);
+        if (children.degridColumns && children.degridColumns.length) {
+          columns.push(children);
+        }
+      } else {
+        const columnState = c.state.columnStates.find(
+          (item) => item.key === column.codeName
+        );
+        if (columnState && !columnState.hidden) {
+          const columnModel = ((_a = c.fieldColumns[columnState.key]) == null ? void 0 : _a.model) || ((_b = c.uaColumns[columnState.key]) == null ? void 0 : _b.model);
+          if (columnModel) {
+            columns.push(columnModel);
+          }
+        }
+      }
+    });
+    result.degridColumns = columns;
+    return result;
+  };
   const renderColumns = vue.computed(() => {
+    const columns = [];
     if (c.isMultistageHeader) {
-      return c.model.degridColumns || [];
+      const degridColumns = c.model.degridColumns || [];
+      degridColumns.forEach((column) => {
+        var _a, _b;
+        if (column.columnType === "GROUPGRIDCOLUMN") {
+          const groupColumn = calcGroupColumns(column);
+          if (groupColumn.degridColumns && groupColumn.degridColumns.length) {
+            columns.push(groupColumn);
+          }
+        } else {
+          const columnState = c.state.columnStates.find(
+            (item) => item.key === column.codeName
+          );
+          if (columnState && !columnState.hidden) {
+            const columnModel = ((_a = c.fieldColumns[columnState.key]) == null ? void 0 : _a.model) || ((_b = c.uaColumns[columnState.key]) == null ? void 0 : _b.model);
+            if (columnModel) {
+              columns.push(columnModel);
+            }
+          }
+        }
+      });
+      return columns;
     }
-    const columns = [];
     c.state.columnStates.forEach((item) => {
       var _a, _b;
       if (item.hidden) {

package/lib/control/grid/row-edit-popover/row-edit-popover.css

@@ -1 +1 @@
-.ibiz-row-edit-popover{position:absolute;z-index:2;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-row-edit-popover.is-hidden{top:-9999px;left:-9999px;z-index:-9999}.ibiz-row-edit-popover::before{position:absolute;top:0;left:-50px;width:0;height:0;content:"";border-color:transparent var(--ibiz-control-grid-row-edit-bg-color) transparent transparent;border-style:solid;border-width:0 50px 50px 0}.ibiz-row-edit-popover::after{position:absolute;top:0;right:-50px;width:0;height:0;content:"";border-color:transparent transparent transparent var(--ibiz-control-grid-row-edit-bg-color);border-style:solid;border-width:0 0 50px 50px}.row-edit-popover__placeholder{height:50px}
+.ibiz-row-edit-popover{position:absolute;z-index:2;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);white-space:nowrap;background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-row-edit-popover.is-hidden{top:-9999px;left:-9999px;z-index:-9999}.ibiz-row-edit-popover::before{position:absolute;top:0;left:-50px;width:0;height:0;content:"";border-color:transparent var(--ibiz-control-grid-row-edit-bg-color) transparent transparent;border-style:solid;border-width:0 50px 50px 0}.ibiz-row-edit-popover::after{position:absolute;top:0;right:-50px;width:0;height:0;content:"";border-color:transparent transparent transparent var(--ibiz-control-grid-row-edit-bg-color);border-style:solid;border-width:0 0 50px 50px}.row-edit-popover__placeholder{height:50px}

package/lib/editor/data-picker/ibiz-transfer-picker/components/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var transfer = require('./transfer/transfer.cjs');
+
+"use strict";
+
+exports.TransferSelect = transfer.TransferSelect;

package/lib/editor/data-picker/ibiz-transfer-picker/components/transfer/icon.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+const arrowLeft = () => vue.createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+}, null)]);
+const arrowRight = () => vue.createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+}, null)]);
+
+exports.arrowLeft = arrowLeft;
+exports.arrowRight = arrowRight;