@ibiz-template/vue3-components 0.7.38-alpha.12 → 0.7.38-alpha.31

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

@@ -4,9 +4,9 @@ import { ScriptFactory, GridController } from '@ibiz-template/runtime';
 import { NOOP } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
 import { useITableEvent, useGridHeaderStyle, useGridDraggable, useAppGridBase } from './grid-control.util.mjs';
-import './grid.css';
 import { useRowEditPopover } from '../row-edit-popover/use-row-edit-popover.mjs';
 import '../../../util/index.mjs';
+import './grid.css';
 import { usePagination } from '../../../util/pagination/use-pagination.mjs';
 
 "use strict";
@@ -35,11 +35,12 @@ function renderColumn(c, model, renderColumns, index) {
   const columnState = c.state.columnStates.find((item) => item.key === columnName);
   const widthFlexGrow = columnC.isAdaptiveColumn || !c.hasAdaptiveColumn && index === renderColumns.length - 1;
   const widthName = widthFlexGrow ? "min-width" : "width";
+  const tempWidth = (columnState == null ? void 0 : columnState.columnWidth) || width;
   return createVNode(resolveComponent("el-table-column"), mergeProps({
     "label": model.caption,
     "prop": columnName
   }, {
-    [widthName]: width
+    [widthName]: tempWidth
   }, {
     "fixed": columnState.fixed,
     "sortable": model.enableSort ? "custom" : false,
@@ -163,7 +164,9 @@ const GridControl = /* @__PURE__ */ defineComponent({
       onSelectionChange,
       onSortChange,
       handleRowClassName,
-      handleHeaderCellClassName
+      handleHeaderCellClassName,
+      cleanKeyDown = NOOP,
+      cleanKeyUp = NOOP
     } = useITableEvent(c);
     const {
       onPageChange,
@@ -278,6 +281,12 @@ const GridControl = /* @__PURE__ */ defineComponent({
       if (cleanup !== NOOP) {
         cleanup();
       }
+      if (cleanKeyDown !== NOOP) {
+        cleanKeyDown();
+      }
+      if (cleanKeyUp !== NOOP) {
+        cleanKeyUp();
+      }
     });
     const isLodeMoreDisabled = computed(() => {
       if (c.model.pagingMode !== 2) {
@@ -335,77 +344,81 @@ const GridControl = /* @__PURE__ */ defineComponent({
     }
     const state = this.c.state;
     const defaultExpandAll = this.c.controlParams.defaultexpandall === "true";
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
-      "controller": this.c,
-      "style": this.headerCssVars
+    return createVNode(resolveComponent("iBizControlNavigation"), {
+      "controller": this.c
     }, {
-      default: () => [createVNode(resolveComponent("el-table"), mergeProps({
-        "ref": "tableRef",
-        "class": this.ns.e("table"),
-        "default-sort": this.defaultSort,
-        "border": true,
-        "show-header": !this.c.state.hideHeader,
-        "show-summary": this.c.enableAgg,
-        "summary-method": this.summaryMethod,
-        "highlight-current-row": state.singleSelect,
-        "row-class-name": this.handleRowClassName,
-        "header-cell-class-name": this.handleHeaderCellClassName,
-        "row-key": "tempsrfkey",
-        "data": this.tableData,
-        "default-expand-all": defaultExpandAll,
-        "span-method": this.spanMethod,
-        "onRowClick": this.onRowClick,
-        "onRowDblclick": this.onDbRowClick,
-        "onSelectionChange": this.onSelectionChange,
-        "onSortChange": this.onSortChange,
-        "onHeaderDragend": this.headerDragend,
-        "tooltip-effect": "light",
-        "scrollbar-always-on": true
-      }, this.$attrs, renderAttrs(this.c.model, {
-        ...this.c.getEventArgs()
-      })), {
-        empty: this.renderNoData,
-        default: () => {
-          return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && createVNode(resolveComponent("el-table-column"), {
-            "class-name": this.ns.e("selection"),
-            "type": "selection",
-            "width": "55"
-          }, null), this.renderColumns.map((model, index) => {
-            return this.renderTableColumn(model, index);
-          })];
-        },
-        append: () => {
-          let _slot;
-          return [withDirectives(createVNode("div", {
-            "ref": "infiniteScroll",
-            "key": this.infiniteScrollKey,
-            "infinite-scroll-distance": 10,
-            "infinite-scroll-disabled": this.isLodeMoreDisabled
-          }, null), [[resolveDirective("infinite-scroll"), () => this.c.loadMore()]]), this.c.model.pagingMode === 3 && !(this.c.state.items.length >= this.c.state.total || this.c.state.isLoading || this.c.state.total <= this.c.state.size) && createVNode("div", {
-            "class": this.ns.e("load-more-button")
-          }, [createVNode(resolveComponent("el-button"), {
-            "text": true,
-            "onClick": () => this.c.loadMore()
-          }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
-            default: () => [_slot]
-          })]), this.renderPopover()];
-        }
-      }), this.c.state.enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
-        "total": state.total,
-        "curPage": state.curPage,
-        "size": state.size,
-        "totalPages": state.totalPages,
-        "onChange": this.onPageChange,
-        "popperClass": "".concat(this.sysCssName, "--popper"),
-        "onPageSizeChange": this.onPageSizeChange,
-        "onPageRefresh": this.onPageRefresh
-      }, null), this.c.model.enableCustomized && !this.c.state.hideHeader && createVNode("div", {
-        "class": this.ns.b("setting-box")
-      }, [createVNode(resolveComponent("iBizGridSetting"), {
-        "columnStates": state.columnStates,
-        "controller": this.c
-      }, null)]), this.renderBatchToolBar()]
+      default: () => [createVNode(resolveComponent("iBizControlBase"), {
+        "class": [this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
+        "controller": this.c,
+        "style": this.headerCssVars
+      }, {
+        default: () => [createVNode(resolveComponent("el-table"), mergeProps({
+          "ref": "tableRef",
+          "class": this.ns.e("table"),
+          "default-sort": this.defaultSort,
+          "border": true,
+          "show-header": !this.c.state.hideHeader,
+          "show-summary": this.c.enableAgg,
+          "summary-method": this.summaryMethod,
+          "highlight-current-row": state.singleSelect,
+          "row-class-name": this.handleRowClassName,
+          "header-cell-class-name": this.handleHeaderCellClassName,
+          "row-key": "tempsrfkey",
+          "data": this.tableData,
+          "default-expand-all": defaultExpandAll,
+          "span-method": this.spanMethod,
+          "onRowClick": this.onRowClick,
+          "onRowDblclick": this.onDbRowClick,
+          "onSelectionChange": this.onSelectionChange,
+          "onSortChange": this.onSortChange,
+          "onHeaderDragend": this.headerDragend,
+          "tooltip-effect": "light",
+          "scrollbar-always-on": true
+        }, this.$attrs, renderAttrs(this.c.model, {
+          ...this.c.getEventArgs()
+        })), {
+          empty: this.renderNoData,
+          default: () => {
+            return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && createVNode(resolveComponent("el-table-column"), {
+              "class-name": this.ns.e("selection"),
+              "type": "selection",
+              "width": "55"
+            }, null), this.renderColumns.map((model, index) => {
+              return this.renderTableColumn(model, index);
+            })];
+          },
+          append: () => {
+            let _slot;
+            return [withDirectives(createVNode("div", {
+              "ref": "infiniteScroll",
+              "key": this.infiniteScrollKey,
+              "infinite-scroll-distance": 10,
+              "infinite-scroll-disabled": this.isLodeMoreDisabled
+            }, null), [[resolveDirective("infinite-scroll"), () => this.c.loadMore()]]), this.c.model.pagingMode === 3 && !(this.c.state.items.length >= this.c.state.total || this.c.state.isLoading || this.c.state.total <= this.c.state.size) && createVNode("div", {
+              "class": this.ns.e("load-more-button")
+            }, [createVNode(resolveComponent("el-button"), {
+              "text": true,
+              "onClick": () => this.c.loadMore()
+            }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
+              default: () => [_slot]
+            })]), this.renderPopover()];
+          }
+        }), this.c.state.enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
+          "total": state.total,
+          "curPage": state.curPage,
+          "size": state.size,
+          "totalPages": state.totalPages,
+          "onChange": this.onPageChange,
+          "popperClass": "".concat(this.sysCssName, "--popper"),
+          "onPageSizeChange": this.onPageSizeChange,
+          "onPageRefresh": this.onPageRefresh
+        }, null), this.c.model.enableCustomized && !this.c.state.hideHeader && createVNode("div", {
+          "class": this.ns.b("setting-box")
+        }, [createVNode(resolveComponent("iBizGridSetting"), {
+          "columnStates": state.columnStates,
+          "controller": this.c
+        }, null)]), this.renderBatchToolBar()]
+      })]
     });
   }
 });

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

@@ -25,6 +25,7 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
     tooltip: import("vue").ComputedRef<string | undefined>;
     zIndex: number | undefined;
     codeListItems: Ref<readonly IData[]>;
+    hiddenEmpty: import("vue").ComputedRef<boolean>;
     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<{

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

@@ -20,6 +20,13 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("grid-field-column");
+    let emptyHiddenUnit = ibiz.config.grid.emptyHiddenUnit;
+    const {
+      emptyhiddenunit
+    } = props.controller.grid.controlParams;
+    if (emptyhiddenunit) {
+      emptyHiddenUnit = Object.is(emptyhiddenunit, "true");
+    }
     const zIndex = props.controller.grid.state.zIndex;
     const onCellClick = (event) => {
       if (props.controller.hasAction) {
@@ -62,6 +69,18 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       }
       return "";
     });
+    const hiddenEmpty = computed(() => {
+      if (fieldValue.value) {
+        if (emptyHiddenUnit) {
+          if (formatValue.value) {
+            return true;
+          }
+          return false;
+        }
+        return true;
+      }
+      return false;
+    });
     const codeListValue = computed(() => ValueExUtil.toText(props.controller.model, fieldValue.value));
     const codeListText = ref("");
     const onInfoTextChange = (text) => {
@@ -119,6 +138,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       tooltip,
       zIndex,
       codeListItems,
+      hiddenEmpty,
       findLayoutPanel,
       renderPanelItemLayout
     };
@@ -163,7 +183,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
         "class": this.ns.e("text"),
         "title": showTitle(this.tooltip),
         "onClick": this.onTextClick
-      }, [this.formatValue, this.fieldValue != null && c.model.unitName, this.percent && "(".concat(this.percent, ")")]);
+      }, [this.formatValue, this.hiddenEmpty && c.model.unitName, this.percent && "(".concat(this.percent, ")")]);
     }
     return createVNode("div", {
       "class": [this.ns.b(), c.clickable(this.row) && this.ns.m("clickable"), this.ns.m(this.controller.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName, this.ns.is("has-action", !!c.model.deuiactionGroup)],

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

@@ -21,6 +21,7 @@ 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[]>;
+    hiddenEmpty: import("vue").ComputedRef<boolean>;
     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;

package/es/control/list/index.d.ts

@@ -51,6 +51,7 @@ export declare const IBizListControl: import("@ibiz-template/vue3-util").TypeWit
     c: import("@ibiz-template/runtime").ListController;
     ns: import("@ibiz-template/core").Namespace;
     infiniteScroll: import("vue").Ref<IData | undefined>;
+    onShowNavView: () => void;
     renderListContent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;

package/es/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}
+.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__nav-icon{right:10px;top:18px;cursor:pointer;position:absolute;color:var(--ibiz-color-primary)}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-control-list-scroll-item:last-of-type{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}

package/es/control/list/list.d.ts

@@ -70,6 +70,7 @@ export declare const ListControl: import("vue").DefineComponent<{
     c: ListController;
     ns: import("@ibiz-template/core").Namespace;
     infiniteScroll: import("vue").Ref<IData | undefined>;
+    onShowNavView: () => void;
     renderListContent: () => VNode;
     renderNoData: () => VNode | undefined;
     renderBatchToolBar: () => VNode | undefined;

package/es/control/list/list.mjs

@@ -200,6 +200,9 @@ const ListControl = /* @__PURE__ */ defineComponent({
       isCollapse.value = true;
       scrollToTop();
     };
+    const onShowNavView = () => {
+      c.state.showNavView = !c.state.showNavView;
+    };
     const onExpandData = () => {
       isCollapse.value = false;
     };
@@ -208,7 +211,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
         return createVNode(resolveComponent("el-collapse"), {
           "modelValue": c.state.expandedKeys,
           "onUpdate:modelValue": ($event) => c.state.expandedKeys = $event,
-          "class": [ns.b("group-content"), ns.b("content")]
+          "class": [ns.b("group-content"), ns.b("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")]
         }, {
           default: () => {
             var _a;
@@ -226,7 +229,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
         tempItems = c.state.items.slice(0, c.state.size);
       }
       return withDirectives(createVNode("div", {
-        "class": [ns.b("scroll"), ns.b("content")],
+        "class": [ns.b("scroll"), ns.b("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")],
         "infinite-scroll-distance": 10,
         "infinite-scroll-disabled": isLodeMoreDisabled.value,
         "ref": "infiniteScroll",
@@ -341,6 +344,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       infiniteScroll,
+      onShowNavView,
       renderListContent,
       renderNoData,
       renderBatchToolBar,
@@ -364,11 +368,25 @@ const ListControl = /* @__PURE__ */ defineComponent({
         "onPageRefresh": this.onPageRefresh
       }, null) : null];
     }
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
+    return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
-      default: () => [content, this.renderCollapseExpandIcon()]
+      default: () => [createVNode(resolveComponent("iBizControlBase"), {
+        "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
+        "controller": this.c
+      }, {
+        default: () => [content, this.c.state.enableNavView ? !this.c.state.showNavView ? createVNode("ion-icon", {
+          "class": this.ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.showNav"),
+          "name": "eye-outline",
+          "onClick": this.onShowNavView
+        }, null) : createVNode("ion-icon", {
+          "class": this.ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
+          "name": "eye-off-outline",
+          "onClick": this.onShowNavView
+        }, null) : null, this.renderCollapseExpandIcon()]
+      })]
     });
   }
 });

package/es/control/map/map.d.ts

@@ -22,6 +22,10 @@ declare const MapControl: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,6 +69,10 @@ declare const MapControl: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -72,6 +80,7 @@ declare const MapControl: import("vue").DefineComponent<{
 }>>, {
     params: IParams;
     mdctrlActiveMode: number;
+    isSimple: boolean;
     loadDefault: boolean;
 }, {}>;
 export default MapControl;

package/es/control/map/map.mjs

@@ -26,6 +26,10 @@ const MapControl = /* @__PURE__ */ defineComponent({
       type: Number,
       default: void 0
     },
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
     loadDefault: {
       type: Boolean,
       default: true

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

@@ -392,8 +392,8 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
             default: () => [_slot5]
           }), createVNode(resolveComponent("el-link"), {
             "type": "danger",
-            "disabled": !groupItem.saved,
-            "title": showTitle(!groupItem.saved ? ibiz.i18n.t("control.searchBar.searchGroups.savePrompt") : ""),
+            "disabled": !groupItem.saved || groupItem.ownerType === "SYSTEM",
+            "title": showTitle(!groupItem.saved || groupItem.ownerType === "SYSTEM" ? ibiz.i18n.t("control.searchBar.searchGroups.savePrompt") : ""),
             "onClick": () => this.removeGroup(groupItem)
           }, _isSlot(_slot6 = ibiz.i18n.t("app.delete")) ? _slot6 : {
             default: () => [_slot6]

package/es/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-color-text-0)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}
+.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}

package/es/control/toolbar/toolbar.mjs

@@ -330,6 +330,9 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         });
       }
       if (item.itemType === "SEPERATOR") {
+        if (c.state.hideSeparator.includes(itemId)) {
+          return null;
+        }
         return createVNode("div", {
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-separator")]

package/es/control/tree/el-tree-util.d.ts

@@ -1,7 +1,28 @@
-import { ITreeController, ITreeNodeData } from '@ibiz-template/runtime';
+import { IControlProvider, ITreeController, ITreeNodeData, TreeController } from '@ibiz-template/runtime';
+import { IDETree } from '@ibiz/model-core';
 import { ElTree } from 'element-plus';
 import { NodeDropType } from 'element-plus/es/components/tree/src/tree.type';
 import { Ref } from 'vue';
+/**
+ * 树props接口
+ *
+ * @export
+ * @interface IGridProps
+ */
+export interface ITreeProps {
+    modelData: IDETree;
+    context: IContext;
+    params: IParams;
+    provider?: IControlProvider;
+    mdctrlActiveMode?: number;
+    singleSelect?: boolean;
+    navigational?: boolean;
+    defaultExpandedKeys?: string[];
+    checkStrictly?: boolean;
+    isSimple?: boolean;
+    data?: Array<ITreeNodeData>;
+    loadDefault: boolean;
+}
 /**
  * 根据id查找树节点数据对象
  * @author lxm
@@ -918,3 +939,20 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
  * @return {*}  {('inner' | 'prev' | 'next')}
  */
 export declare function formatNodeDropType(dropType: NodeDropType): 'inner' | 'prev' | 'next';
+/**
+ * 初始化树数据
+ *
+ * @export
+ * @param {TreeController} c
+ * @param {ITreeProps} props
+ */
+export declare function useAppTreeBase(c: TreeController, props: ITreeProps): void;
+/**
+ * 根据关系获取当前项的子节点
+ *
+ * @export
+ * @param {TreeController} c
+ * @param {IData} modelData
+ * @param {IData} curItem
+ */
+export declare function findChildItems(c: TreeController, modelData: IData, curItem: IData): IData[];

package/es/control/tree/el-tree-util.mjs

@@ -1,5 +1,7 @@
 import { RuntimeError } from '@ibiz-template/core';
-import { debounce } from 'lodash-es';
+import { createUUID } from 'qx-util';
+import { debounce, cloneDeep } from 'lodash-es';
+import { watch } from 'vue';
 
 "use strict";
 function findNodeData(key, c) {
@@ -71,5 +73,71 @@ function formatNodeDropType(dropType) {
       );
   }
 }
+function useAppTreeBase(c, props) {
+  if (props.defaultExpandedKeys) {
+    c.state.defaultExpandedKeys = props.defaultExpandedKeys;
+  }
+  const initSimpleData = () => {
+    if (!props.data) {
+      return;
+    }
+    const root = props.data.find((item) => {
+      return item.isRoot === true;
+    });
+    if (root) {
+      c.state.rootNodes = props.data;
+      c.state.items = props.data;
+    }
+  };
+  c.evt.on("onCreated", async () => {
+    if (props.isSimple) {
+      initSimpleData();
+      c.state.isLoaded = true;
+    }
+  });
+  watch(
+    () => props.data,
+    () => {
+      if (props.isSimple) {
+        initSimpleData();
+      }
+    },
+    {
+      deep: true
+    }
+  );
+}
+function findChildItems(c, modelData, curItem) {
+  const { detreeNodeRSs } = modelData;
+  const children = [];
+  if (!detreeNodeRSs || detreeNodeRSs.length === 0) {
+    return children;
+  }
+  const rss = detreeNodeRSs.filter((_rss) => {
+    var _a;
+    const temp = c.state.items.find((_item) => {
+      return _item._uuid === curItem.data._uuid;
+    });
+    if (temp) {
+      return _rss.parentDETreeNodeId === ((_a = temp._nodeId) == null ? void 0 : _a.toLowerCase());
+    }
+    return false;
+  });
+  rss.sort((a, b) => {
+    return a.ordervalue - b.ordervalue;
+  });
+  rss.forEach((_rss) => {
+    const child = c.state.items.find((_item) => {
+      var _a;
+      return ((_a = _item._nodeId) == null ? void 0 : _a.toLowerCase()) === _rss.childDETreeNodeId;
+    });
+    if (child) {
+      const temp = cloneDeep(child);
+      temp._id = createUUID();
+      children.push(temp);
+    }
+  });
+  return children;
+}
 
-export { findNodeData, formatNodeDropType, useElTreeUtil };
+export { findChildItems, findNodeData, formatNodeDropType, useAppTreeBase, useElTreeUtil };