@ibiz-template/vue3-components 0.7.1 → 0.7.3

package/es/common/data-import/data-import.d.ts

@@ -25,10 +25,8 @@ export declare const DataImport: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onLinkClick: () => Promise<void>;
-    selectFile: () => void;
+    selectFile: () => Promise<void>;
     onCancelButtonClick: () => void;
-    onFileChange: ($event: Event) => Promise<void>;
-    inputUpLoad: import("vue").Ref<any>;
     isLoading: import("vue").Ref<boolean>;
     message: import("vue").Ref<{
         state: 'ready' | 'over' | 'error';

package/es/common/data-import/data-import.mjs

@@ -1,7 +1,7 @@
 import { isVNode, ref, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import.css';
-import { asyncImportData, importData } from '@ibiz-template/runtime';
+import { downloadImportTemplate, selectAndImport } from '@ibiz-template/runtime';
 
 "use strict";
 function _isSlot(s) {
@@ -33,7 +33,6 @@ const DataImport = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("data-import");
-    const inputUpLoad = ref();
     const message = ref({
       state: "ready",
       message: ""
@@ -43,86 +42,50 @@ const DataImport = /* @__PURE__ */ defineComponent({
     const onCancelButtonClick = () => {
       props.dismiss();
     };
-    const onFileChange = async ($event) => {
-      const obj = $event.target;
-      if (!obj.files) {
+    const onLinkClick = async () => {
+      downloadImportTemplate(props.appDataEntity, props.dataImport);
+    };
+    const selectFile = async () => {
+      isLoading.value = true;
+      const result = await selectAndImport({
+        appDataEntity: props.appDataEntity,
+        dataImport: props.dataImport,
+        context: props.context
+      });
+      if (result.cancel) {
+        isLoading.value = false;
         return;
       }
-      errorMessage.value = "";
-      const selectedFile = obj.files[0];
-      obj.value = null;
-      let result;
-      isLoading.value = true;
-      try {
-        if (ibiz.env.enableMqtt) {
-          asyncImportData(selectedFile, props.appDataEntity, props.dataImport, props.context);
-          ibiz.notification.info({
-            desc: ibiz.i18n.t("component.dataImport.startImport")
+      if (!result.isAsync) {
+        if (result.errorMessage) {
+          errorMessage.value = result.errorMessage;
+        } else {
+          const {
+            success,
+            total,
+            message: _message
+          } = result;
+          const totalNum = total ? Number(total) : 0;
+          const successNum = success ? Number(success) : 0;
+          const errorNum = total - success;
+          message.value.state = _message ? "error" : "over";
+          message.value.message = _message || ibiz.i18n.t("component.dataImport.importSuccess", {
+            totalNum,
+            successNum,
+            errorNum
           });
-          onCancelButtonClick();
-          return;
-        }
-        result = await importData(selectedFile, props.appDataEntity, props.dataImport, props.context);
-        ibiz.mc.command.send({
-          srfdecodename: props.appDataEntity.codeName
-        }, "OBJECTCREATED", "DATAIMPORT");
-        const {
-          success,
-          total,
-          message: _message
-        } = result;
-        const totalNum = total ? Number(total) : 0;
-        const successNum = success ? Number(success) : 0;
-        const errorNum = total - success;
-        message.value.state = _message ? "error" : "over";
-        message.value.message = _message || ibiz.i18n.t("component.dataImport.importSuccess", {
-          totalNum,
-          successNum,
-          errorNum
-        });
-      } catch (error) {
-        if (error instanceof Error) {
-          errorMessage.value = error.message;
         }
-      } finally {
-        isLoading.value = false;
       }
-    };
-    const onLinkClick = async () => {
-      var _a, _b;
-      let templateUrl = "".concat(props.appDataEntity.codeName2.toLowerCase(), "/importtemplate");
-      if ((_a = props.dataImport) == null ? void 0 : _a.codeName) {
-        templateUrl += "?srfimporttag=".concat(props.dataImport.codeName);
+      isLoading.value = false;
+      if (result.isAsync) {
+        onCancelButtonClick();
       }
-      const res = await ibiz.net.request(templateUrl, {
-        responseType: "blob"
-      });
-      if (res.status === 200) {
-        let fileName = ((_b = res.headers["content-disposition"].split(";").find((str) => str.indexOf("filename=") !== -1)) == null ? void 0 : _b.slice(9)) || "";
-        fileName = decodeURIComponent(fileName);
-        const blob = new Blob([res.data], {
-          type: "application/vnd.ms-excel"
-        });
-        const elink = document.createElement("a");
-        elink.download = fileName;
-        elink.style.display = "none";
-        elink.href = URL.createObjectURL(blob);
-        document.body.appendChild(elink);
-        elink.click();
-        URL.revokeObjectURL(elink.href);
-        document.body.removeChild(elink);
-      }
-    };
-    const selectFile = () => {
-      inputUpLoad.value.click();
     };
     return {
       ns,
       onLinkClick,
       selectFile,
       onCancelButtonClick,
-      onFileChange,
-      inputUpLoad,
       isLoading,
       message,
       errorMessage
@@ -132,13 +95,7 @@ const DataImport = /* @__PURE__ */ defineComponent({
     let _slot, _slot2;
     return withDirectives(createVNode("div", {
       "class": this.ns.b()
-    }, [createVNode("input", {
-      "ref": "inputUpLoad",
-      "type": "file",
-      "style": "display: none",
-      "accept": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-      "onChange": this.onFileChange
-    }, null), createVNode("div", {
+    }, [createVNode("div", {
       "class": this.ns.e("caption")
     }, [ibiz.i18n.t("component.dataImport.importData")]), this.message.state === "ready" ? createVNode("div", {
       "class": this.ns.b("upload"),

package/es/common/data-import2/data-import2.d.ts

@@ -32,7 +32,6 @@ type columnMappingListMapValueType = {
     update_date: string;
     update_man: string;
 };
-export declare function importMapping(method: string, id?: string, data?: IData): Promise<IData>;
 export declare const DataImport2: import("vue").DefineComponent<{
     dismiss: {
         type: PropType<() => void>;

package/es/common/data-import2/data-import2.mjs

@@ -5,23 +5,12 @@ import { getCookie } from 'qx-util';
 import { CoreConst } from '@ibiz-template/core';
 import { clone } from 'ramda';
 import './data-import2.css';
-import { calcResPath } from '@ibiz-template/runtime';
+import { getDefaultDataImport, getImportSchema, updateImportSchema, createImportSchema, asyncImportData2, fetchImportSchemas } from '@ibiz-template/runtime';
 
 "use strict";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-async function importMapping(method, id, data) {
-  let url = "extension/import_schemas";
-  if (id) {
-    url = "".concat(url, "/").concat(id);
-  }
-  const res = await ibiz.net.request(url, {
-    method,
-    data
-  });
-  return res;
-}
 const DataImport2 = /* @__PURE__ */ defineComponent({
   name: "DataImport2",
   props: {
@@ -65,6 +54,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
     const columnMappingListMap = /* @__PURE__ */ new Map();
     const options = ref([]);
     const isNoPersonel = ref(false);
+    const dataImport = props.dataImport || getDefaultDataImport(props.appDataEntity);
     const clearSelect = () => {
       const keys = [...columnMap.keys()];
       keys.forEach((item) => {
@@ -85,7 +75,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
         }
         let columnMapData = columnData.fields;
         if (!columnData.fields) {
-          const res = await importMapping("get", columnData.id);
+          const res = await getImportSchema(columnData.id);
           if (res.status === 200 && res.data) {
             columnMapData = res.data.fields;
           }
@@ -127,7 +117,6 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       watchValue(newValue);
     });
     const onButtonColumnMappingImportClick = async () => {
-      var _a;
       const string = selectValues.value.join("");
       if (string === "") {
         ibiz.message.warning(ibiz.i18n.t("component.dataImport2.atLastOne"));
@@ -138,32 +127,25 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
         const columnMapArr = [...columnMap.values()];
         const fields = columnMapArr.filter((columnitem) => columnitem.name !== "");
         const data = {
-          // schame_tag: '', // 导入模式标记 不传
-          // id: '', // 导入模式标识 也不用传
           name: "".concat(fileName.value.split(".")[0], "|").concat((/* @__PURE__ */ new Date()).toLocaleString()),
           // 导入模式名称 按照导入的名称|时间来生成
-          // order_value: '', // 排序值  也不用传
-          fields,
+          fields
           // 导入模式属性 {name:'',order_value:1}
-          // type: '', // 导入模式类型  暂时不用传
-          system_tag: (_a = ibiz.appData) == null ? void 0 : _a.context.srfsystemid,
-          // 系统标记
-          data_entity_tag: props.appDataEntity.codeName,
-          // 数据实体标记
-          import_tag: props.appDataEntity.defaultAppDEDataImportId,
-          // 导入标记 导入模型的代码名称
-          owner_type: "PERSONAL"
-          // 所有者类型
         };
         if (props.params) {
           Object.assign(data, props.params);
         }
         if (listValue.value) {
           const columnData = columnMappingListMap.get(listValue.value);
-          if (columnData && columnData.name) {
+          if (columnData) {
             data.name = columnData.name;
+            data.id = columnData.id;
           }
-          const resput = await importMapping("put", columnData == null ? void 0 : columnData.id, data);
+          const resput = await updateImportSchema({
+            appDataEntity: props.appDataEntity,
+            dataImport,
+            data
+          });
           if (resput.status === 200 && resput.ok) {
             columnMappingListMap.set(listValue.value, resput.data);
           }
@@ -176,7 +158,11 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
             checkmark: false,
             close: false
           });
-          const res = await importMapping("post", "", data);
+          const res = await createImportSchema({
+            appDataEntity: props.appDataEntity,
+            dataImport,
+            data
+          });
           if (res.status === 200 && res.ok) {
             columnMappingListMap.set(data.name, res.data);
           }
@@ -194,33 +180,11 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
           if (data) {
             id = data.id;
           }
-          let path = "/".concat(props.appDataEntity.codeName2.toLowerCase());
-          const srfimporttag = props.appDataEntity.defaultAppDEDataImportId;
-          if (props.context) {
-            const resPath = calcResPath(props.context, props.appDataEntity);
-            path = resPath + path;
-          }
-          let url = "".concat(path, "/asyncimportdata2");
-          const queryData = {
-            srfossfileid: fileid,
-            srfimportschemaid: id
-          };
-          if (srfimporttag) {
-            Object.assign(queryData, {
-              srfimporttag
-            });
-          }
-          if (props.params) {
-            Object.assign(queryData, props.params);
-          }
-          url += qs.stringify(queryData, {
-            addQueryPrefix: true
-          });
-          await ibiz.net.request(url, {
-            method: "get"
-          });
-          ibiz.notification.info({
-            desc: ibiz.i18n.t("component.dataImport.startImport")
+          await asyncImportData2({
+            appDataEntity: props.appDataEntity,
+            dataImport,
+            fileId: fileid,
+            schemaId: id
           });
           onCancelButtonClick();
         } else {
@@ -242,13 +206,10 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       }
     };
     const columnMappingListQuery = async () => {
-      var _a;
-      const params = {
-        n_import_tag_eq: props.appDataEntity.defaultAppDEDataImportId,
-        n_system_tag_eq: (_a = ibiz.appData) == null ? void 0 : _a.context.srfsystemid,
-        n_data_entity_tag_eq: props.appDataEntity.codeName
-      };
-      const res = await importMapping("post", "fetch_cur_user", params);
+      const res = await fetchImportSchemas({
+        appDataEntity: props.appDataEntity,
+        dataImport
+      });
       if (res.status === 200 && res.data) {
         res.data.forEach((item) => {
           options.value.push({
@@ -264,8 +225,6 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       }
     };
     onMounted(() => {
-      var _a;
-      const dataImport = (_a = props.appDataEntity.appDEDataImports) == null ? void 0 : _a.find((importItem) => importItem.id === props.appDataEntity.defaultAppDEDataImportId);
       if (dataImport && dataImport.dedataImportItems) {
         dataOption.value = dataImport.dedataImportItems;
       } else if (props.appDataEntity.appDEFields) {
@@ -470,4 +429,4 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { DataImport2, importMapping };
+export { DataImport2 };

package/es/common/data-import2-select/data-import2-select.mjs

@@ -1,7 +1,7 @@
 import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { importMapping } from '../data-import2/data-import2.mjs';
 import './data-import2-select.css';
+import { updateImportSchema, deleteImportSchema } from '@ibiz-template/runtime';
 
 "use strict";
 function _isSlot(s) {
@@ -54,7 +54,9 @@ const DataImport2Select = /* @__PURE__ */ defineComponent({
       const data = props.columnMappingListMap.get(item.oldLabel);
       if (data) {
         data.name = item.label;
-        const result = await importMapping("put", data.id, data);
+        const result = await updateImportSchema({
+          data
+        });
         if (result.status === 200 && result.ok) {
           emit("columnMappingListMapChange", item.label, result.data);
         }
@@ -79,7 +81,7 @@ const DataImport2Select = /* @__PURE__ */ defineComponent({
       e.stopPropagation();
       const columnData = props.columnMappingListMap.get(str);
       if (columnData) {
-        const res = await importMapping("delete", columnData.id);
+        const res = await deleteImportSchema(columnData.id);
         if (res.status === 200 && res.ok) {
           emit("optionsChange", str);
           emit("columnMappingListMapChange", str);

package/es/control/form/form/form.mjs

@@ -41,16 +41,11 @@ const FormControl = /* @__PURE__ */ defineComponent({
         return;
       }
       const detailId = detail.id;
-      const detailProps = {
-        modelData: detail,
-        controller: c.details[detailId],
-        key: detail.id,
-        attrs: renderAttrs(detail)
-      };
       if (slots[detailId]) {
         return renderSlot(slots, detailId, {
-          ...slotProps,
-          ...detailProps
+          model: detail,
+          data: c.state.data,
+          value: c.state.data[detailId]
         });
       }
       const childSlots = {};
@@ -73,7 +68,10 @@ const FormControl = /* @__PURE__ */ defineComponent({
       }
       const component = resolveComponent(provider.component);
       return h(component, {
-        ...detailProps
+        modelData: detail,
+        controller: c.details[detailId],
+        key: detail.id,
+        attrs: renderAttrs(detail)
       }, childSlots);
     };
     const FormDetail = (_props) => {

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

@@ -244,6 +244,14 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     isCreated: boolean;
                     isMounted: boolean;
                     isDestroyed: boolean;
+                    context: {
+                        [x: string]: any;
+                        [x: symbol]: any;
+                        srfsessionid: string;
+                        srfappid: string;
+                        srfsimple?: boolean | undefined;
+                        srfpaginationviewid?: string | undefined;
+                    };
                 };
                 readonly model: {
                     layoutBodyOnly?: boolean | undefined;
@@ -3102,6 +3110,14 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 isCreated: boolean;
                 isMounted: boolean;
                 isDestroyed: boolean;
+                context: {
+                    [x: string]: any;
+                    [x: symbol]: any;
+                    srfsessionid: string;
+                    srfappid: string;
+                    srfsimple?: boolean | undefined;
+                    srfpaginationviewid?: string | undefined;
+                };
                 srfactiveviewdata: IData | null;
             };
             readonly model: {
@@ -7269,6 +7285,14 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     isCreated: boolean;
                     isMounted: boolean;
                     isDestroyed: boolean;
+                    context: {
+                        [x: string]: any;
+                        [x: symbol]: any;
+                        srfsessionid: string;
+                        srfappid: string;
+                        srfsimple?: boolean | undefined;
+                        srfpaginationviewid?: string | undefined;
+                    };
                     srfactiveviewdata: IData | null;
                 };
                 readonly model: {
@@ -11345,6 +11369,14 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 isCreated: boolean;
                 isMounted: boolean;
                 isDestroyed: boolean;
+                context: {
+                    [x: string]: any;
+                    [x: symbol]: any;
+                    srfsessionid: string;
+                    srfappid: string;
+                    srfsimple?: boolean | undefined;
+                    srfpaginationviewid?: string | undefined;
+                };
             };
             readonly model: {
                 layoutBodyOnly?: boolean | undefined;
@@ -14292,6 +14324,14 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             isCreated: boolean;
             isMounted: boolean;
             isDestroyed: boolean;
+            context: {
+                [x: string]: any;
+                [x: symbol]: any;
+                srfsessionid: string;
+                srfappid: string;
+                srfsimple?: boolean | undefined;
+                srfpaginationviewid?: string | undefined;
+            };
         };
         readonly model: {
             autoSaveMode?: number | undefined;

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

@@ -71,6 +71,7 @@ export declare const GridControl: import("vue").DefineComponent<{
     tableRef: import("vue").Ref<IData | undefined>;
     tableData: import("vue").Ref<IData>;
     renderColumns: import("vue").Ref<IDEGridColumn[]>;
+    renderTableColumn: (model: IDEGridColumn, index: number) => VNode | null;
     onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
     onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: IData, event: MouseEvent) => Promise<void>;
     onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;

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

@@ -1,4 +1,4 @@
-import { resolveComponent, mergeProps, h, createVNode, createTextVNode, onUnmounted, defineComponent } from 'vue';
+import { resolveComponent, mergeProps, h, createVNode, createTextVNode, renderSlot, onUnmounted, defineComponent } from 'vue';
 import { useControlController, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { ScriptFactory, GridController } from '@ibiz-template/runtime';
 import { useITableEvent, useGridHeaderStyle, useAppGridBase } from './grid-control.util.mjs';
@@ -138,7 +138,9 @@ const GridControl = /* @__PURE__ */ defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const c = useControlController((...args) => new GridController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
@@ -216,6 +218,15 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "class": ns.b("batch-toolbar-items")
       }, null)])]);
     };
+    const renderTableColumn = (model, index) => {
+      if (slots[model.id]) {
+        return renderSlot(slots, model.id, {
+          model,
+          data: c.state.items
+        });
+      }
+      return renderChildColumn(c, model, renderColumns.value, index);
+    };
     onUnmounted(() => {
       zIndex.decrement();
     });
@@ -225,6 +236,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
       tableRef,
       tableData,
       renderColumns,
+      renderTableColumn,
       onDbRowClick,
       onRowClick,
       onSelectionChange,
@@ -282,7 +294,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
             "type": "selection",
             "width": "55"
           }, null), this.renderColumns.map((model, index) => {
-            return renderChildColumn(this.c, model, this.renderColumns, index);
+            return this.renderTableColumn(model, index);
           })];
         },
         append: () => {

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

@@ -58,6 +58,9 @@ export declare const IBizGridControl: import("@ibiz-template/vue3-util").TypeWit
     tableRef: import("vue").Ref<IData | undefined>;
     tableData: import("vue").Ref<IData>;
     renderColumns: import("vue").Ref<import("@ibiz/model-core").IDEGridColumn[]>;
+    renderTableColumn: (model: import("@ibiz/model-core").IDEGridColumn, index: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
     onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
     onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: IData, event: MouseEvent) => Promise<void>;
     onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;

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

@@ -378,7 +378,12 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
           }, null);
         })) ? _slot2 : {
           default: () => [_slot2]
-        }), renderEditor(child, itemsC)];
+        }), createVNode(resolveComponent("iBizFilterModeSelect"), {
+          "disabled": true,
+          "class": ns.e("mode-select"),
+          "value": child.valueOP,
+          "modes": [child.valueOP]
+        }, null), renderEditor(child, itemsC)];
       }
       return createVNode("div", {
         "class": (ns.b("group"), ns.bm("group", "items"))

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

@@ -59,6 +59,9 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     treeGirdData: import("vue").ComputedRef<IData[]>;
     tableData: import("vue").Ref<IData>;
     renderColumns: import("vue").Ref<import("@ibiz/model-core").IDEGridColumn[]>;
+    renderColumn: (model: import("@ibiz/model-core").IDEGridColumn, index: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
     defaultSort: import("vue").Ref<IData>;
     onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
     onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: IData, event: MouseEvent) => Promise<void>;

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

@@ -1,4 +1,5 @@
 import { PropType, VNode } from 'vue';
+import { IDEGridColumn } from '@ibiz/model-core';
 import { ControlVO, IControlProvider, TreeGridController } from '@ibiz-template/runtime';
 export declare const TreeGridControl: import("vue").DefineComponent<{
     modelData: {
@@ -68,7 +69,8 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
     tableRef: import("vue").Ref<IData | undefined>;
     treeGirdData: import("vue").ComputedRef<IData[]>;
     tableData: import("vue").Ref<IData>;
-    renderColumns: import("vue").Ref<import("@ibiz/model-core").IDEGridColumn[]>;
+    renderColumns: import("vue").Ref<IDEGridColumn[]>;
+    renderColumn: (model: IDEGridColumn, index: number) => VNode | null;
     defaultSort: import("vue").Ref<IData>;
     onDbRowClick: (data: ControlVO) => void;
     onRowClick: (data: ControlVO, _column: IData, event: MouseEvent) => Promise<void>;

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

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, createVNode, createTextVNode, renderSlot, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';
@@ -58,7 +58,9 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const c = useControlController((...args) => new TreeGridController(...args));
     const ns = useNamespace("control-grid");
     const ns2 = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
@@ -160,6 +162,15 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         "class": ns.b("batch-toolbar-items")
       }, null)])]);
     };
+    const renderColumn = (model, index) => {
+      if (slots[model.id]) {
+        return renderSlot(slots, model.id, {
+          model,
+          data: c.state.items
+        });
+      }
+      return renderChildColumn(c, model, renderColumns.value, index);
+    };
     return {
       c,
       ns,
@@ -168,6 +179,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       treeGirdData,
       tableData,
       renderColumns,
+      renderColumn,
       defaultSort,
       onDbRowClick,
       onRowClick,
@@ -227,7 +239,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
             "type": "selection",
             "width": "55"
           }, null), state.isCreated && this.renderColumns.map((model, index) => {
-            return renderChildColumn(this.c, model, this.renderColumns, index);
+            return this.renderColumn(model, index);
           })];
         },
         append: () => {

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

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, computed, ref, watchEffect, mergeProps, h, defineComponent } from 'vue';
+import { resolveComponent, createVNode, computed, ref, watchEffect, renderSlot, mergeProps, h, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExController } from '@ibiz-template/runtime';
 import './tree-grid-ex.css';
@@ -173,6 +173,12 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
   render() {
     const renderColumn = (model, index) => {
       var _a, _b;
+      if (this.$slots[model.id]) {
+        return renderSlot(this.$slots, model.id, {
+          model,
+          data: this.c.state.items
+        });
+      }
       const {
         codeName: columnName,
         width