bri-components 1.3.93 → 1.3.95

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bri-components",
-    "version": "1.3.93",
+    "version": "1.3.95",
     "author": "dengshanghui",
     "description": "a component lib for vue project",
     "main": "src/index.js",

package/src/components/form/DshForm.vue

@@ -348,13 +348,33 @@
                 let rules = [];
                 let ruleConfig = this.$getFieldRuleConfig(formItem);
 
+                // 数据格式校验
+                if (ruleConfig.type) {
+                    rules.push({
+                        message: `${formItem._name}数据格式有错!`,
+                        trigger: "blur, change",
+                        type: "string",
+                        ...ruleConfig,
+                        fields: ruleConfig.fields && Object.entries(ruleConfig.fields).reduce((obj, arr) => {
+                            return {
+                                ...obj,
+                                [arr[0]]: {
+                                    ...arr[1],
+                                    required: false,
+                                    message: `${formItem._name}${arr[1].message || ""}`
+                                }
+                            };
+                        }, ruleConfig.fields)
+                    });
+                }
+
                 // 必填校验
                 if (formItem._required) {
                     rules.push({
-                        required: true,
                         message: `${formItem._name}为必填项!`,
                         trigger: "blur, change",
                         type: "string",
+                        required: true,
                         ...ruleConfig,
                         fields: ruleConfig.fields && Object.entries(ruleConfig.fields).reduce((obj, arr) => {
                             return {
@@ -384,7 +404,7 @@
                 }
 
                 // 对比校验（横向同类型字段对比）-暂时只number和date对比校验
-                if (formItem._saveRuleConfigs) {
+                if (formItem._saveRuleConfigs && formItem._saveRuleConfigs.length) {
                     const ruleObj = {
                         message: `${formItem._name}对比不通过!`,
                         trigger: "blur, change",

package/src/components/list/DshCascaderTable.vue

@@ -8,7 +8,7 @@
 
         <!-- 搜索条件 -->
         <dsh-render
-            v-if="!this.isEnlarge"
+            v-if="!isEnlarge && showTopSearch"
             :render="topSearchRender"
         ></dsh-render>
 
@@ -29,6 +29,9 @@
             </div>
         </div>
 
+        <!-- 添加行 -->
+        <dsh-render :render="createBtnRender"></dsh-render>
+
         <!-- 各种模态框共用 -->
         <dsh-render :render="dshRender"></dsh-render>
 
@@ -71,12 +74,14 @@
 
 <script>
     import tableBaseMixin from "./mixins/tableBaseMixin.js";
+    import treeTableBaseMixin from "./mixins/treeTableBaseMixin.js";
     import DshCascaderTableMixin from "./mixins/DshCascaderTableMixin.js";
 
     export default {
         name: "DshCascaderTable",
         mixins: [
             tableBaseMixin,
+            treeTableBaseMixin,
             DshCascaderTableMixin
         ],
         components: {},

package/src/components/list/DshFlatTable.vue

@@ -5,7 +5,7 @@
 
         <!-- 搜索条件 -->
         <dsh-render
-            v-if="!this.isEnlarge"
+            v-if="!isEnlarge && showTopSearch"
             :render="topSearchRender"
         ></dsh-render>
 

package/src/components/list/DshTreeTable.vue

@@ -5,7 +5,7 @@
 
         <!-- 搜索条件 -->
         <dsh-render
-            v-if="!this.isEnlarge"
+            v-if="!isEnlarge && showTopSearch"
             :render="topSearchRender"
         ></dsh-render>
 
@@ -86,12 +86,14 @@
 
 <script>
     import tableBaseMixin from "./mixins/tableBaseMixin.js";
+    import treeTableBaseMixin from "./mixins/treeTableBaseMixin.js";
     import DshTreeTableMixin from "./mixins/DshTreeTableMixin.js";
 
     export default {
         name: "DshTreeTable",
         mixins: [
             tableBaseMixin,
+            treeTableBaseMixin,
             DshTreeTableMixin
         ],
         components: {},

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

@@ -24,23 +24,18 @@ export default {
             boxWidth: 0,
 
             baseOperationMap: {
-                clickTh: {
-                    name: "点击列的表头",
-                    type: "clickTh",
-                    event: "clickTh"
-                },
-                createCol: {
+                canCreateCol: {
                     name: "添加一列",
-                    type: "createCol",
+                    type: "canCreateCol",
                     icon: "md-add",
-                    event: "createCol"
+                    event: "clickCreateCol"
                 },
-                deleteCol: {
+                canDeleteCol: {
                     name: "删除该列",
-                    type: "deleteCol",
+                    type: "canDeleteCol",
                     icon: "md-trash",
                     color: "red",
-                    event: "deleteCol"
+                    event: "clickDeleteCol"
                 },
 
                 clickNode: {
@@ -57,65 +52,25 @@ export default {
                     name: "改变节点值",
                     type: "changeNode",
                     event: "changeNode"
-                },
-
-                canCreateBrother: {
-                    name: "添加同级节点",
-                    type: "canCreateBrother",
-                    icon: "md-add",
-                    event: "clickCreate"
-                },
-                canCreateChildNode: {
-                    name: "添加子节点",
-                    type: "canCreateChildNode",
-                    icon: "md-add",
-                    event: "clickCreateChild"
-                },
-                deleteSelfAndChildNodes: {
-                    name: "删除该节点",
-                    type: "deleteSelfAndChildNodes",
-                    icon: "md-trash",
-                    color: "red",
-                    divided: true,
-                    event: "clickDelete"
-                },
-                deleteChildNodes: {
-                    name: "删除所有子节点",
-                    type: "deleteChildNodes",
-                    icon: "md-trash",
-                    color: "red",
-                    event: "clickDeleteChilds"
-                },
-                clearNode: {
-                    name: "清除该节点内容",
-                    type: "clearNode",
-                    icon: "md-trash",
-                    divided: true,
-                    event: "clickClearNode"
-                },
-                clearChildNodes: {
-                    name: "清除所有子节点内容",
-                    type: "clearChildNodes",
-                    icon: "md-trash",
-                    event: "clickClearChildNodes"
                 }
+
+                // canClearNode: {
+                //     name: "清除内容",
+                //     type: "canClearNode",
+                //     icon: "md-trash",
+                //     divided: true,
+                //     event: "clickClearNode"
+                // },
+                // canClearChildNodes: {
+                //     name: "清除所有下级内容",
+                //     type: "canClearChildNodes",
+                //     icon: "md-trash",
+                //     event: "clickClearChildNodes"
+                // }
             }
         };
     },
     computed: {
-        selfPropsObj () {
-            return {
-                _treeForm: [],
-                ...this.commonPropsObj,
-
-                _maxLevel: this.commonPropsObj._maxLevel || 3, // 最大级数
-                _contentHeight: this.propsObj._contentHeight || 400 // 表格最大高度
-            };
-        },
-        maxLevel () {
-            return this.selfPropsObj._maxLevel;
-        },
-
         allTreeData () {
             // console.log("allTreeData");
             return this.getCalcuedTree(this.data, this.treeColumns, this.selfColumns);
@@ -156,12 +111,8 @@ export default {
         },
 
         /* ----------- 操作 ---------- */
-        // 表头操作 -点击
-        clickTh (operationItem, col, colIndex) {
-            this.$emit("clickTh", col, colIndex);
-        },
         // 表头操作 -树形表头-添加一列
-        createCol (operationItem, col, colIndex) {
+        clickCreateCol (operationItem, col, colIndex) {
             if (col.colType === "tree" && col.level === this.treeColumns.length) {
                 this.treeColumns.push({
                     _id: this.$ObjectID().str,
@@ -178,7 +129,7 @@ export default {
             }
         },
         // 表头操作 -树形表头-删除一列
-        deleteCol (operationItem, col, colIndex) {
+        clickDeleteCol (operationItem, col, colIndex) {
             if (col.colType === "tree" && col.canDelete !== false) {
                 this.isDeleteColStatus = true; // isDeleteStatus不用在data中定义
                 this.treeColumns.pop();
@@ -214,59 +165,18 @@ export default {
         changeNode (operationItem, col, row, rowIndex) {
             this.change("changeNode", col, row, rowIndex);
         },
+        // // 节点操作 -清除该节点内容
+        // clickClearNode (operationItem, row, rowIndex, col) {
+        //     row.name = "";
 
-        // 节点操作 -插入一行
-        clickCreate (operationItem, row, rowIndex, col) {
-            const nodeData = this.getNodeData(col, row, rowIndex);
-            const newNode = this.getNewNode(nodeData.level, nodeData.brotherList);
-            nodeData.brotherList.splice(nodeData.index + 1, 0, newNode);
+        //     this.change("clearNode", null, row, rowIndex);
+        // },
+        // // 节点操作 -清除所有子节点内容
+        // clickClearChildNodes (operationItem, row, rowIndex, col) {
+        //     this.$clearPropertyValToLeaf(row.children);
 
-            this.change("createRow", col, row, rowIndex);
-        },
-        // 节点操作 -添加子行
-        clickCreateChild (operationItem, row, rowIndex, col) {
-            const nodeData = this.getNodeData(col, row, rowIndex);
-            const newNode = this.getNewNode(nodeData.level + 1, nodeData.childList);
-            nodeData.childList.splice(nodeData.childList.length, 0, newNode);
-
-            this.change("createChildRow", col, row, rowIndex);
-        },
-        // 节点操作 -删除该行
-        clickDelete (operationItem, row, rowIndex, col) {
-            const nodeData = this.getNodeData(col, row, rowIndex);
-            nodeData.brotherList.splice(nodeData.index, 1);
-            // 此处应该判断子节点是否是最后一个，是的话就要添加一个一直到叶子节点，不过现在只需要添加一个子节点，transforBriTreeData会捎带着处理了
-            if (!nodeData.brotherList.length) {
-                const newNode = this.getNewNode(nodeData.level, nodeData.brotherList);
-                nodeData.brotherList.push(newNode);
-            }
-
-            this.change("deleteRow", col, row, rowIndex);
-        },
-        // 节点操作 -删除所有子行
-        clickDeleteChilds (operationItem, row, rowIndex, col) {
-            const nodeData = this.getNodeData(col, row, rowIndex);
-            nodeData.childList.splice(0);
-            // 删除完应该添加一个子节点一直到叶子节点，不过现在只需要添加一个子节点，transforBriTreeData会捎带着处理了
-            const newNode = this.getNewNode(nodeData.level + 1, nodeData.childList);
-            nodeData.childList.push(newNode);
-
-            this.change("deleteChildRows", col, row, rowIndex);
-        },
-        // 节点操作 -清除该节点内容
-        clickClearNode (operationItem, row, rowIndex, col) {
-            const nodeData = this.getNodeData(col, row, rowIndex);
-            nodeData.dataObj.name = "";
-
-            this.change("clearNode", col, row, rowIndex);
-        },
-        // 节点操作 -清除所有子节点内容
-        clickClearChildNodes (operationItem, row, rowIndex, col) {
-            let nodeData = this.getNodeData(col, row, rowIndex);
-            this.$clearPropertyValToLeaf(nodeData.childList);
-
-            this.change("clearChildNodes", col, row, rowIndex);
-        },
+        //     this.change("clearChildNodes", null, row, rowIndex);
+        // },
         change (eventType, col, row, rowIndex, ...params) {
             this.$emit("change", this.tableDataObj, eventType, col, row, rowIndex, ...params);
         },
@@ -299,12 +209,7 @@ export default {
                                         return h("th", {
                                             key: column._id,
                                             class: "bri-table-th",
-                                            style: this.getThStyle(column, "th"),
-                                            on: {
-                                                click: () => {
-                                                    this.$dispatchEvent(this.operationMap.clickTh, column, colIndex);
-                                                }
-                                            }
+                                            style: this.getThStyle(column, "th")
                                         }, [
                                             // 表头单元格
                                             this.getThRender(column, colIndex)(h)
@@ -474,7 +379,15 @@ export default {
                     "td",
                     {
                         class: this.tablePropsObj.cellStyleOption.bodyCellClass({ row, rowIndex, column }),
-                        style: this.getTdStyle(column, row, rowIndex)
+                        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)
@@ -484,9 +397,18 @@ export default {
         },
         // 下拉渲染函数
         getDropdownRender (h, position = "th", column, colIndex, row, rowIndex) {
-            const list = position === "th"
-                ? this.$getOperationList(this.getTreeThBtns(column, colIndex))
-                : this.$getOperationList(this.getTreeTdBtns(column, row, rowIndex));
+            const list = this.$getOperationList(
+                position === "th"
+                    ? [
+                        ...(column.level < this.maxLevel ? ["canCreateCol"] : []), // 限制最大添加到几级
+                        ...(column.level > 1 && column.canDelete === true ? ["canDeleteCol"] : []) // 只有一级和最后两级节点数不一致时，不能删
+                    ]
+                    : this.getRowIsDftDisabled(row)
+                        ? []
+                        : row.isLeaf === true
+                            ? ["canCreate", "canDelete"]
+                            : ["canCreate", "canCreateChild", "canDelete", "canDeleteChilds"]
+            );
 
             return !this.isSearching &&
                 list.length &&
@@ -567,13 +489,6 @@ export default {
                 ...selfStyle
             };
         },
-        // 表头 -树节点表头-获取下拉操作
-        getTreeThBtns (col) {
-            return [
-                ...(col.level <= this.maxLevel ? ["createCol"] : []), // 限制最大添加到几级
-                ...(col.level > 1 && col.canDelete === true ? ["deleteCol"] : []) // 只有一级和最后两级节点数不一致时，不能删
-            ];
-        },
 
         // 单元格 -获取样式
         getTdStyle (col, row, rowIndex) {
@@ -620,41 +535,6 @@ export default {
                         : "未选择算法";
             }
         },
-        // 单元格 -树节点单元格-获取下拉操作
-        getTreeTdBtns (col, row, rowIndex) {
-            return row.children.length === 0
-                ? ["canCreateBrother", "deleteSelfAndChildNodes", "clearNode"]
-                : ["canCreateBrother", "canCreateChildNode", "deleteSelfAndChildNodes", "deleteChildNodes", "clearNode", "clearChildNodes"];
-        },
-        // 单元格 -普通单元格-获取节点系列数据
-        getNodeData (col, row, rowIndex) {
-            const parentRow = this.getParentRow(row, this.data);
-
-            return {
-                level: col.level,
-                dataObj: row,
-                childList: row.children,
-                brotherList: parentRow.children,
-                index: parentRow.children.findIndex(childRowItem => childRowItem._id === row._id)
-            };
-        },
-        // 单元格 -普通单元格-新增节点数据
-        getNewNode (level, list) {
-            return {
-                ...this.$deepCopy(this.selfRowDefault),
-                _id: this.$ObjectID().str,
-                name: `${this.$numToChinese(level)}级节点${list.length + 1}`,
-                level: level,
-                isLeaf: true,
-                children: [],
-                // __old__: false,
-                __isDefault__: this.controlKey === "_default",
-                __isRendered__: true,
-                __isShow__: true,
-                __isTmpShow__: true,
-                __isSearchShow__: false
-            };
-        },
 
         /* ----------- 工具方法 ---------- */
         // 合并表头
@@ -739,7 +619,7 @@ export default {
                         // 非最后一列的 新增的非根节点(此时是新增一列或新增非根节点行) -添加一个子节点，并把该节点上的subForm属性值全部给下级节点
                         // 特别提示：新增的是根节点行，不会走此处代码
                         else {
-                            const newNode = this.getNewNode(rowItem.level + 1, rowItem.children);
+                            const newNode = this.getNewRowData(rowItem.level + 1, rowItem.children);
                             subForm.forEach(subFormItem => {
                                 // 用$set也可以
                                 newNode[subFormItem._key] = rowItem[subFormItem._key];

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

@@ -77,34 +77,35 @@ export default {
     methods: {
         // 点击 -添加行
         clickCreate (operationItem, row, rowIndex, col) {
-            // 处理单元格合并相关
-            let mergeRowData = {};
-            if (col && col._mergeRow) {
-                const newList = this.showListData.slice(rowIndex);
-                const newIndex = newList.findIndex(rowItem => row[col._key] !== rowItem[col._key]);
-                row = newList[newIndex - 1];
+            const list = this.data;
+            const newRow = this.getNewRowData();
 
-                // 当前列是合并列，则该列之前的合并列，要复制这一行对应列的值；当前列是普通列，则所有的合并列不用处理
-                const curIndex = this.mergeRowColumns.findIndex(column => col._key === column._key);
-                mergeRowData = this.mergeRowColumns.reduce((obj, column, colIndex) => {
-                    return colIndex < curIndex
-                        ? Object.assign(obj, { [column._key]: row[column._key] })
-                        : obj;
-                }, {});
-            }
+            // 处理单元格合并相关（当前列是合并列，则该列之前的合并列，要复制这一行对应列的值；当前列是普通列，按最后合并列的操作处理）
+            if (col) {
+                if (col._mergeRow === true) {
+                    const newList = this.allListData.slice(rowIndex); // 从该行开始截取
+                    const nextRowIndex = newList.findIndex(rowItem => rowItem[col._key] !== row[col._key]); // 寻找该单元格值开始不一样的行(特殊情况是最后一行，nextRowIndex为-1)
+                    row = nextRowIndex < 0 ? newList[newList.length - 1] : newList[nextRowIndex - 1]; // 取该单元格值一样的最后一行
 
-            const newRow = {
-                ...this.$deepCopy(this.selfRowDefault),
-                ...this.$deepCopy(mergeRowData),
-                _id: this.$ObjectID().str,
-                // __old__: false,
-                __isDefault__: this.controlKey === "_default",
-                __isRendered__: true,
-                __isShow__: true,
-                __isTmpShow__: true,
-                __isSearchShow__: false
-            };
-            const list = this.data;
+                    const colIndex = this.mergeRowColumns.findIndex(column => column._key === col._key);
+                    this.mergeRowColumns.reduce((obj, column, columnIndex) => {
+                        return columnIndex < colIndex
+                            ? Object.assign(obj, {
+                                [column._key]: this.$deepCopy(row[column._key])
+                            })
+                            : obj;
+                    }, newRow);
+                }
+                else {
+                    const colIndex = this.selfColumns.findIndex(column => column._key === col._key);
+                    const mergeRowColumns = this.selfColumns.filter((column, columnIndex) => columnIndex < colIndex && column._mergeRow === true);
+                    mergeRowColumns.slice(0, mergeRowColumns.length - 1).reduce((obj, column) => {
+                        return Object.assign(obj, {
+                            [column._key]: this.$deepCopy(row[column._key])
+                        });
+                    }, newRow);
+                }
+            }
             const newRowIndex = row
                 ? list.findIndex(rowItem => rowItem._id === row._id) + 1
                 : list.length;

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

@@ -1,42 +1,11 @@
-import { resourceData } from "bri-datas";
-
 export default {
     mixins: [],
     components: {},
     props: {},
     data () {
-        return {
-            searchMode: "flat" // "flat", "tree"
-        };
+        return {};
     },
     computed: {
-        selfColumns () {
-            return this.columns.map(column => {
-                // 层级表格类型，level字段的进行特殊处理（_treeForm加工成_data）
-                return column._key === "level"
-                    ? {
-                        ...column,
-                        _data: this.selfPropsObj._treeForm.map((treeFormItem, treeFormIndex) => ({
-                            name: treeFormItem._name,
-                            _key: (treeFormIndex + 1),
-                            color: Object.keys(resourceData.colorMap)[treeFormIndex + 1]
-                        }))
-                    }
-                    : column;
-            });
-        },
-        selfPropsObj () {
-            return {
-                _treeForm: [],
-                ...this.commonPropsObj,
-
-                _maxLevel: this.commonPropsObj._maxLevel || 3 // 最大级数
-            };
-        },
-        maxLevel () {
-            return this.selfPropsObj._maxLevel;
-        },
-
         allTreeData () {
             return this.getCalcuedTree(this.data, this.selfColumns);
         },
@@ -148,79 +117,6 @@ export default {
     },
     created () { },
     methods: {
-        // 本身的初始化
-        selfReset () {
-            this.searchMode = "flat";
-            this.dftAdvSearch = {
-                logic: "and",
-                conditions: []
-            };
-        },
-
-        // 点击 -添加一行
-        clickCreate (operationItem, row, rowIndex, col) {
-            const newRow = {
-                ...this.$deepCopy(this.selfRowDefault),
-                _id: this.$ObjectID().str,
-                level: row ? row.level : 1,
-                isLeaf: true,
-                children: [],
-                // __old__: false,
-                __isDefault__: this.controlKey === "_default",
-                __isRendered__: true,
-                __isShow__: true,
-                __isTmpShow__: true,
-                __isSearchShow__: false,
-                __isExpand__: false
-            };
-            const list = row
-                ? this.getParentRow(row, this.data).children
-                : this.data;
-            const newRowIndex = row
-                ? list.findIndex(rowItem => rowItem._id === row._id) + 1
-                : list.length;
-            list.splice(newRowIndex, 0, newRow);
-
-            this.change("createRow", null, newRow, newRowIndex);
-        },
-        // 点击 -添加子行
-        clickCreateChild (operationItem, row, rowIndex, col) {
-            const newRow = {
-                ...this.$deepCopy(this.selfRowDefault),
-                _id: this.$ObjectID().str,
-                level: row.level + 1,
-                isLeaf: true,
-                children: [],
-                // __old__: false,
-                __isDefault__: this.controlKey === "_default",
-                __isRendered__: true,
-                __isShow__: true,
-                __isTmpShow__: true,
-                __isSearchShow__: false,
-                __isExpand__: false
-            };
-            const list = row.children;
-            const newRowIndex = list.length;
-            list.splice(newRowIndex, 0, newRow);
-            // 展开子级
-            this.toggleExpand(row, true);
-
-            this.change("createChildRow", null, newRow, newRowIndex);
-        },
-        // 点击 -删除行
-        clickDelete (operationItem, row, rowIndex) {
-            this.$Modal.confirm({
-                title: "警告",
-                content: "确定删除吗？",
-                onOk: () => {
-                    const parentRow = this.getParentRow(row, this.data);
-                    const index = parentRow.children.findIndex(childRowItem => childRowItem._id === row._id);
-                    parentRow.children.splice(index, 1);
-
-                    this.change("deleteRow", null, row, rowIndex);
-                }
-            });
-        },
         change (eventType, col, row, rowIndex, ...params) {
             this.$emit("change", { tree: this.data, rowDefault: this.rowDefault }, eventType, col, row, rowIndex, ...params);
         },
@@ -308,37 +204,6 @@ export default {
 
             this.initFlag = false;
             return treeData;
-        },
-        // 展开／隐藏节点
-        toggleExpand (row, bool = true) {
-            this.isExpandAction = true;
-            this.$set(row, "__isExpand__", bool);
-
-            this.toggleDescendantsShow(row, bool);
-        },
-        // 切换子孙后代的显示／隐藏
-        toggleDescendantsShow (row, bool) {
-            const loop = (row, isFirstSon) => {
-                if (row.children && row.children.length) {
-                    row.children.forEach(subRow => {
-                        if (isFirstSon) {
-                            this.$set(subRow, "__isRendered__", true);
-                            this.$set(subRow, "__isShow__", bool);
-                            this.$set(subRow, "__isTmpShow__", bool);
-                        } else {
-                            if (bool) {
-                                this.$set(subRow, "__isShow__", subRow.__isTmpShow__);
-                            } else {
-                                this.$set(subRow, "__isShow__", false);
-                            }
-                        }
-
-                        loop(subRow);
-                    });
-                }
-            };
-
-            loop(row, true);
         }
     }
 };

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

@@ -63,19 +63,16 @@ export default {
         return {
             widthMap: this.$getModFieldPropertyMap("width"),
             initDftValMap: this.$getModFieldPropertyMap("initDefaultVal"),
-
             saveProperties: ["__readonly__", "__isDefault__", "__old__", "__isQuote__"],
-            resetProperties: ["__treeIndex__", "__isExpand__", "__isRendered__", "__isShow__", "__isTmpShow__", "__isSearchShow__"],
+            resetProperties: ["__isRendered__", "__isShow__", "__isTmpShow__", "__isSearchShow__", "__isExpand__", "__treeIndex__"],
+
             initFlag: true,
             showRuleMessage: false, // 进行全体校验
             ruleRecordMap: {}, // 单元格是否发生校验的记录映射
             hoverRecordMap: {},
             isExpandAction: false,
 
-            dftAdvSearch: {
-                logic: "and",
-                conditions: []
-            },
+            showTopSearch: true,
             selfLogicPropsObj: {
                 _name: "逻辑",
                 _key: "logic",
@@ -86,6 +83,10 @@ export default {
                     { _key: "or", name: "或" }
                 ]
             },
+            dftAdvSearch: {
+                logic: "and",
+                conditions: []
+            },
 
             dshRenderName: undefined,
             hideStatus: true,
@@ -169,6 +170,16 @@ export default {
                     disabled: false,
                     event: "clickDelete"
                 },
+                canDeleteChilds: {
+                    name: "删除所有子级",
+                    type: "canDeleteChilds",
+                    btnType: "errorText",
+                    icon: "ios-trash-outline",
+                    size: "small",
+                    color: "#E83636",
+                    disabled: false,
+                    event: "clickDeleteChilds"
+                },
                 changeVal: {
                     name: "改变输入框值",
                     type: "changeVal",
@@ -209,7 +220,7 @@ export default {
             return this.columns;
         },
         mergeRowColumns () {
-            return this.columns.filter(column => column._mergeRow === true);
+            return this.selfColumns.filter(column => column._mergeRow === true);
         },
         filterColumns () {
             return this.selfColumns.filter(col => this.$isAdvRelyShow(col, this.allListData, this.parentObj, true));
@@ -624,7 +635,7 @@ export default {
                             : undefined,
 
                         // 添加符
-                        ...this.createIconRender(h, { row, rowIndex, column })
+                        ...this.createIconRender(h, { row, rowIndex, column }, 12)
                     ];
                 },
                 ...colItem
@@ -809,7 +820,13 @@ export default {
             this.initFlag = true;
             this.showRuleMessage = false;
             this.ruleRecordMap = {};
+            this.hoverRecordMap = {};
             this.isExpandAction = false;
+            this.dftAdvSearch = {
+                logic: "and",
+                conditions: []
+            };
+            this.hideStatus = true;
             this.selfReset && this.selfReset();
         },
         // 共外部使用
@@ -879,10 +896,10 @@ export default {
             if (dataObj) {
                 const fieldVal = dataObj[this.controlKey];
                 const isEmpty = this.$isEmptyData(fieldVal) || (
-                    ["flatTable"].includes(this.controlType)
-                        ? !fieldVal.list || !fieldVal.list.length
-                        : ["cascaderTable"].includes(this.controlType)
-                            ? !fieldVal.tree || !fieldVal.tree.length
+                    ["cascaderTable"].includes(this.controlType)
+                        ? !fieldVal.tree || !fieldVal.tree.length
+                        : ["flatTable"].includes(this.controlType)
+                            ? !fieldVal.list || !fieldVal.list.length
                             : false
                 );
 
@@ -894,17 +911,7 @@ export default {
                     });
                 }
                 else {
-                    if (["flatTable"].includes(this.controlType)) {
-                        this.parentObj[this.controlKey] = {
-                            ...fieldVal,
-                            list: fieldVal.list.map(item => ({
-                                ...item,
-                                __isQuote__: true,
-                                __old__: false
-                            }))
-                        };
-                    }
-                    else if (["cascaderTable"].includes(this.controlType)) {
+                    if (["cascaderTable"].includes(this.controlType)) {
                         const transformData = (list = []) => {
                             const loop = (list = []) =>
                                 list.map(item => ({
@@ -922,9 +929,24 @@ export default {
                             tree: transformData(fieldVal.tree)
                         };
                     }
+                    else if (["flatTable"].includes(this.controlType)) {
+                        this.parentObj[this.controlKey] = {
+                            ...fieldVal,
+                            list: fieldVal.list.map(item => ({
+                                ...item,
+                                __isQuote__: true,
+                                __old__: false
+                            }))
+                        };
+                    }
 
                     this.$Message.success("引用成功！");
                     this.reset();
+                    this.showTopSearch = false;
+                    this.$nextTick(() => {
+                        this.showTopSearch = true;
+                    });
+
                     this.change("quote");
                 }
             } else {
@@ -1130,7 +1152,7 @@ export default {
                 })
                 : undefined;
         },
-        createIconRender (h, { row, rowIndex, column }) {
+        createIconRender (h, { row, rowIndex, column }, iconSize = 14) {
             return [
                 // 插入一行添加符
                 (this.operationMap.canCreate && this.operationMap.canCreate.disabled !== true) &&
@@ -1142,11 +1164,11 @@ export default {
                             position: "absolute",
                             bottom: "0px",
                             right: "0px",
-                            width: "16px",
-                            height: "16px",
+                            width: `${iconSize + 2}px`,
+                            height: `${iconSize + 2}px`,
                             border: `1px solid ${this.appColor}`,
                             backgroundColor: "#ffffff",
-                            lineHeight: "12px",
+                            lineHeight: `${iconSize - 2}px`,
                             cursor: "pointer",
                             verticalAlign: "middle",
                             transition: "color .2s ease-in-out,border-color .2s ease-in-out"
@@ -1166,7 +1188,7 @@ export default {
                                 },
                                 props: {
                                     type: this.operationMap.canCreate.icon,
-                                    size: "14"
+                                    size: iconSize
                                 },
                                 on: {
                                     click: () => {
@@ -1179,7 +1201,7 @@ export default {
                     : h("span", ""),
 
                 // 添加一行下级添加符
-                ["cascaderTable"].includes(this.controlType) &&
+                ["treeTable"].includes(this.inTableType) &&
                     (this.operationMap.canCreateChild && this.operationMap.canCreateChild.disabled !== true) &&
                     !this.isSearching &&
                     (column._key === "__index__" ? !this.showCreateBtnColKeys.length : this.showCreateBtnColKeys.includes(column._key)) &&
@@ -1189,13 +1211,13 @@ export default {
                         style: {
                             position: "absolute",
                             bottom: "0px",
-                            right: "17px",
+                            right: `${iconSize + 3}px`,
                             display: "inline-block",
-                            width: "16px",
-                            height: " 16px",
+                            width: `${iconSize + 2}px`,
+                            height: `${iconSize + 2}px`,
                             border: `1px solid ${this.appColor}`,
                             backgroundColor: "#ffffff",
-                            lineHeight: "12px",
+                            lineHeight: `${iconSize - 2}px`,
                             cursor: "pointer",
                             verticalAlign: "middle",
                             transition: "color .2s ease-in-out,border-color .2s ease-in-out"
@@ -1215,7 +1237,7 @@ export default {
                                 },
                                 props: {
                                     type: this.operationMap.canCreateChild.icon,
-                                    size: "14"
+                                    size: iconSize
                                 },
                                 on: {
                                     click: () => {
@@ -1230,6 +1252,44 @@ export default {
         },
 
         /* ----------- 方法 ---------- */
+        // 生成新的一行数据
+        getNewRowData (level, list) {
+            if (["cascaderTable"].includes(this.controlType)) {
+                return {
+                    ...this.$deepCopy(this.selfRowDefault),
+                    _id: this.$ObjectID().str,
+                    level: level,
+                    isLeaf: true,
+                    children: [],
+                    ...(
+                        ["treeTable"].includes(this.inTableType)
+                            ? {}
+                            : {
+                                name: `${this.$numToChinese(level)}级节点${list.length + 1}`
+                            }
+                    ),
+                    // __old__: false,
+                    __isDefault__: this.controlKey === "_default",
+                    __isRendered__: true,
+                    __isShow__: true,
+                    __isTmpShow__: true,
+                    __isSearchShow__: false,
+                    __isExpand__: false
+                };
+            } else {
+                return {
+                    ...this.$deepCopy(this.selfRowDefault),
+                    _id: this.$ObjectID().str,
+                    // __old__: false,
+                    __isDefault__: this.controlKey === "_default",
+                    __isRendered__: true,
+                    __isShow__: true,
+                    __isTmpShow__: true,
+                    __isSearchShow__: false,
+                    __isExpand__: false
+                };
+            }
+        },
         // 整行校验结果
         getRowRuleResult (row, rowIndex) {
             return this.filterColumns.every(column => this.getColRuleResult(column, row, rowIndex).bool);
@@ -1392,8 +1452,8 @@ export default {
                     delete row[property];
                 });
                 if (["treeTable"].includes(this.inTableType)) {
-                    // row.__isExpand__ = false;
                     // row.__isSearchShow__ = false;
+                    // row.__isExpand__ = false;
                     // 第一级的需要显示出来
                     if (row.level == 1) {
                         row.__isRendered__ = true;
@@ -1409,6 +1469,7 @@ export default {
                     row.__isShow__ = true;
                     row.__isTmpShow__ = true;
                     row.__isSearchShow__ = false;
+                    row.__isExpand__ = false;
                 }
             }
         }

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

@@ -0,0 +1,132 @@
+import { resourceData } from "bri-datas";
+
+export default {
+    mixins: [],
+    components: {},
+    props: {},
+    data () {
+        return {
+            searchMode: "flat" // "flat", "tree"
+        };
+    },
+    computed: {
+        selfPropsObj () {
+            return {
+                _treeForm: [],
+                ...this.commonPropsObj,
+
+                _maxLevel: this.commonPropsObj._maxLevel || 3 // 最大级数
+            };
+        },
+        maxLevel () {
+            return this.selfPropsObj._maxLevel;
+        },
+
+        selfColumns () {
+            return this.columns.map(column => {
+                // 层级表格类型，level字段的进行特殊处理（_treeForm加工成_data）
+                return column._key === "level"
+                    ? {
+                        ...column,
+                        _data: this.selfPropsObj._treeForm.map((treeFormItem, treeFormIndex) => ({
+                            name: treeFormItem._name,
+                            _key: (treeFormIndex + 1),
+                            color: Object.keys(resourceData.colorMap)[treeFormIndex + 1]
+                        }))
+                    }
+                    : column;
+            });
+        }
+    },
+    created () { },
+    methods: {
+        // 本身的初始化
+        selfReset () {
+            this.searchMode = "flat";
+        },
+
+        // 节点操作 -添加一行
+        clickCreate (operationItem, row, rowIndex, col) {
+            const list = row
+                ? this.getParentRow(row, this.data).children
+                : this.data;
+            const newRow = this.getNewRowData(row ? row.level : 1, list);
+            const newRowIndex = row
+                ? list.findIndex(rowItem => rowItem._id === row._id) + 1
+                : list.length;
+            list.splice(newRowIndex, 0, newRow);
+
+            this.change("createRow", null, newRow, newRowIndex);
+        },
+        // 节点操作 -添加子行
+        clickCreateChild (operationItem, row, rowIndex, col) {
+            const list = row.children;
+            const newRow = this.getNewRowData(row.level + 1, list);
+            const newRowIndex = list.length;
+            list.splice(newRowIndex, 0, newRow);
+
+            // 展开子级
+            this.toggleExpand(row, true);
+
+            this.change("createChildRow", null, newRow, newRowIndex);
+        },
+        // 节点操作 -删除行
+        clickDelete (operationItem, row, rowIndex, col) {
+            this.$Modal.confirm({
+                title: "警告",
+                content: "确定删除该行及其所有下级吗？",
+                onOk: () => {
+                    const parentRow = this.getParentRow(row, this.data);
+                    const index = parentRow.children.findIndex(childRowItem => childRowItem._id === row._id);
+                    parentRow.children.splice(index, 1);
+
+                    this.change("deleteRow", null, row, rowIndex);
+                }
+            });
+        },
+        // 节点操作 -删除所有子行
+        clickDeleteChilds (operationItem, row, rowIndex, col) {
+            this.$Modal.confirm({
+                title: "警告",
+                content: "确定删除该行及其所有下级吗？",
+                onOk: () => {
+                    row.children.splice(0);
+
+                    this.change("deleteChildRows", null, row, rowIndex);
+                }
+            });
+        },
+
+        // 展开／隐藏节点
+        toggleExpand (row, bool = true) {
+            this.isExpandAction = true;
+            this.$set(row, "__isExpand__", bool);
+
+            this.toggleDescendantsShow(row, bool);
+        },
+        // 切换子孙后代的显示／隐藏
+        toggleDescendantsShow (row, bool) {
+            const loop = (row, isFirstSon) => {
+                if (row.children && row.children.length) {
+                    row.children.forEach(subRow => {
+                        if (isFirstSon) {
+                            this.$set(subRow, "__isRendered__", true);
+                            this.$set(subRow, "__isShow__", bool);
+                            this.$set(subRow, "__isTmpShow__", bool);
+                        } else {
+                            if (bool) {
+                                this.$set(subRow, "__isShow__", subRow.__isTmpShow__);
+                            } else {
+                                this.$set(subRow, "__isShow__", false);
+                            }
+                        }
+
+                        loop(subRow);
+                    });
+                }
+            };
+
+            loop(row, true);
+        }
+    }
+};