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

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.provider.mjs

@@ -0,0 +1,21 @@
+import { TreeGridExFieldColumnController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class TreeGridExFieldColumnProvider {
+  constructor() {
+    __publicField(this, "component", "IBizTreeGridExFieldColumn");
+  }
+  async createController(columnModel, grid) {
+    const c = new TreeGridExFieldColumnController(columnModel, grid);
+    await c.init();
+    return c;
+  }
+}
+
+export { TreeGridExFieldColumnProvider };

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/index.d.ts

@@ -0,0 +1,24 @@
+export declare const IBizTreeGridExUAColumn: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    controller: {
+        type: typeof import("@ibiz-template/runtime").TreeGridExUAColumnController;
+        required: true;
+    };
+    row: {
+        type: typeof import("@ibiz-template/runtime").TreeGridExRowState;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onStopPropagation: (e: MouseEvent) => void;
+    onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
+}, 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").TreeGridExUAColumnController;
+        required: true;
+    };
+    row: {
+        type: typeof import("@ibiz-template/runtime").TreeGridExRowState;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizTreeGridExUAColumn;

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/index.mjs

@@ -0,0 +1,18 @@
+import { registerTreeGridExColumnProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { TreeGridExUAColumn } from './tree-grid-ex-ua-column.mjs';
+import { TreeGridExUAColumnProvider } from './tree-grid-ex-ua-column.provider.mjs';
+
+"use strict";
+const IBizTreeGridExUAColumn = withInstall(
+  TreeGridExUAColumn,
+  function(v) {
+    v.component(TreeGridExUAColumn.name, TreeGridExUAColumn);
+    registerTreeGridExColumnProvider(
+      "UAGRIDCOLUMN",
+      () => new TreeGridExUAColumnProvider()
+    );
+  }
+);
+
+export { IBizTreeGridExUAColumn, IBizTreeGridExUAColumn as default };

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.css

@@ -0,0 +1 @@
+.ibiz-tree-grid-ex-ua-column{--ibiz-tree-grid-ex-ua-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-tree-grid-ex-ua-column-btn-bg-color:transparent;--ibiz-tree-grid-ex-ua-column-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-tree-grid-ex-ua-column-btn-color:var(--ibiz-color-primary);--ibiz-tree-grid-ex-ua-column-font-size:var(--ibiz-font-size-regular);--ibiz-tree-grid-ex-ua-column-font-weight:var(--ibiz-font-weight-regular);display:flex;align-items:center;justify-content:var(--ibiz-tree-grid-ex-column-text-align);width:100%;height:100%;padding:var(--ibiz-tree-grid-ex-ua-column-cell-padding)}.ibiz-tree-grid-ex-ua-column .el-button{font-size:var(--ibiz-tree-grid-ex-ua-column-font-size);font-weight:var(--ibiz-tree-grid-ex-ua-column-font-weight);color:var(--ibiz-tree-grid-ex-ua-column-btn-color);background-color:var(--ibiz-tree-grid-ex-ua-column-btn-bg-color);box-shadow:none}.ibiz-tree-grid-ex-ua-column .el-button:hover{color:var(--ibiz-tree-grid-ex-ua-column-btn-hover-color)}.ibiz-tree-grid-ex-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-tree-grid-ex-ua-column-btn-bg-color)}

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.d.ts

@@ -0,0 +1,27 @@
+import { IUIActionGroupDetail } from '@ibiz/model-core';
+import './tree-grid-ex-ua-column.scss';
+import { TreeGridExUAColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
+export declare const TreeGridExUAColumn: import("vue").DefineComponent<{
+    controller: {
+        type: typeof TreeGridExUAColumnController;
+        required: true;
+    };
+    row: {
+        type: typeof TreeGridExRowState;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onStopPropagation: (e: MouseEvent) => void;
+    onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof TreeGridExUAColumnController;
+        required: true;
+    };
+    row: {
+        type: typeof TreeGridExRowState;
+        required: true;
+    };
+}>>, {}, {}>;
+export default TreeGridExUAColumn;

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

@@ -0,0 +1,47 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './tree-grid-ex-ua-column.css';
+import { TreeGridExUAColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
+
+"use strict";
+const TreeGridExUAColumn = /* @__PURE__ */ defineComponent({
+  name: "IBizTreeGridExUAColumn",
+  props: {
+    controller: {
+      type: TreeGridExUAColumnController,
+      required: true
+    },
+    row: {
+      type: TreeGridExRowState,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("tree-grid-ex-ua-column");
+    const onStopPropagation = (e) => {
+      e.stopPropagation();
+    };
+    const onActionClick = async (detail, event) => {
+      await props.controller.onActionClick(detail, props.row, event);
+    };
+    return {
+      ns,
+      onStopPropagation,
+      onActionClick
+    };
+  },
+  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
+    }, [((_c = (_b = this.controller.model.deuiactionGroup) == null ? void 0 : _b.uiactionGroupDetails) == null ? void 0 : _c.length) && createVNode(resolveComponent("iBizActionToolbar"), {
+      "action-details": this.controller.model.deuiactionGroup.uiactionGroupDetails,
+      "actions-state": this.row.uaColStates[this.controller.model.codeName],
+      "onActionClick": this.onActionClick
+    }, null)]);
+  }
+});
+
+export { TreeGridExUAColumn, TreeGridExUAColumn as default };

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.provider.d.ts

@@ -0,0 +1,15 @@
+import { TreeGridExController, TreeGridExUAColumnController, ITreeGridExColumnProvider } from '@ibiz-template/runtime';
+import { IDETreeUAColumn } from '@ibiz/model-core';
+/**
+ * 树表格（增强）操作列适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class TreeGridExUAColumnProvider
+ * @implements {ITreeGridExColumnProvider}
+ */
+export declare class TreeGridExUAColumnProvider implements ITreeGridExColumnProvider {
+    component: string;
+    createController(columnModel: IDETreeUAColumn, grid: TreeGridExController): Promise<TreeGridExUAColumnController>;
+}

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.provider.mjs

@@ -0,0 +1,21 @@
+import { TreeGridExUAColumnController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class TreeGridExUAColumnProvider {
+  constructor() {
+    __publicField(this, "component", "IBizTreeGridExUAColumn");
+  }
+  async createController(columnModel, grid) {
+    const c = new TreeGridExUAColumnController(columnModel, grid);
+    await c.init();
+    return c;
+  }
+}
+
+export { TreeGridExUAColumnProvider };

package/es/control/tree-grid-ex/tree-grid-ex.css

@@ -1 +1 @@
-.ibiz-control-treegridex{--ibiz-control-treegridex-cell-padding:var(--ibiz-spacing-tight)}.ibiz-control-treegridex .is-first-column .cell{padding:0 var(--ibiz-control-treegridex-cell-padding)}
+.ibiz-control-treegridex{--ibiz-control-treegridex-bg-color:transparent;--ibiz-control-treegridex-padding:0;--ibiz-control-treegridex-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-treegridex-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-treegridex-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-treegridex-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-treegridex-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-treegridex-header-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-header-cell-padding:var(--ibiz-control-treegridex-cell-padding);--ibiz-control-treegridex-header-height:auto;--ibiz-control-treegridex-header-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-treegridex-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treegridex-content-text-color:var(--ibiz-control-treegridex-text-color);--ibiz-control-treegridex-content-row-height:48px;--ibiz-control-treegridex-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-footer-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-treegridex-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-footer-font-weight:var(--ibiz-font-weight-bold);width:100%;height:100%;padding:var(--ibiz-control-treegridex-padding);background-color:var(--ibiz-control-treegridex-bg-color)}.ibiz-control-treegridex .el-table{--el-table-header-bg-color:var(--ibiz-control-treegridex-header-bg-color);--el-table-border-color:transparent}.ibiz-control-treegridex .el-table--border .el-table__cell{border-right:none}.ibiz-control-treegridex .el-table-fixed-column--left,.ibiz-control-treegridex .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-treegridex .el-table td.el-table__cell,.ibiz-control-treegridex .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-treegridex__table{width:100%;height:100%}.ibiz-control-treegridex__table .caret-wrapper{gap:3px;justify-content:center}.ibiz-control-treegridex__table .sort-caret{position:initial}.ibiz-control-treegridex__table.el-table .el-table__cell{padding:0}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-treegridex-row-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-treegridex-row-bg-color-2)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-treegridex__table .el-table__header-wrapper .cell{height:var(--ibiz-control-treegridex-header-height);padding:var(--ibiz-control-treegridex-header-cell-padding);font-size:var(--ibiz-control-treegridex-header-font-size);font-weight:var(--ibiz-control-treegridex-header-font-weight);color:var(--ibiz-control-treegridex-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__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-treegridex__table .el-table__body-wrapper{color:var(--ibiz-control-treegridex-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-treegridex-content-row-height);cursor:pointer}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:0;padding:0}@-moz-document url-prefix(){.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-treegridex__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:0}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__cell.is-center{--ibiz-tree-grid-ex-column-text-align:center;--ibiz-tree-grid-ex-column-justify-content:center}.ibiz-control-treegridex__table .el-table__cell.is-left{--ibiz-tree-grid-ex-column-text-align:left;--ibiz-tree-grid-ex-column-justify-content:flex-start}.ibiz-control-treegridex__table .el-table__cell.is-right{--ibiz-tree-grid-ex-column-text-align:right;--ibiz-tree-grid-ex-column-justify-content:flex-end}

package/es/control/tree-grid-ex/tree-grid-ex.d.ts

@@ -1,10 +1,10 @@
 import { PropType, VNode } from 'vue';
-import { IDETree, IDETreeColumn } from '@ibiz/model-core';
-import { IControlProvider, ITreeNodeData, TreeGridExController } from '@ibiz-template/runtime';
+import { IDETreeColumn } from '@ibiz/model-core';
+import { IControlProvider, TreeGridExController } from '@ibiz-template/runtime';
 import './tree-grid-ex.scss';
 export declare const TreeGridExControl: import("vue").DefineComponent<{
     modelData: {
-        type: PropType<IDETree>;
+        type: PropType<import("@ibiz/model-core").IDETree>;
         required: true;
     };
     context: {
@@ -19,16 +19,15 @@ export declare const TreeGridExControl: import("vue").DefineComponent<{
         type: PropType<IControlProvider>;
     };
 }, {
-    c: TreeGridExController;
+    c: TreeGridExController<import("@ibiz/model-core").IDETree, import("@ibiz-template/runtime").ITreeGridExState, import("@ibiz-template/runtime").ITreeGridExEvent>;
     ns: import("@ibiz-template/core").Namespace;
-    ns2: import("@ibiz-template/core").Namespace;
-    treeData: import("vue").ComputedRef<IData[] | ITreeNodeData[]>;
+    elTableData: import("vue").ComputedRef<IData[]>;
     renderColumns: import("vue").ComputedRef<IDETreeColumn[]>;
     renderNoData: () => VNode | false;
     loadData: (item: IData, treeNode: unknown, callback: (nodes: IData[]) => void) => Promise<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<IDETree>;
+        type: PropType<import("@ibiz/model-core").IDETree>;
         required: true;
     };
     context: {

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -25,8 +25,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new TreeGridExController(...args));
-    const ns2 = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const ns = useNamespace(`control-grid`);
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     const renderNoData = () => {
       const {
         isLoaded
@@ -50,63 +49,64 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       });
       return columns;
     });
-    const findNodeData = (id) => {
-      return c.state.items.find((item) => item.id === id);
-    };
-    const calcHasChildren = (node) => {
-      node.hasChildren = !node.leaf;
-      return node;
+    const toElNodes = (nodes) => {
+      return nodes.map((node) => {
+        const temp = {
+          id: node.id,
+          hasChildren: !node.leaf
+        };
+        if (!node.leaf && node.children !== void 0) {
+          temp.children = toElNodes(node.children);
+        }
+        return temp;
+      });
     };
-    const treeData = computed(() => {
+    const treeRootData = computed(() => {
       if (!c.state.isLoaded) {
         return [];
       }
       return c.model.rootVisible ? c.state.rootNodes : c.state.rootNodes.reduce((result, nodeData) => {
-        calcHasChildren(nodeData);
         if (nodeData.children) {
-          return result.concat(nodeData.children.map(calcHasChildren));
+          return result.concat(nodeData.children);
         }
         return result;
       }, []);
     });
+    const elTableData = computed(() => {
+      if (treeRootData.value.length === 0) {
+        return [];
+      }
+      return toElNodes(treeRootData.value);
+    });
     const loadData = async (item, treeNode, callback) => {
       let nodes;
-      if (item.level === 0) {
-        nodes = treeData.value;
+      const nodeData = c.getNodeData(item.id);
+      if (nodeData.children) {
+        nodes = nodeData.children;
       } else {
-        const nodeData = findNodeData(item.id);
-        if (nodeData.children) {
-          nodes = nodeData.children;
-        } else {
-          nodes = await c.loadNodes(nodeData);
-        }
+        nodes = await c.loadNodes(nodeData);
       }
-      callback(nodes);
+      callback(toElNodes(nodes));
     };
     return {
       c,
       ns,
-      ns2,
-      treeData,
+      elTableData,
       renderColumns,
       renderNoData,
       loadData
     };
   },
   render() {
-    const state = this.c.state;
     const renderColumn = (model, index) => {
-      var _a;
-      if (model.hideDefault) {
-        return null;
-      }
+      var _a, _b;
       const {
         codeName: columnName,
         width
       } = model;
       const columnC = this.c.columns[columnName];
       const columnState = this.c.state.columnStates.find((item) => item.key === columnName);
-      const widthFlexGrow = index === this.renderColumns.length - 1;
+      const widthFlexGrow = columnC.isAdaptiveColumn || !this.c.hasAdaptiveColumn && index === this.renderColumns.length - 1;
       const widthName = widthFlexGrow ? "min-width" : "width";
       return createVNode(resolveComponent("el-table-column"), mergeProps({
         "label": model.caption,
@@ -116,22 +116,19 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       }, {
         "fixed": columnState.fixed,
         "sortable": model.enableSort ? "custom" : false,
-        "align": ((_a = model.align) == null ? void 0 : _a.toLowerCase()) || "center"
+        "label-class-name": (_a = columnC.model.headerSysCss) == null ? void 0 : _a.cssName,
+        "align": ((_b = model.align) == null ? void 0 : _b.toLowerCase()) || "center"
       }), {
         default: ({
           row
         }) => {
-          const elRow = row;
-          const rowState = state.items.find((item) => item.srfkey === elRow.srfkey);
+          const rowState = this.c.getRowState(row.id);
           if (rowState) {
-            Object.assign(rowState, {
-              data: rowState.deData
-            });
             const comp = resolveComponent(this.c.providers[columnName].component);
             return h(comp, {
               controller: columnC,
               row: rowState,
-              key: elRow.srfkey + columnName
+              key: rowState.data._uuid + columnName
             });
           }
           return null;
@@ -140,19 +137,20 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
     };
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.b(), this.ns2.b()]
+      "class": [this.ns.b()]
     }, {
       default: () => [this.c.state.isLoaded && createVNode(resolveComponent("el-table"), {
         "ref": "tableRef",
         "class": this.ns.e("table"),
         "border": true,
         "row-key": "id",
-        "lazy": true,
-        "data": this.treeData,
+        "expand-row-keys": this.c.state.expandedKeys,
+        "data": this.elTableData,
         "tree-props": {
           children: "children",
           hasChildren: "hasChildren"
         },
+        "lazy": true,
         "load": this.loadData
       }, {
         empty: this.renderNoData,

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts

@@ -25,12 +25,8 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     context: import("vue").Ref<{
         [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;
     }>;
     params: import("vue").Ref<IParams>;
     onSelectionChange: (event: EventBase) => void;

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -32,12 +32,8 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     context: Ref<{
         [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;
     }>;
     params: Ref<IParams>;
     editorRef: Ref<any>;

package/es/editor/markdown/markdown-editor.controller.mjs

@@ -136,7 +136,7 @@ class MarkDownEditorController extends EditorController {
           }
         }
         if (this.deACMode.actype === "CHATCOMPLETION") {
-          this.deService = await ibiz.hub.getApp(model.appId).deService.getService(model.appDataEntityId);
+          this.deService = await ibiz.hub.getApp(model.appId).deService.getService(this.context, model.appDataEntityId);
           this.chatCompletion = true;
         }
       }

package/es/editor/span/span/span.mjs

@@ -108,8 +108,8 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
   },
   render() {
     let content = null;
-    if (this.c.codeList && this.items.length > 0) {
-      content = createVNode(resolveComponent("iBizCodeList"), {
+    if (this.c.codeList) {
+      content = this.items.length > 0 && createVNode(resolveComponent("iBizCodeList"), {
         "class": this.ns.e("code-list"),
         "codeListItems": this.items,
         "codeList": this.c.codeList,

package/es/editor/text-box/text-box-editor.controller.mjs

@@ -110,7 +110,7 @@ class TextBoxEditorController extends EditorController {
             }
           }
           if (this.deACMode.actype === "CHATCOMPLETION") {
-            this.deService = await ibiz.hub.getApp(model.appId).deService.getService(model.appDataEntityId);
+            this.deService = await ibiz.hub.getApp(model.appId).deService.getService(this.context, model.appDataEntityId);
             this.chatCompletion = true;
           }
         }

package/es/view-engine/edit-view.engine.mjs

@@ -145,6 +145,7 @@ class EditViewEngine extends ViewEngineBase {
     await this.save();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     const res = await entityService.wf.getWFVersion();
@@ -197,6 +198,7 @@ class EditViewEngine extends ViewEngineBase {
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const data = this.form.state.data;
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     await entityService.wf.exec(

package/es/view-engine/tree-grid-ex-view.engine.d.ts

@@ -1,5 +1,6 @@
-import { ViewController, ITreeGridExViewEvent, ITreeGridExViewState, MDViewEngine } from '@ibiz-template/runtime';
+import { ViewController, ITreeGridExViewEvent, ITreeGridExViewState } from '@ibiz-template/runtime';
 import { IAppDETreeGridExView } from '@ibiz/model-core';
-export declare class TreeGridExViewEngine extends MDViewEngine {
+import { TreeViewEngine } from './tree-view.engine';
+export declare class TreeGridExViewEngine extends TreeViewEngine {
     protected view: ViewController<IAppDETreeGridExView, ITreeGridExViewState, ITreeGridExViewEvent>;
 }

package/es/view-engine/tree-grid-ex-view.engine.mjs

@@ -1,7 +1,7 @@
-import { MDViewEngine } from '@ibiz-template/runtime';
+import { TreeViewEngine } from './tree-view.engine.mjs';
 
 "use strict";
-class TreeGridExViewEngine extends MDViewEngine {
+class TreeGridExViewEngine extends TreeViewEngine {
 }
 
 export { TreeGridExViewEngine };

package/es/view-engine/wf-dyna-edit-view.engine.mjs

@@ -61,6 +61,7 @@ class WFDynaEditViewEngine extends EditViewEngine {
     await super.onCreated();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     this.entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     await this.calcProcessForm();
@@ -104,7 +105,11 @@ class WFDynaEditViewEngine extends EditViewEngine {
    * @return {*}  {Promise<string>}
    */
   async calcProcessFormName() {
-    const res = await this.entityService.wf.getWFStep(this.view.params);
+    const res = await this.entityService.wf.getWFStep(
+      Object.assign(this.view.context.clone(), {
+        ...this.view.params
+      })
+    );
     this.isEditable = res.data.isEditable === "true";
     const key = `process-${ibiz.env.isMob ? "mob" : ""}form`;
     const processForm = res.data[key] ? `wfform_${res.data[key]}` : "form";
@@ -146,6 +151,7 @@ class WFDynaEditViewEngine extends EditViewEngine {
     this.toolbar.clearExtraButtons();
     const app = ibiz.hub.getApp(this.view.context.srfappid);
     const entityService = await app.deService.getService(
+      this.view.context,
       this.view.model.appDataEntityId
     );
     const res = await entityService.wf.getWFLink(

package/lib/common/grid-setting/grid-setting.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./grid-setting.css');
+
+"use strict";
+const IBizGridSetting = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizGridSetting",
+  props: {
+    columnStates: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["columnStateClick"],
+  setup(_props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("grid-setting");
+    const handleClick = (columnState) => {
+      emit("columnStateClick", columnState);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("el-popover"), {
+      "placement": "right-start",
+      "trigger": "click"
+    }, {
+      reference: () => {
+        return vue.createVNode("ion-icon", {
+          "name": "settings-outline",
+          "class": this.ns.b()
+        }, null);
+      },
+      default: () => {
+        return vue.createVNode("div", {
+          "class": this.ns.b("column-states")
+        }, [this.columnStates.map((state) => {
+          return vue.createVNode("div", {
+            "class": [this.ns.b("column-state"), this.ns.is("disabled", state.hidden)],
+            "onClick": () => this.handleClick(state)
+          }, [state.caption]);
+        })]);
+      }
+    });
+  }
+});
+
+exports.IBizGridSetting = IBizGridSetting;

package/lib/common/grid-setting/grid-setting.css

@@ -0,0 +1 @@
+.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{padding:var(--ibiz-spacing-extra-tight) 0;cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled{opacity:.5}

package/lib/common/index.cjs

@@ -19,6 +19,7 @@ var dataImport = require('./data-import/data-import.cjs');
 var dataImport2 = require('./data-import2/data-import2.cjs');
 var dataImport2Table = require('./data-import2-table/data-import2-table.cjs');
 var dataImport2Select = require('./data-import2-select/data-import2-select.cjs');
+var gridSetting = require('./grid-setting/grid-setting.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -44,6 +45,7 @@ const IBizCommonComponents = {
     v.component(dataImport2.DataImport2.name, dataImport2.DataImport2);
     v.component(dataImport2Table.DataImport2Table.name, dataImport2Table.DataImport2Table);
     v.component(dataImport2Select.DataImport2Select.name, dataImport2Select.DataImport2Select);
+    v.component(gridSetting.IBizGridSetting.name, gridSetting.IBizGridSetting);
     v.component(
       "IBizMapChart",
       vue.defineAsyncComponent({