@ibiz-template/vue3-components 0.4.16 → 0.4.17-dev.1

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -95,6 +95,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 };
                 data: IData;
                 container?: {
+                    readonly id: string;
                     state: object;
                     readonly model: {
                         appId: string;
@@ -114,12 +115,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     readonly context: {
                         [x: string]: any;
                         [x: symbol]: any;
-                        srfsandbox?: string | undefined;
+                        srfsessionid: string;
                         srfappid: string;
-                        getOwnContext: () => IData;
-                        destroy: () => void;
-                        clone: () => IContext;
-                        reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
                     };
                     readonly params: IParams;
                     childNames: string[];
@@ -218,6 +215,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     context?: IContext | undefined;
                     params?: IParams | undefined;
                 }) => void;
+                readonly id: string;
                 state: {
                     data: IData;
                     activated: boolean;
@@ -2571,12 +2569,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 readonly context: {
                     [x: string]: any;
                     [x: symbol]: any;
-                    srfsandbox?: string | undefined;
+                    srfsessionid: string;
                     srfappid: string;
-                    getOwnContext: () => IData;
-                    destroy: () => void;
-                    clone: () => IContext;
-                    reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -2594,6 +2588,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             endLoading: () => void;
             onActivated: () => void;
             onDeactivated: () => void;
+            readonly id: string;
             state: {
                 activated: boolean;
                 caption: string;
@@ -5931,12 +5926,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             readonly context: {
                 [x: string]: any;
                 [x: symbol]: any;
-                srfsandbox?: string | undefined;
+                srfsessionid: string;
                 srfappid: string;
-                getOwnContext: () => IData;
-                destroy: () => void;
-                clone: () => IContext;
-                reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
             };
             readonly params: IParams;
             childNames: string[];
@@ -5952,6 +5943,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             };
             data: IData;
             container?: {
+                readonly id: string;
                 state: object;
                 readonly model: {
                     appId: string;
@@ -5971,12 +5963,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 readonly context: {
                     [x: string]: any;
                     [x: symbol]: any;
-                    srfsandbox?: string | undefined;
+                    srfsessionid: string;
                     srfappid: string;
-                    getOwnContext: () => IData;
-                    destroy: () => void;
-                    clone: () => IContext;
-                    reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -6070,6 +6058,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 endLoading: () => void;
                 onActivated: () => void;
                 onDeactivated: () => void;
+                readonly id: string;
                 state: {
                     activated: boolean;
                     caption: string;
@@ -9357,12 +9346,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 readonly context: {
                     [x: string]: any;
                     [x: symbol]: any;
-                    srfsandbox?: string | undefined;
+                    srfsessionid: string;
                     srfappid: string;
-                    getOwnContext: () => IData;
-                    destroy: () => void;
-                    clone: () => IContext;
-                    reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -9457,6 +9442,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 context?: IContext | undefined;
                 params?: IParams | undefined;
             }) => void;
+            readonly id: string;
             state: {
                 data: IData;
                 activated: boolean;
@@ -11810,12 +11796,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             readonly context: {
                 [x: string]: any;
                 [x: symbol]: any;
-                srfsandbox?: string | undefined;
+                srfsessionid: string;
                 srfappid: string;
-                getOwnContext: () => IData;
-                destroy: () => void;
-                clone: () => IContext;
-                reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
             };
             readonly params: IParams;
             childNames: string[];
@@ -11909,6 +11891,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             context?: IContext | undefined;
             params?: IParams | undefined;
         }) => void;
+        readonly id: string;
         state: {
             isLoaded: boolean;
             data: IData;
@@ -15439,12 +15422,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
         readonly context: {
             [x: string]: any;
             [x: symbol]: any;
-            srfsandbox?: string | undefined;
+            srfsessionid: string;
             srfappid: string;
-            getOwnContext: () => IData;
-            destroy: () => void;
-            clone: () => IContext;
-            reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
         };
         readonly params: IParams;
         childNames: string[];

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

@@ -92,6 +92,22 @@ function useITableEvent(c) {
     }
     return "";
   }
+  watch(
+    () => c.state.sortQuery,
+    (newVal) => {
+      if (newVal) {
+        const prop = c.state.sortQuery.split(",")[0];
+        const sortDir = c.state.sortQuery.split(",")[1];
+        if (tableRef.value && prop && sortDir) {
+          const order = sortDir === "desc" ? "descending" : "ascending";
+          setTimeout(() => {
+            var _a;
+            (_a = tableRef.value) == null ? void 0 : _a.sort(prop, order);
+          });
+        }
+      }
+    }
+  );
   return {
     tableRef,
     onRowClick,

package/es/control/grid/grid/grid.css

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:0;--ibiz-control-grid-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:0 var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-border-color:transparent}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{gap:3px;justify-content:center}.ibiz-control-grid__table .sort-caret{position:initial}.ibiz-control-grid__table.el-table .el-table__cell{padding:0}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:0}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:0}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:0;--ibiz-control-grid-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:0 var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-border-color:transparent}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{gap:3px;justify-content:center}.ibiz-control-grid__table .sort-caret{position:initial}.ibiz-control-grid__table.el-table .el-table__cell{padding:0}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:0}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:0}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid .ibiz-grid-setting{position:absolute;bottom:var(--ibiz-spacing-base-tight);left:0;z-index:99;cursor:pointer}

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

@@ -1,6 +1,6 @@
 import { PropType, VNode } from 'vue';
 import { IDEGrid, IDEGridColumn } from '@ibiz/model-core';
-import { GridController, IControlProvider } from '@ibiz-template/runtime';
+import { GridController, IColumnState, IControlProvider } from '@ibiz-template/runtime';
 import './grid.scss';
 export declare function renderColumn(c: GridController, model: IDEGridColumn, renderColumns: IDEGridColumn[], index: number): VNode | null;
 export declare function renderChildColumn(c: GridController, model: IDEGridColumn, renderColumns: IDEGridColumn[], index: number): VNode | null;
@@ -98,6 +98,7 @@ export declare const GridControl: import("vue").DefineComponent<{
     }) => string[];
     renderPopover: () => JSX.Element[];
     defaultSort: import("vue").Ref<IData>;
+    onColumnStateClick: (columnState: IColumnState) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEGrid>;

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

@@ -160,6 +160,9 @@ const GridControl = /* @__PURE__ */ defineComponent({
     const {
       renderPopover
     } = useRowEditPopover(tableRef, c);
+    const onColumnStateClick = (columnState) => {
+      c.setColumnVisible(columnState);
+    };
     return {
       c,
       ns,
@@ -178,7 +181,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       renderNoData,
       summaryMethod,
       renderPopover,
-      defaultSort
+      defaultSort,
+      onColumnStateClick
     };
   },
   render() {
@@ -233,6 +237,9 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "onChange": this.onPageChange,
         "onPageSizeChange": this.onPageSizeChange,
         "onPageRefresh": this.onPageRefresh
+      }, null), createVNode(resolveComponent("iBizGridSetting"), {
+        "columnStates": state.columnStates,
+        "onColumnStateClick": this.onColumnStateClick
       }, null)]
     });
   }

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

@@ -87,6 +87,7 @@ export declare const IBizGridControl: import("@ibiz-template/vue3-util").TypeWit
     }) => string[];
     renderPopover: () => JSX.Element[];
     defaultSort: import("vue").Ref<IData>;
+    onColumnStateClick: (columnState: import("@ibiz-template/runtime").IColumnState) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEGrid>;

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

@@ -1,7 +1,6 @@
-import { IDETreeNode, IUIActionGroupDetail } from '@ibiz/model-core';
-import { PropType } from 'vue';
-import { GridFieldColumnController, GridRowState } from '@ibiz-template/runtime';
+import { IUIActionGroupDetail } from '@ibiz/model-core';
 import './grid-field-column.scss';
+import { GridFieldColumnController, GridRowState } from '@ibiz-template/runtime';
 export declare const GridFieldColumn: import("vue").DefineComponent<{
     controller: {
         type: typeof GridFieldColumnController;
@@ -11,9 +10,6 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
         type: typeof GridRowState;
         required: true;
     };
-    nodeModel: {
-        type: PropType<IDETreeNode>;
-    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onCellClick: (event: MouseEvent) => void;
@@ -24,7 +20,6 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
     fieldValue: import("vue").ComputedRef<any>;
     formatValue: import("vue").ComputedRef<string>;
     tooltip: import("vue").ComputedRef<string | undefined>;
-    isShowContextMenu: import("vue").ComputedRef<boolean | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof GridFieldColumnController;
@@ -34,8 +29,5 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
         type: typeof GridRowState;
         required: true;
     };
-    nodeModel: {
-        type: PropType<IDETreeNode>;
-    };
 }>>, {}, {}>;
 export default GridFieldColumn;

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

@@ -1,8 +1,8 @@
 import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
+import './grid-field-column.css';
 import { GridFieldColumnController, GridRowState } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
-import './grid-field-column.css';
 
 "use strict";
 const GridFieldColumn = /* @__PURE__ */ defineComponent({
@@ -15,17 +15,10 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     row: {
       type: GridRowState,
       required: true
-    },
-    nodeModel: {
-      type: Object
     }
   },
   setup(props) {
     const ns = useNamespace("grid-field-column");
-    const isShowContextMenu = computed(() => {
-      var _a, _b;
-      return ((_b = (_a = props.nodeModel) == null ? void 0 : _a.decontextMenu) == null ? void 0 : _b.detoolbarItems) && props.controller.model.codeName === "name";
-    });
     const onCellClick = (event) => {
       if (props.controller.hasAction) {
         event.stopPropagation();
@@ -65,8 +58,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       CustomHtml,
       fieldValue,
       formatValue,
-      tooltip,
-      isShowContextMenu
+      tooltip
     };
   },
   render() {
@@ -78,12 +70,6 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       "actions-state": this.row.uiActionGroupStates[this.controller.model.codeName],
       "onActionClick": this.onActionClick
     }, null) : null;
-    const nodeContextMenu = this.isShowContextMenu ? createVNode("div", {
-      "class": this.ns.b("context-menu-trigger")
-    }, [createVNode("ion-icon", {
-      "class": this.ns.be("context-menu-trigger", "caption-icon"),
-      "name": "ellipsis-horizontal"
-    }, null)]) : null;
     let content = null;
     if (c.isCustomCode) {
       content = createVNode("span", {
@@ -110,11 +96,11 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     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)],
       "onClick": this.onCellClick
-    }, [createVNode("div", {
+    }, [c.model.deuiactionGroup ? [createVNode("div", {
       "class": this.ns.b("text-container")
-    }, [content]), (c.model.deuiactionGroup || this.isShowContextMenu) && createVNode("div", {
+    }, [content]), createVNode("div", {
       "class": this.ns.b("toolbar-container")
-    }, [actionToolbar, nodeContextMenu])]);
+    }, [actionToolbar])] : content]);
   }
 });
 

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

@@ -7,9 +7,6 @@ export declare const IBizGridFieldColumn: import("@ibiz-template/vue3-util").Typ
         type: typeof import("@ibiz-template/runtime").GridRowState;
         required: true;
     };
-    nodeModel: {
-        type: import("vue").PropType<import("@ibiz/model-core").IDETreeNode>;
-    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onCellClick: (event: MouseEvent) => void;
@@ -20,7 +17,6 @@ export declare const IBizGridFieldColumn: import("@ibiz-template/vue3-util").Typ
     fieldValue: import("vue").ComputedRef<any>;
     formatValue: import("vue").ComputedRef<string>;
     tooltip: import("vue").ComputedRef<string | undefined>;
-    isShowContextMenu: import("vue").ComputedRef<boolean | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof import("@ibiz-template/runtime").GridFieldColumnController;
@@ -30,8 +26,5 @@ export declare const IBizGridFieldColumn: import("@ibiz-template/vue3-util").Typ
         type: typeof import("@ibiz-template/runtime").GridRowState;
         required: true;
     };
-    nodeModel: {
-        type: import("vue").PropType<import("@ibiz/model-core").IDETreeNode>;
-    };
 }>>, {}, {}>>;
 export default IBizGridFieldColumn;

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

@@ -33,10 +33,10 @@ const GridUAColumn = /* @__PURE__ */ defineComponent({
   render() {
     var _a, _b, _c;
     return createVNode("div", {
-      "class": [this.ns.b(), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
-      "onDblclick": this.onStopPropagation,
-      "onClick": this.onStopPropagation
+      "class": [this.ns.b(), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName]
     }, [((_c = (_b = this.controller.model.deuiactionGroup) == null ? void 0 : _b.uiactionGroupDetails) == null ? void 0 : _c.length) && createVNode(resolveComponent("iBizActionToolbar"), {
+      "onDblclick": this.onStopPropagation,
+      "onClick": this.onStopPropagation,
       "action-details": this.controller.model.deuiactionGroup.uiactionGroupDetails,
       "actions-state": this.row.uaColStates[this.controller.model.codeName],
       "onActionClick": this.onActionClick

package/es/control/search-bar/index.d.ts

@@ -23,6 +23,7 @@ export declare const IBizSearchBarControl: import("@ibiz-template/vue3-util").Ty
     onKeydown: (e: KeyboardEvent) => void;
     onGroupClick: (item: import("@ibiz/model-core").ISearchBarGroup) => void;
     triggerFilter: () => void;
+    handleSave: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").ISearchBar>;

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

@@ -4,6 +4,7 @@ import { SearchBarControl } from './search-bar.mjs';
 import { SearchBarProvider } from './search-bar.provider.mjs';
 import { FilterTreeControl } from './filter-tree/filter-tree.mjs';
 import { FilterModeSelect } from './filter-mode-select/filter-mode-select.mjs';
+import { SearchGroups } from './search-groups/search-groups.mjs';
 
 "use strict";
 const IBizSearchBarControl = withInstall(
@@ -12,6 +13,7 @@ const IBizSearchBarControl = withInstall(
     v.component(SearchBarControl.name, SearchBarControl);
     v.component(FilterTreeControl.name, FilterTreeControl);
     v.component(FilterModeSelect.name, FilterModeSelect);
+    v.component(SearchGroups.name, SearchGroups);
     registerControlProvider(
       ControlType.SEARCHBAR,
       () => new SearchBarProvider()

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-quick-group-item-margin:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);font-size:14px;color:var(--ibiz-text-color);background:var(--ibiz-color-white);border:1px solid var(--ibiz-border-color);border-radius:4px}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-quick-group-item-padding);margin-right:var(--ibiz-control-searchbar-quick-group-item-margin);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}
+@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-quick-group-item-margin:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);margin-left:var(--ibiz-spacing-base-tight);font-size:14px;color:var(--ibiz-text-color);background:var(--ibiz-color-white);border:1px solid var(--ibiz-border-color);border-radius:4px}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-quick-group-item-padding);margin-right:var(--ibiz-control-searchbar-quick-group-item-margin);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin-left:var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-spacing-base-tight)}

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

@@ -27,6 +27,7 @@ export declare const SearchBarControl: import("vue").DefineComponent<{
     onKeydown: (e: KeyboardEvent) => void;
     onGroupClick: (item: ISearchBarGroup) => void;
     triggerFilter: () => void;
+    handleSave: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<ISearchBar>;

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

@@ -1,12 +1,9 @@
-import { isVNode, computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './search-bar.css';
 import { SearchBarController } from '@ibiz-template/runtime';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const SearchBarControl = /* @__PURE__ */ defineComponent({
   name: "IBizSearchBarControl",
   props: {
@@ -80,6 +77,9 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
         showFilter();
       }
     };
+    const handleSave = () => {
+      c.handleSave();
+    };
     return {
       c,
       ns,
@@ -88,26 +88,11 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
       onSearch,
       onKeydown,
       onGroupClick,
-      triggerFilter
+      triggerFilter,
+      handleSave
     };
   },
   render() {
-    const quickSearchSlots = {};
-    if (this.c.model.enableFilter) {
-      quickSearchSlots.append = () => {
-        return createVNode(resolveComponent("el-button"), {
-          "ref": "filterButtonRef",
-          "type": "primary",
-          "onClick": () => this.triggerFilter()
-        }, {
-          default: () => [createVNode(resolveComponent("iBizIcon"), {
-            "icon": {
-              cssClass: "funnel-outline"
-            }
-          }, null)]
-        });
-      };
-    }
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
       "class": [this.ns.b()],
@@ -115,7 +100,9 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
     }, {
       default: () => {
         var _a;
-        return [this.c.model.enableGroup && createVNode("div", {
+        return [this.c.model.enableGroup && (this.c.isBackendSearchGroup ? createVNode(resolveComponent("iBizSearchGroups"), {
+          "controller": this.c
+        }, null) : createVNode("div", {
           "class": this.ns.b("quick-group")
         }, [(_a = this.c.model.searchBarGroups) == null ? void 0 : _a.map((groupItem) => {
           var _a2;
@@ -123,7 +110,27 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
             "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedGroupItem) == null ? void 0 : _a2.id) === groupItem.id)],
             "onClick": () => this.onGroupClick(groupItem)
           }, [groupItem.caption]);
-        })]), this.c.model.enableQuickSearch && createVNode(resolveComponent("el-input"), {
+        })])), this.c.model.enableFilter && createVNode(resolveComponent("el-button"), {
+          "ref": "filterButtonRef",
+          "type": "primary",
+          "title": "\u8FC7\u6EE4",
+          "class": this.ns.b("filter"),
+          "onClick": () => this.triggerFilter()
+        }, {
+          default: () => [createVNode(resolveComponent("iBizIcon"), {
+            "icon": {
+              cssClass: "funnel-outline"
+            }
+          }, null)]
+        }), this.c.model.enableGroup && this.c.isBackendSearchGroup && createVNode(resolveComponent("el-button"), {
+          "class": this.ns.b("save"),
+          "title": "\u4FDD\u5B58",
+          "onClick": this.handleSave
+        }, {
+          default: () => [createVNode("ion-icon", {
+            "name": "save-outline"
+          }, null)]
+        }), this.c.model.enableQuickSearch && createVNode(resolveComponent("el-input"), {
           "modelValue": this.c.state.query,
           "onUpdate:modelValue": ($event) => this.c.state.query = $event,
           "class": this.ns.b("quick-search"),
@@ -135,9 +142,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
             "class": this.ns.e("search-icon"),
             "name": "search"
           }, null)
-        }, _isSlot(quickSearchSlots) ? quickSearchSlots : {
-          default: () => [quickSearchSlots]
-        })];
+        }, null)];
       }
     });
   }

package/es/control/search-bar/search-groups/edit-group-util.d.ts

@@ -0,0 +1,10 @@
+import { SearchBarController } from '@ibiz-template/runtime';
+import { Ref } from 'vue';
+export declare function useEditGroup(c: SearchBarController): {
+    editDialogVisible: Ref<boolean>;
+    editForm: IData;
+    editFormRef: Ref<IData>;
+    editFormRules: IData;
+    handleEditFormSubmit: () => Promise<void>;
+    handleEditFormCancel: () => void;
+};

package/es/control/search-bar/search-groups/edit-group-util.mjs

@@ -0,0 +1,50 @@
+import { ref, reactive } from 'vue';
+
+"use strict";
+function useEditGroup(c) {
+  const editDialogVisible = ref(false);
+  const editForm = reactive({
+    caption: ""
+  });
+  const editFormRef = ref();
+  const editFormRules = reactive({
+    caption: [{ required: true, message: "\u5206\u7EC4\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A", trigger: "blur" }]
+  });
+  const handleEditFormSubmit = async () => {
+    if (editFormRef.value) {
+      await editFormRef.value.validate(
+        async (valid, _fields) => {
+          if (valid) {
+            if (c.currentEditGroup) {
+              const res = await c.service.update(c.currentEditGroup.id, {
+                caption: editForm.caption
+              });
+              if (res.ok) {
+                const index = c.state.searchBarGroups.findIndex(
+                  (item) => item.id === c.currentEditGroup.id
+                );
+                if (index !== -1) {
+                  c.state.searchBarGroups[index].caption = editForm.caption;
+                }
+              }
+            }
+            editDialogVisible.value = false;
+          }
+        }
+      );
+    }
+  };
+  const handleEditFormCancel = () => {
+    editDialogVisible.value = false;
+  };
+  return {
+    editDialogVisible,
+    editForm,
+    editFormRef,
+    editFormRules,
+    handleEditFormSubmit,
+    handleEditFormCancel
+  };
+}
+
+export { useEditGroup };

package/es/control/search-bar/search-groups/new-group-util.d.ts

@@ -0,0 +1,10 @@
+import { SearchBarController } from '@ibiz-template/runtime';
+import { Ref } from 'vue';
+export declare function useNewGroup(c: SearchBarController): {
+    newDialogVisible: Ref<boolean>;
+    newForm: IData;
+    newFormRef: Ref<IData>;
+    newFormRules: IData;
+    handleNewFormSubmit: () => Promise<void>;
+    handleNewFormCancel: () => void;
+};