bri-components 1.3.97 → 1.4.0

package/src/components/list/mixins/DshCascaderTableMixin.js

@@ -2,16 +2,6 @@ export default {
     mixins: [],
     components: {},
     props: {
-        tableDataObj: {
-            type: Object,
-            default () {
-                return {
-                    tree: [],
-                    list: [],
-                    _treeForm: []
-                };
-            }
-        },
         treeColumns: {
             type: Array,
             default () {
@@ -37,51 +27,46 @@ export default {
                     color: "red",
                     event: "clickDeleteCol"
                 }
-            },
-            otherOperationMap: {
-                clickNode: {
-                    name: "点击节点",
-                    type: "clickNode",
-                    event: "clickNode"
-                },
-                blurNode: {
-                    name: "节点失去焦点",
-                    type: "blurNode",
-                    event: "blurNode"
-                },
-                changeNode: {
-                    name: "改变节点值",
-                    type: "changeNode",
-                    event: "changeNode"
-                }
-                // canClearNode: {
-                //     name: "清除内容",
-                //     type: "canClearNode",
-                //     icon: "md-trash",
-                //     divided: true,
-                //     event: "clickClearNode"
-                // },
-                // canClearChildNodes: {
-                //     name: "清除所有下级内容",
-                //     type: "canClearChildNodes",
-                //     icon: "md-trash",
-                //     event: "clickClearChildNodes"
-                // }
             }
+            // otherOperationMap: {
+            //     canChangeNode: {
+            //         name: "改变节点值",
+            //         type: "canChangeNode",
+            //         event: "changeNode"
+            //     },
+            //     canClickNode: {
+            //         name: "点击节点",
+            //         type: "canClickNode",
+            //         event: "clickNode"
+            //     },
+            //     canBlurNode: {
+            //         name: "节点失去焦点",
+            //         type: "canBlurNode",
+            //         event: "blurNode"
+            //     }
+            // }
         };
     },
     computed: {
-        typePropsObj () {
+        selfBasePropsObj () {
             return {
+                ...this.treeTableBasePropsObj,
                 _dftReadonlyTreeColKeys: [], // 默认的数据只读的表头列
                 _oldReadonlyTreeColKeys: [] // 保存的数据只读的表头列
             };
         },
         dftReadonlyTreeColKeys () {
-            return this.isDftSet ? [] : this.selfPropsObj._dftReadonlyTreeColKeys || []; // 配置端有问题，高级以依赖时候值成undefined了
+            return this.isDftSet ? [] : this.selfPropsObj._dftReadonlyTreeColKeys || []; // 配置端有问题，高级依赖时值成undefined了
         },
         oldReadonlyTreeColKeys () {
-            return this.isDftSet ? [] : this.selfPropsObj._oldReadonlyTreeColKeys || []; // 配置端有问题，高级以依赖时候值成undefined了
+            return this.isDftSet ? [] : this.selfPropsObj._oldReadonlyTreeColKeys || []; // 配置端有问题，高级依赖时值成undefined了
+        },
+        // 替换tableBaseMixin里的
+        showCreateBtnColKeys () {
+            return [
+                ...this.treeForm.map(treeFormItem => treeFormItem._key),
+                ...(this.selfPropsObj._showCreateBtnColKeys || [])
+            ];
         },
 
         allTreeData () {
@@ -125,318 +110,186 @@ export default {
         /* ----------- 操作 ---------- */
         // 表头操作 -树形表头-添加一列
         clickCreateCol (operationItem, col, colIndex) {
-            if (col.colType === "tree" && col.level === this.treeColumns.length) {
-                this.treeColumns.push({
-                    _id: this.$ObjectID().str,
-                    _key: this.$randomB36("Field"),
-                    _type: "textarea",
-                    _name: `${this.$numToChinese(this.treeColumns.length + 1)}级表头`,
-                    level: this.treeColumns.length + 1,
-                    canDelete: true,
-                    _treeSubForm: []
-                });
-                this.tableDataObj._treeForm = this.treeColumns;
+            this.treeColumns.push({
+                _id: this.$ObjectID().str,
+                _key: this.$randomB36("Field"),
+                _type: "textarea",
+                _name: `${this.$numToChinese(this.treeColumns.length + 1)}级表头`,
+                level: this.treeColumns.length + 1,
+                canDelete: true,
+                _treeSubForm: []
+            });
+            this.tableDataObj._treeForm = this.treeColumns;
 
-                this.change("createCol", col);
-            }
+            this.change("createCol", null, null, col);
         },
         // 表头操作 -树形表头-删除一列
         clickDeleteCol (operationItem, col, colIndex) {
-            if (col.colType === "tree" && col.canDelete !== false) {
-                this.isDeleteColStatus = true; // isDeleteStatus不用在data中定义
-                this.treeColumns.pop();
-                this.tableDataObj._treeForm = this.treeColumns;
-
-                this.change("deleteCol", col);
-            }
-        },
-
-        // 树形、汇总节点操作 -点击
-        clickNode (operationItem, col, row, rowIndex) {
-            if (col.colType === "tree") {
-                if (
-                    (this.getIsDftRow(row) ? !this.dftReadonlyTreeColKeys.includes(col._key) : true) && // 默认行的某列是否可编辑
-                    (row.__old__ === true ? !this.oldReadonlyTreeColKeys.includes(col._key) : true) // 老数据行里某些列不可编辑
-                ) {
-                    row.isEdit = true;
-                    this.$nextTick(() => {
-                        this.$refs[`${col._id}${row._id}`][0] && this.$refs[`${col._id}${row._id}`][0].focus();
-                    });
-                }
-            } else if (col.colType === "summary") {
-                this.$Modal.warning({
-                    title: "该汇总单元格自动计算，不准手动输入！",
-                    closable: true,
-                    onOk: () => { },
-                    onCancel: () => { }
-                });
-            }
-        },
-        // 树形节点操作 -失去焦点
-        blurNode (operationItem, col, row, rowIndex) {
-            row.isEdit = false;
-        },
-        // 树形节点操作 -值改变
-        changeNode (operationItem, col, row, rowIndex) {
-            this.change("changeNode", col, row, rowIndex);
-        },
-        // // 节点操作 -清除该节点内容
-        // clickClearNode (operationItem, row, rowIndex, col) {
-        //     row.name = "";
+            this.isDeleteColStatus = true; // isDeleteStatus不用在data中定义
+            this.treeColumns.pop();
+            this.tableDataObj._treeForm = this.treeColumns;
 
-        //     this.change("clearNode", null, row, rowIndex);
-        // },
-        // // 节点操作 -清除所有子节点内容
-        // clickClearChildNodes (operationItem, row, rowIndex, col) {
-        //     this.$clearPropertyValToLeaf(row.children);
-
-        //     this.change("clearChildNodes", null, row, rowIndex);
-        // },
-        change (eventType, col, row, rowIndex, ...params) {
-            this.$emit("change", this.tableDataObj, eventType, col, row, rowIndex, ...params);
+            this.change("deleteCol", null, null, col);
         },
 
-        /* ----------- 渲染函数 ---------- */
+        /* ----------- 渲染函数（声明：为了代码更加规范清晰，return的是h相关的函数，则函数名get开头；return的是h的直接调用，函数名不要get开头）---------- */
         // 表格表头渲染函数
-        getTableHeadRender () {
-            return (h) => {
-                return h("div", {
-                    class: "DshCasTable-main-center-top"
+        tableHeadRender (h) {
+            return h("div", {
+                class: "DshCasTable-main-center-top"
+            }, [
+                h("div", {
+                    class: "DshCasTable-main-center-top-inner"
                 }, [
-                    h("div", {
-                        class: "DshCasTable-main-center-top-inner"
+                    h("table", {
+                        class: "table",
+                        attrs: {
+                            border: "1",
+                            cellspacin: "0",
+                            bordercolor: "#E7EDF8"
+                        }
                     }, [
-                        h("table", {
-                            class: "table",
-                            attrs: {
-                                border: "1",
-                                cellspacin: "0",
-                                bordercolor: "#E7EDF8"
-                            }
+                        h("tbody", {
+                            class: ""
                         }, [
-                            h("tbody", {
-                                class: ""
-                            }, [
-                                h(
-                                    "tr",
-                                    {},
-                                    this.showColumns.map((column, colIndex) => {
-                                        return h("th", {
-                                            key: column._id,
-                                            class: "bri-table-th",
-                                            style: this.getThStyle(column, "th")
-                                        }, [
-                                            // 表头单元格
-                                            this.getThRender(column, colIndex)(h)
-                                            // h("dsh-render", {
-                                            //     props: {
-                                            //         render: this.getThRender(column, colIndex)
-                                            //     }
-                                            // })
-                                        ]);
-                                    })
-                                )
-                            ])
+                            h(
+                                "tr",
+                                {},
+                                this.showColumns.map((column, colIndex) => {
+                                    return this.thRender(h, { column, colIndex });
+                                    // return h("dsh-render", {
+                                    //     props: {
+                                    //         render: this.thRender(h, { column, colIndex })
+                                    //     }
+                                    // })
+                                })
+                            )
                         ])
                     ])
-                ]);
-            };
+                ])
+            ]);
         },
         // 表格内容渲染函数
-        getTableBodyRender () {
-            return (h) => {
-                return h("div", {
-                    class: "DshCasTable-main-center-list"
+        tableBodyRender (h) {
+            return h("div", {
+                class: "DshCasTable-main-center-list"
+            }, [
+                h("div", {
+                    class: "DshCasTable-main-center-list-inner"
                 }, [
-                    h("div", {
-                        class: "DshCasTable-main-center-list-inner"
+                    h("table", {
+                        class: "table",
+                        attrs: {
+                            border: "1",
+                            cellspacin: "0",
+                            bordercolor: "#E7EDF8"
+                        }
                     }, [
-                        h("table", {
-                            class: "table",
-                            attrs: {
-                                border: "1",
-                                cellspacin: "0",
-                                bordercolor: "#E7EDF8"
-                            }
+                        h("tbody", {
+                            class: ""
                         }, [
-                            h("tbody", {
-                                class: ""
-                            }, [
-                                this.showListData.length
-                                    ? this.showListData.map((mixedRow, rowIndex) => {
-                                        return h(
-                                            "tr",
-                                            {
-                                                key: mixedRow._id,
-                                                class: ""
-                                            },
-                                            this.rowColumnsArr[rowIndex].map(column => {
-                                                return ["tree", "summary"].includes(column.colType)
-                                                    // 树节点单元格、汇总单元格
-                                                    ? this.getTreeTdRender(column, mixedRow[column.nodeKey || column._key], rowIndex)(h)
-                                                    // 普通单元格
-                                                    : this.getTdRender(column, mixedRow[column.nodeKey], rowIndex)(h);
-                                            })
-                                        );
-                                    })
-                                    // 无数据
-                                    : h("tr", {
+                            this.showListData.length
+                                ? this.showListData.map((mixedRow, rowIndex) => {
+                                    return h(
+                                        "tr",
+                                        {
+                                            key: mixedRow._id,
+                                            class: ""
+                                        },
+                                        this.rowColumnsArr[rowIndex].map(column => {
+                                            return this.tdRender(h, { row: mixedRow[column.nodeKey || column._key], rowIndex, column });
+                                            // return ["tree", "summary"].includes(column.colType)
+                                            //     ? this.treeTdRender(h, { row: mixedRow[column.nodeKey || column._key], rowIndex, column })
+                                            //     : this.contentTdRender(h, { row: mixedRow[column.nodeKey || column._key], rowIndex, column });
+                                        })
+                                    );
+                                })
+                                // 无数据
+                                : h(
+                                    "tr",
+                                    {
                                         class: "bri-table-nodata"
-                                    }, [
-                                        h("td", {
-                                            style: {
-                                                width: `${this.boxWidth}px`,
-                                                minWidth: `${this.boxWidth}px`,
-                                                maxWidth: `${this.boxWidth}px`
-                                            },
-                                            attrs: {
-                                                rowspan: 1,
-                                                colspan: this.showColumns.length
-                                            }
-                                        }, "暂无数据…")
-                                    ])
-                            ])
+                                    },
+                                    [
+                                        this.emptyTdRender(h, {})
+                                    ]
+                                )
                         ])
                     ])
-                ]);
-            };
+                ])
+            ]);
         },
         // 表头单元格渲染函数 （无法共用contentColumns的renderHeaderCell，因为级联老版表头的无renderHeaderCell）
-        getThRender (column, colIndex) {
-            column = this.$transformDynamicProperty(column, undefined, this.parentObj);
-
-            return (h) => {
-                return h("div", [
-                    this.$getHeadRender(h, column, {
-                        showRequired: this.showRequired,
-                        showDescription: this.showDescription,
-                        headHeightAuto: this.headHeightAuto
-                    }),
+        thRender (h, { column, colIndex }) {
+            return h(
+                "th",
+                {
+                    key: column._id,
+                    class: "bri-table-th",
+                    style: this.getThStyle(column)
+                },
+                [
+                    this.contentThCellRender(h, { column, colIndex }),
 
-                    // 级联最末级表头的下拉
-                    this.getDropdownRender(h, "th", column, colIndex)
-                ]);
-            };
+                    this.treeThDropOperationRender(h, { column, colIndex })
+            ]);
         },
-        // 树节点单元格、汇总单元格渲染函数
-        getTreeTdRender (column, row, rowIndex) {
-            return (h) => {
-                return h("td", {
-                    class: {
-                        "bri-table-td": true, // 可以不要，为了position: relative，下面有
-                        [`bri-table-td-${column.colType}`]: true,
-                        "bri-table-td-edit": this.canEdit
-                    },
-                    style: this.getTdStyle(column, row, rowIndex),
+        emptyTdRender (h, { row, rowIndex, column }) {
+            return h("td", {
+                style: {
+                    width: `${this.boxWidth}px`,
+                    minWidth: `${this.boxWidth}px`,
+                    maxWidth: `${this.boxWidth}px`
+                },
+                attrs: {
+                    rowspan: 1,
+                    colspan: this.showColumns.length
+                }
+            }, "暂无数据…");
+        },
+        // 内容单元格渲染函数
+        tdRender (h, { row, rowIndex, column }) {
+            return h(
+                "td",
+                {
+                    class: this.bodyCellClass({ row, rowIndex, column }) +
+                        `${["tree"].includes(column.colType) ? " bri-table-td-merge" : ""}`,
+                    style: this.getTdStyle(row, rowIndex, column),
                     attrs: {
-                        rowspan: this.getTdRowSpan(column, row, rowIndex),
-                        colspan: this.getTdColSpan(column, row, rowIndex)
+                        rowspan: this.getTdRowSpan(row, rowIndex, column),
+                        colspan: this.getTdColSpan(row, rowIndex, column)
                     },
                     on: {
-                        click: () => {
-                            this.$dispatchEvent(this.operationMap.clickNode, column, row, rowIndex);
+                        mouseenter: (event) => {
+                            this.$set(this.hoverRecordMap, `${row._id}dsh${column._key}`, true);
+                        },
+                        mouseleave: (event) => {
+                            this.$set(this.hoverRecordMap, `${row._id}dsh${column._key}`, false);
                         }
                     }
-                }, [
-                    column.colType === "tree"
-                        // 树节点单元格
-                        ? row.isEdit
-                            // 编辑状态
-                            ? h("Input", {
-                                ref: `${column._id}${row._id}`,
-                                props: {
-                                    value: row.name,
-                                    type: "textarea",
-                                    autosize: {
-                                        minRows: this.getTdRowSpan(column, row, rowIndex) * 3 - 1,
-                                        maxRows: 100
-                                    }
-                                },
-                                on: {
-                                    input: val => {
-                                        row.name = val;
-                                    },
-                                    "on-blur": () => {
-                                        this.$dispatchEvent(this.operationMap.blurNode, column, row, rowIndex);
-                                    },
-                                    "on-change": () => {
-                                        this.$dispatchEvent(this.operationMap.changeNode, column, row, rowIndex);
-                                    }
-                                }
-                            })
-                            // 查看状态
-                            : [
-                                h("bri-tooltip", {
-                                    props: {
-                                        content: this.$transformEnterToBr(row.name),
-                                        transfer: true
-                                    }
-                                }, [
-                                    h("span", {
-                                        domProps: {
-                                            innerHTML: this.$transformEnterToBr(row.name)
-                                        }
-                                    })
-                                ]),
-
-                                // 操作下拉
-                                this.getDropdownRender(h, "td", column, undefined, row, rowIndex)
-                            ]
-                        // 汇总单元格
-                        : h("span", this.getSummaryTdVal(column, row, rowIndex))
-                ]);
-            };
-        },
-        // 普通单元格渲染函数
-        getTdRender (column, row, rowIndex) {
-            return (h) => {
-                return h(
-                    "td",
-                    {
-                        class: this.tablePropsObj.cellStyleOption.bodyCellClass({ row, rowIndex, column }),
-                        style: this.getTdStyle(column, row, rowIndex),
-                        on: {
-                            mouseenter: (event) => {
-                                this.$set(this.hoverRecordMap, `${row._id}dsh${column._key}`, true);
-                            },
-                            mouseleave: (event) => {
-                                this.$set(this.hoverRecordMap, `${row._id}dsh${column._key}`, false);
-                            }
-                        }
-                    },
-                    column
-                        ? column.renderBodyCell({ row, rowIndex, column }, h)
-                        : undefined
-                );
-            };
+                },
+                column.colType === "summary"
+                    ? h("span", this.getSummaryTdVal(row, rowIndex, column))
+                    : column.colType === "tree"
+                        ? this.contentTdCellRender(h, { row, rowIndex, column }, "tree")
+                        : column.colType === "operation"
+                            ? this.operationTdCellRender(h, { row, rowIndex, column })
+                            : this.contentTdCellRender(h, { row, rowIndex, column })
+            );
         },
-        // 下拉渲染函数
-        getDropdownRender (h, position = "th", column, colIndex, row, rowIndex) {
+        // 树形表头最末级列的下拉渲染函数
+        treeThDropOperationRender (h, { column, colIndex }) {
             const list = this.$getOperationList(
-                position === "th"
+                column.colType === "tree" && column.level === this.treeColumns.length
                     ? [
                         ...(column.level < this.maxLevel ? ["canCreateCol"] : []), // 限制最大添加到几级
-                        ...(column.level > 1 && column.canDelete === true ? ["canDeleteCol"] : []) // 只有一级和最后两级节点数不一致时，不能删
+                        ...(column.canDelete === true ? ["canDeleteCol"] : []) // 只有一级和最后两级节点数不一致时，不能删
                     ]
-                    : row.isLeaf === true
-                        ? [
-                            "canCreate",
-                            ...(this.getRowBtnCanEdit(row, rowIndex) ? ["canDelete"] : [])
-                        ]
-                        : [
-                            "canCreate",
-                            "canCreateChild",
-                            ...(this.getRowBtnCanEdit(row, rowIndex) ? ["canDelete", "canDeleteChilds"] : [])
-                        ]
+                    : []
             );
 
             return !this.isSearching &&
-                list.length &&
-                (
-                    position === "th"
-                        ? column.colType === "tree" && column.level === this.treeColumns.length
-                        : true
-                )
+                list.length
                 ? h("dsh-dropdown", {
                     class: "bri-table-dropdown",
                     props: {
@@ -446,9 +299,7 @@ export default {
                     },
                     on: {
                         click: (operationItem) => {
-                            position === "th"
-                                ? this.$dispatchEvent(operationItem, column, colIndex)
-                                : this.$dispatchEvent(operationItem, row, rowIndex, column);
+                            this.$dispatchEvent(operationItem, column, colIndex);
                         }
                     },
                     nativeOn: {
@@ -479,54 +330,44 @@ export default {
 
         /* ----------- 方法 ---------- */
         // 表头 -获取样式
-        getThStyle (col, position = "th") {
+        getThStyle (col) {
+            const typeData = this.$modFieldMap[col._type] || {};
             const boxColWidth = this.boxWidth / this.showColumns.length;
             const calcWidth = (col._name ? col._name.length * 12 : 48) + (col._type === "reference" ? 200 : 32);
             const dftWidth = Math.max(boxColWidth, this.widthMap[col._type], calcWidth);
             const width = col._width || dftWidth;
 
-            const selfStyle = col.colType === "tree"
-                ? {
-                    textAlign: col._align || "left",
-                    fontSize: "14px"
-                }
-                : col.colType === "summary"
-                    ? {
-                        textAlign: col._align || "right"
-                    }
-                    : {
-                        textAlign: col._align || "left"
-            };
-
             return {
                 width: `${width}px`,
                 minWidth: `${width}px`,
                 maxWidth: `${width}px`,
-                paddingTop: position === "th" && !this.headHeightAuto ? "10px" : undefined,
-                paddingBottom: position === "th" && !this.headHeightAuto ? "10px" : undefined,
+                paddingTop: !this.headHeightAuto ? "10px" : undefined,
+                paddingBottom: !this.headHeightAuto ? "10px" : undefined,
+                align: col._align || typeData.align,
                 "word-break": "break-all",
-                cursor: "pointer",
-                ...selfStyle
+                cursor: "pointer"
             };
         },
 
         // 单元格 -获取样式
-        getTdStyle (col, row, rowIndex) {
+        getTdStyle (row, rowIndex, col) {
             return {
-                ...this.getThStyle(col, "td"),
-                backgroundColor: ["tree"].includes(col.colType) ? "#fbfbfb" : "#ffffff"
+                ...this.getThStyle(col),
+                paddingTop: undefined,
+                paddingBottom: undefined,
+                backgroundColor: "#ffffff"
             };
         },
         // 单元格 -获取行合并数
-        getTdRowSpan (col, row, rowIndex) {
+        getTdRowSpan (row, rowIndex, col) {
             return row.total || 1;
         },
         // 单元格 -获取列合并数
-        getTdColSpan (col, row, rowIndex) {
+        getTdColSpan (row, rowIndex, col) {
             return 1;
         },
         // 单元格 -汇总节点单元格-获取值
-        getSummaryTdVal (col, row, rowIndex) {
+        getSummaryTdVal (row, rowIndex, col) {
             if (col._calField && col._operator) {
                 const calFieldFormItem = this.selfColumns.find(item => item._key === col._calField);
 
@@ -555,12 +396,17 @@ export default {
                         : "未选择算法";
             }
         },
+        // 列本身是否可编辑 -针对表头列
+        getTypeColCanEdit (row, rowIndex, col) {
+            return (this.getIsDftRow(row) ? !this.dftReadonlyTreeColKeys.includes(col._key) : true) && // 默认行的某列是否可编辑
+            (row.__old__ === true ? !this.oldReadonlyTreeColKeys.includes(col._key) : true); // 老数据行里某些列不可编辑
+        },
 
         /* ----------- 工具方法 ---------- */
         // 合并表头
         mergeColumns (treeForm = [], subForm = this.showContentColumns) {
-            return treeForm
-                .reduce((arr, treeFormItem, treeFormIndex) => {
+            return [
+                ...treeForm.reduce((arr, treeFormItem) => {
                     return arr.concat(
                         {
                             ...treeFormItem,
@@ -574,16 +420,22 @@ export default {
                             }
                         ))
                     );
-                }, [])
-                .concat(
-                    subForm.map(subFormItem => (
-                        {
-                            ...subFormItem,
+                }, []),
+                ...subForm.map(subFormItem => ({
+                    ...subFormItem,
+                    nodeKey: treeForm[treeForm.length - 1]._key,
+                    colType: "data"
+                })),
+                ...(
+                    !this.isSearching && this.$getOperationList(["canDelete"]).length
+                        ? [{
+                            ...this.operationColumn,
                             nodeKey: treeForm[treeForm.length - 1]._key,
-                            colType: "data"
-                        }
-                    ))
-            );
+                            colType: "operation"
+                        }]
+                        : []
+                )
+            ];
         },
         // 转化树数据
         getCalcuedTree (nodes = [], treeForm = [], subForm = []) {
@@ -719,5 +571,176 @@ export default {
 
             return loop(nodes);
         }
+        // // 树形、汇总节点操作 -点击
+        // clickNode (operationItem, row, rowIndex, col) {
+        //     if (col.colType === "tree") {
+        //         if (
+        //             (this.getIsDftRow(row) ? !this.dftReadonlyTreeColKeys.includes(col._key) : true) && // 默认行的某列是否可编辑
+        //             (row.__old__ === true ? !this.oldReadonlyTreeColKeys.includes(col._key) : true) // 老数据行里某些列不可编辑
+        //         ) {
+        //             row.isEdit = true;
+        //             this.$nextTick(() => {
+        //                 this.$refs[`${col._id}${row._id}`] && this.$refs[`${col._id}${row._id}`].focus();
+        //             });
+        //         }
+        //     }
+        //     else if (col.colType === "summary") {
+        //         this.$Modal.warning({
+        //             title: "该汇总单元格自动计算，不准手动输入！",
+        //             closable: true,
+        //             onOk: () => { },
+        //             onCancel: () => { }
+        //         });
+        //     }
+        // },
+        // // 树形节点操作 -失去焦点
+        // blurNode (operationItem, row, rowIndex, col) {
+        //     row.isEdit = false;
+        // },
+        // // 树形节点操作 -值改变
+        // changeNode (operationItem, row, rowIndex, col) {
+        //     this.change("changeNode", row, rowIndex, col);
+        // },
+
+        // // 树节点单元格、汇总单元格渲染函数
+        // treeTdRender (h, { row, rowIndex, column }) {
+        //     return h("td", {
+        //         class: {
+        //             "bri-table-td": true, // 可以不要，为了position: relative，下面有
+        //             "bri-table-td-edit": this.canEdit,
+        //             "bri-table-td-merge": column.colType === "tree"
+        //         },
+        //         style: this.getTdStyle(row, rowIndex, column),
+        //         attrs: {
+        //             rowspan: this.getTdRowSpan(row, rowIndex, column),
+        //             colspan: this.getTdColSpan(row, rowIndex, column)
+        //         },
+        //         on: {
+        //             click: () => {
+        //                 this.$dispatchEvent(this.operationMap.canClickNode, row, rowIndex, column);
+        //             }
+        //         }
+        //     }, [
+        //         column.colType === "tree"
+        //             // 树节点单元格
+        //             ? row.isEdit
+        //                 // 编辑状态
+        //                 ? h("Input", {
+        //                     ref: `${column._id}${row._id}`,
+        //                     props: {
+        //                         value: row.name,
+        //                         type: "textarea",
+        //                         autosize: {
+        //                             minRows: this.getTdRowSpan(row, rowIndex, column) * 3 - 1,
+        //                             maxRows: 100
+        //                         }
+        //                     },
+        //                     on: {
+        //                         input: val => {
+        //                             row.name = val;
+        //                         },
+        //                         "on-blur": () => {
+        //                             this.$dispatchEvent(this.operationMap.canBlurNode, row, rowIndex, column);
+        //                         },
+        //                         "on-change": () => {
+        //                             this.$dispatchEvent(this.operationMap.canChangeNode, row, rowIndex, column);
+        //                         }
+        //                     }
+        //                 })
+        //                 // 查看状态
+        //                 : [
+        //                     h("bri-tooltip", {
+        //                         props: {
+        //                             content: this.$transformEnterToBr(row.name),
+        //                             transfer: true
+        //                         }
+        //                     }, [
+        //                         h("span", {
+        //                             domProps: {
+        //                                 innerHTML: this.$transformEnterToBr(row.name)
+        //                             }
+        //                         })
+        //                     ]),
+
+        //                     // 操作下拉
+        //                     this.treeTdDropOperationRender(h, { row, rowIndex, column })
+        //                 ]
+        //             // 汇总单元格
+        //             : h("span", this.getSummaryTdVal(row, rowIndex, column))
+        //     ]);
+        // },
+        // // 普通单元格渲染函数
+        // contentTdRender (h, { row, rowIndex, column }) {
+        //     return h(
+        //         "td",
+        //         {
+        //             class: this.bodyCellClass({ row, rowIndex, column }),
+        //             style: this.getTdStyle(row, rowIndex, column),
+        //             on: {
+        //                 mouseenter: (event) => {
+        //                     this.$set(this.hoverRecordMap, `${row._id}dsh${column._key}`, true);
+        //                 },
+        //                 mouseleave: (event) => {
+        //                     this.$set(this.hoverRecordMap, `${row._id}dsh${column._key}`, false);
+        //                 }
+        //             }
+        //         },
+        //         this.contentTdCellRender(h, { row, rowIndex, column })
+        //     );
+        // },
+        // // 树形单元格的下拉渲染函数
+        // treeTdDropOperationRender (h, { row, rowIndex, column }) {
+        //     const list = this.$getOperationList([
+        //         "canCreate",
+        //         ...(this.getRowDelBtnCanEdit(row, rowIndex) ? ["canDelete"] : []),
+        //         ...(
+        //             row.isLeaf === true
+        //                 ? []
+        //                 : [
+        //                     "canCreateChild",
+        //                     ...(this.getRowDelBtnCanEdit(row, rowIndex) ? ["canDeleteChilds"] : [])
+        //                 ]
+        //         )
+        //     ]);
+
+        //     return !this.isSearching &&
+        //         list.length
+        //         ? h("dsh-dropdown", {
+        //             class: "bri-table-dropdown",
+        //             props: {
+        //                 menuClass: "bri-table-dropdown-list",
+        //                 trigger: "hover",
+        //                 list: list
+        //             },
+        //             on: {
+        //                 click: (operationItem) => {
+        //                     this.$dispatchEvent(operationItem, row, rowIndex, column);
+        //                 }
+        //             },
+        //             nativeOn: {
+        //                 click: (e) => {
+        //                     e.stopPropagation();
+        //                 }
+        //             }
+        //         }, [
+        //             h("a", {
+        //                 style: {
+        //                     fontWeight: "500",
+        //                     color: this.appColor
+        //                 },
+        //                 attrs: {
+        //                     href: "javascript:void(0)"
+        //                 }
+        //             }, [
+        //                 h("Icon", {
+        //                     props: {
+        //                         type: "md-arrow-dropdown-circle",
+        //                         size: "16"
+        //                     }
+        //                 })
+        //             ])
+        //         ])
+        //         : undefined;
+        // }
     }
 };