fantasy-ngzorro 1.0.60 → 1.1.0

package/bundles/fantasy-ngzorro.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd'), require('ng-zorro-antd/core'), require('lodash'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tooltip'), require('ng-zorro-antd/tree'), require('localforage'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd', 'ng-zorro-antd/core', 'lodash', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tooltip', 'ng-zorro-antd/tree', 'localforage', 'rxjs', 'rxjs/operators'], factory) :
-    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ngZorroAntd, global.core$1, global.lodash, global.ng.cdk['drag-drop'], global.table, global.modal, global.dropdown, global.popconfirm, global.resizable, global.tooltip, global.tree, global.localforage, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, core, common, forms, ngZorroAntd, core$1, lodash, dragDrop, table, modal, dropdown, popconfirm, resizable, tooltip, tree, localforage, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd'), require('ng-zorro-antd/core'), require('lodash'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tooltip'), require('ng-zorro-antd/tree'), require('fantasy-ngzorro/model/colWidth'), require('localforage'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd', 'ng-zorro-antd/core', 'lodash', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tooltip', 'ng-zorro-antd/tree', 'fantasy-ngzorro/model/colWidth', 'localforage', 'rxjs', 'rxjs/operators'], factory) :
+    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ngZorroAntd, global.core$1, global.lodash, global.ng.cdk['drag-drop'], global.table, global.modal, global.dropdown, global.popconfirm, global.resizable, global.tooltip, global.tree, global.colWidth, global.localforage, global.rxjs, global.rxjs.operators));
+}(this, (function (exports, core, common, forms, ngZorroAntd, core$1, lodash, dragDrop, table, modal, dropdown, popconfirm, resizable, tooltip, tree, colWidth, localforage, rxjs, operators) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -297,6 +297,11 @@
         reset: 'reset',
         add: 'add',
     };
+    /** @enum {string} */
+    var ButtonSize = {
+        normal: 'normal',
+        small: 'small',
+    };
     var HdButtonService = /** @class */ (function () {
         function HdButtonService() {
         }
@@ -319,6 +324,7 @@
         function HdButtonComponent() {
             // 默认default
             this.type = ButtonType.default;
+            this.size = ButtonSize.normal;
             this.disabled = false;
             this.clickAction = new core.EventEmitter();
             this.nzOnConfirm = new core.EventEmitter();
@@ -371,14 +377,15 @@
         HdButtonComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-button',
-                        template: "<nz-content class=\"hd-button-container\">\n  <button nz-button [nzType]=\"type\" [disabled]=\"disabled\" [nzLoading]=\"loading\" [class]=\"type==='add'? 'ant-btn-primary' : ''\" (click)=\"innerClickAction($event)\">\n    <i nz-icon *ngIf=\"type==='add'\" nzType=\"plus\" style=\"margin-right: 4px;\"></i>\n    <!-- \u63D2\u69FD -->\n    <ng-content></ng-content>\n  </button>\n</nz-content>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.hd-button-container{display:inline-block}.hd-button-container button{height:28px;line-height:28px;padding:0 16px!important;border:0;font-size:12px;border-radius:4px}.hd-button-container button[disabled]{background-color:#c8c8c8;color:#fff}.hd-button-container .ant-btn-reset{color:#fff;background:#5d7267}.hd-button-container .ant-btn-reset:hover{background:#72877b}.hd-button-container .ant-btn-default{background:#fff;border-radius:4px;border:1px solid #ced0da;font-size:12px;font-weight:400;color:#2a3634;height:28px;line-height:26px}.hd-button-container .ant-btn-default:hover{color:#12a34f;border:1px solid #12a34f}.hd-button-container .ant-btn-warning{background:#fff;border-radius:4px;border:1px solid #ced0da;font-size:12px;font-weight:400;color:#2a3634;height:28px;line-height:26px}.hd-button-container .ant-btn-warning:hover{color:#f05b24;border:1px solid #f05b24}"]
+                        template: "<nz-content class=\"hd-button-container\">\n  <button nz-button [nzType]=\"type\" [disabled]=\"disabled\" [nzLoading]=\"loading\"\n    [class]=\"size==='small'? 'hd-button-small' : '' + type==='add'? 'ant-btn-primary' : ''\"\n    (click)=\"innerClickAction($event)\">\n    <i nz-icon *ngIf=\"type==='add'\" nzType=\"plus\" style=\"margin-right: 4px;\"></i>\n    <!-- \u63D2\u69FD -->\n    <ng-content></ng-content>\n  </button>\n</nz-content>",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.hd-button-container{display:inline-block}.hd-button-container button{height:28px;line-height:28px;padding:0 16px!important;border:0;font-size:12px;border-radius:4px}.hd-button-container .hd-button-small{padding:0 6px!important}.hd-button-container button[disabled]{background-color:#c8c8c8;color:#fff}.hd-button-container .ant-btn-reset{color:#fff;background:#5d7267}.hd-button-container .ant-btn-reset:hover{background:#72877b}.hd-button-container .ant-btn-default{background:#fff;border-radius:4px;border:1px solid #ced0da;font-size:12px;font-weight:400;color:#2a3634;height:28px;line-height:26px}.hd-button-container .ant-btn-default:hover{color:#12a34f;border:1px solid #12a34f}.hd-button-container .ant-btn-warning{background:#fff;border-radius:4px;border:1px solid #ced0da;font-size:12px;font-weight:400;color:#2a3634;height:28px;line-height:26px}.hd-button-container .ant-btn-warning:hover{color:#f05b24;border:1px solid #f05b24}"]
                     }] }
         ];
         /** @nocollapse */
         HdButtonComponent.ctorParameters = function () { return []; };
         HdButtonComponent.propDecorators = {
             type: [{ type: core.Input }],
+            size: [{ type: core.Input }],
             loading: [{ type: core.Input }],
             disabled: [{ type: core.Input }],
             clickAction: [{ type: core.Output }],
@@ -398,6 +405,8 @@
         /** @type {?} */
         HdButtonComponent.prototype.type;
         /** @type {?} */
+        HdButtonComponent.prototype.size;
+        /** @type {?} */
         HdButtonComponent.prototype.loading;
         /** @type {?} */
         HdButtonComponent.prototype.disabled;
@@ -3340,16 +3349,36 @@
         /** @type {?} */
         TableCacheOption.prototype.cols;
     }
-    var SetColTreeGrid = /** @class */ (function () {
-        function SetColTreeGrid() {
+    // 设置列 树组件对象
+    var 
+    // 设置列 树组件对象
+    TreeGrid = /** @class */ (function () {
+        function TreeGrid() {
+            this.title = '';
+            this.key = '';
+            this.disabled = false;
+            this.checked = false;
+            this.selectable = false;
+            this.isLeaf = true;
+            this.expanded = false;
         }
-        return SetColTreeGrid;
+        return TreeGrid;
     }());
     if (false) {
         /** @type {?} */
-        SetColTreeGrid.prototype.title;
+        TreeGrid.prototype.title;
+        /** @type {?} */
+        TreeGrid.prototype.key;
+        /** @type {?} */
+        TreeGrid.prototype.disabled;
+        /** @type {?} */
+        TreeGrid.prototype.checked;
         /** @type {?} */
-        SetColTreeGrid.prototype.key;
+        TreeGrid.prototype.selectable;
+        /** @type {?} */
+        TreeGrid.prototype.isLeaf;
+        /** @type {?} */
+        TreeGrid.prototype.expanded;
     }
 
     /**
@@ -3389,34 +3418,52 @@
             this.showTable = false;
             this.selectColListNodes = [];
             this.selectColListNodesCache = [];
+            this.showListNodes = false;
+            this.isDropdownVisible = false;
+            // 设置列的可见操作数组
+            this.nowListNodes = [];
+            // 设置列的不可见操作数组
+            this.hideListNodes = [];
+            // 点击时需要有临时数组存放两个tree,用于取消时候恢复调整前的状态
+            this.cancelNowListNodes = [];
+            this.cancelHideListNodes = [];
             // 拖拽操作
             this.beforeDrop = (/**
              * @param {?} arg
              * @return {?}
              */
             function (arg) {
-                console.log('arg', arg);
-                console.log('this.selectColListNodes', _this.selectColListNodes);
-                // TODO: 这里要优化代码，拖拽的时候不是双向绑定的值
-                // this.selectColListNodesCache = this.moveElementNearby(this.selectColListNodesCache.length > 0 ? this.selectColListNodesCache : [...this.selectColListNodes], arg.dragNode.key, arg.node.key, arg.pos);
-                // if (this.selectColListNodesCache && this.selectColListNodesCache.length > 0) {
-                //   this.tableCacheOption.cols = [];
-                //   this.selectColListNodesCache.forEach(item => {
-                //     this.tableCacheOption.cols.push(item.title);
-                //     delete item.expanded
-                //   })
-                //   this.saveTableCacheOption();
-                //   // this.showTable = false;
-                //   // this.setCols();
-                //   // this.dealCols();
-                //   // this.dealScroll();
-                //   // this.showTable = true;
-                //   this.initTable();
-                // }
-                // setTimeout(() => {
-                //   console.log('this.selectColListNodes', this.selectColListNodes);
-                // }, 3000);
-                return rxjs.of(true).pipe(operators.delay(100));
+                if (arg.node.origin.disabled || !arg.dragNode.origin.checked) {
+                    return rxjs.of(false);
+                }
+                else {
+                    /** @type {?} */
+                    var node = new TreeGrid();
+                    node.checked = arg.dragNode.origin.checked;
+                    node.disabled = arg.dragNode.origin.disabled;
+                    node.expanded = arg.dragNode.origin.expanded;
+                    node.isLeaf = arg.dragNode.origin.isLeaf;
+                    node.key = arg.dragNode.origin.key;
+                    node.selectable = arg.dragNode.origin.selectable;
+                    node.title = arg.dragNode.origin.title;
+                    // 拖拽元素下标
+                    /** @type {?} */
+                    var dragNodeIndex = _this.nowListNodes.findIndex((/**
+                     * @param {?} item
+                     * @return {?}
+                     */
+                    function (item) { return item.title == arg.dragNode.origin.title; }));
+                    // 目标位置的下标
+                    /** @type {?} */
+                    var nodeIndex = _this.nowListNodes.findIndex((/**
+                     * @param {?} item
+                     * @return {?}
+                     */
+                    function (item) { return item.title == arg.node.origin.title; })) + (arg.pos === -1 ? 0 : arg.pos);
+                    _this.nowListNodes.splice(nodeIndex, 0, node);
+                    _this.nowListNodes.splice(nodeIndex >= dragNodeIndex ? dragNodeIndex : dragNodeIndex + 1, 1);
+                    return rxjs.of(true).pipe(operators.delay(100));
+                }
             });
         }
         /**
@@ -3460,7 +3507,7 @@
                 if (!_this.tableCacheOption.colWidths) {
                     _this.tableCacheOption.colWidths = new Map();
                 }
-                _this.initTable(true);
+                _this.initTable();
             })).catch((/**
              * @param {?} err
              * @return {?}
@@ -3470,49 +3517,94 @@
                 _this.tablePageSize = 10;
                 _this.tableCacheOption.pageSize = 10;
                 _this.tableCacheOption.colWidths = new Map();
-                _this.initTable(true);
+                _this.initTable();
             }));
         };
         /**
-         * @param {?=} initTree
          * @return {?}
          */
         HdTableComponent.prototype.initTable = /**
-         * @param {?=} initTree
          * @return {?}
          */
-        function (initTree) {
-            if (initTree === void 0) { initTree = false; }
+        function () {
             this.showTable = false;
             if (!this.uuid) {
                 throw 'hd-table缺失uuid参数，请使用编辑器插件生成并给hd-table赋予uuid属性';
             }
             if (this.judgeRepeatCols()) {
                 this.dealCols();
-                this.setCols(initTree);
+                this.setCols();
                 this.dealScroll();
                 this.dealOperateBtn();
                 this.showTable = true;
             }
         };
+        // 设置列点击取消
+        // 设置列点击取消
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.cancelDropdown = 
+        // 设置列点击取消
+        /**
+         * @return {?}
+         */
+        function () {
+            this.isDropdownVisible = false;
+            this.hideListNodes = JSON.parse(JSON.stringify(this.cancelHideListNodes));
+            this.nowListNodes = JSON.parse(JSON.stringify(this.cancelNowListNodes));
+        };
+        // 点击触发设置列
+        // 点击触发设置列
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.confirmDropdown = 
+        // 点击触发设置列
+        /**
+         * @return {?}
+         */
+        function () {
+            // 临时存放下，取消的时候恢复原来的状态   深拷贝下对象数组
+            this.cancelHideListNodes = JSON.parse(JSON.stringify(this.hideListNodes));
+            this.cancelNowListNodes = JSON.parse(JSON.stringify(this.nowListNodes));
+            this.isDropdownVisible = true;
+        };
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.submitGrids = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.tableCacheOption.cols = [];
+            this.nowListNodes.forEach((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                _this.tableCacheOption.cols.push(item.title);
+            }));
+            this.saveTableCacheOption();
+            this.initTable();
+            this.isDropdownVisible = false;
+        };
         // 从缓存设置列
         // 从缓存设置列
         /**
-         * @param {?=} initTree
          * @return {?}
          */
         HdTableComponent.prototype.setCols = 
         // 从缓存设置列
         /**
-         * @param {?=} initTree
          * @return {?}
          */
-        function (initTree) {
+        function () {
             var _this = this;
-            if (initTree === void 0) { initTree = false; }
-            if (initTree) {
-                this.selectColListNodes = [];
-            }
+            this.showListNodes = false;
+            this.nowListNodes = [];
+            this.hideListNodes = [];
             if (this.tableCacheOption.cols) {
                 var _a = this.tableColsCache.reduce((/**
                  * @param {?} acc
@@ -3546,24 +3638,35 @@
             function (element, index) {
                 if (_this.tableCacheOption.cols) {
                     element.isShow = _this.tableCacheOption.cols.includes(element.title) ? true : false;
-                    if (initTree) {
-                        _this.selectColListNodes.push({
+                    if (element.isShow) {
+                        _this.nowListNodes.push({
                             title: element.title,
                             key: element.title,
+                            disabled: element.fixed ? true : false,
+                            selectable: false,
                             checked: _this.tableCacheOption.cols.includes(element.title) ? true : false
                         });
                     }
-                }
-                else {
-                    element.isShow = true;
-                    if (initTree) {
-                        _this.selectColListNodes.push({
+                    else {
+                        _this.hideListNodes.push({
                             title: element.title,
                             key: element.title,
-                            checked: true
+                            disabled: element.fixed ? true : false,
+                            selectable: false,
+                            checked: _this.tableCacheOption.cols.includes(element.title) ? true : false
                         });
                     }
                 }
+                else {
+                    element.isShow = true;
+                    _this.nowListNodes.push({
+                        title: element.title,
+                        key: element.title,
+                        checked: true,
+                        selectable: false,
+                        disabled: element.fixed ? true : false
+                    });
+                }
             }));
             // 调整列宽为缓存宽度
             if (this.tableCacheOption && this.tableCacheOption.colWidths && this.tableCacheOption.colWidths.size !== 0) {
@@ -3578,10 +3681,12 @@
                 }));
             }
             this.dealCols();
-            // console.log('this.tableColsCache', this.tableColsCache);
-            // console.log('this.selectColListNodes', this.selectColListNodes);
-            // console.log('this.tableCacheOption.cols', this.tableCacheOption.cols);
-            // console.log('this.tableCols', this.tableCols);
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                _this.showListNodes = true;
+            }), 0);
         };
         /**
          * @param {?} arr
@@ -3614,9 +3719,6 @@
             function (item) { return item.title === elementToMoveTitle; }));
             /** @type {?} */
             var newIndex = pos < 0 ? (targetIndex + pos) : targetIndex;
-            console.log('elementIndex', elementIndex);
-            console.log('targetIndex', targetIndex);
-            console.log('newIndex', newIndex);
             // 移除目标元素，并插入到新的位置
             /** @type {?} */
             var removedElement = tmpArray.splice(elementIndex, 1);
@@ -3636,13 +3738,112 @@
          * @return {?}
          */
         function (event) {
-            this.tableCacheOption.cols = event.keys;
-            this.saveTableCacheOption();
-            this.showTable = false;
-            this.setCols();
-            this.dealCols();
-            this.dealScroll();
-            this.showTable = true;
+            // 勾选只有在hideListNodes,取消勾选只有在nowListNodes
+            if (event.node.origin.checked) {
+                /** @type {?} */
+                var node = new TreeGrid();
+                node = this.hideListNodes.find((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) {
+                    return item.title === event.node.origin.title;
+                }));
+                node.checked = true;
+                // 找到第一个fixed属性为right的title，找到插入元素的位置
+                /** @type {?} */
+                var title_1 = null;
+                for (var i = this.tableColsCache.length - 1; i >= 0; i--) {
+                    if (this.tableColsCache[i].fixed === 'right') {
+                        title_1 = this.tableColsCache[i].title;
+                        break;
+                    }
+                }
+                /** @type {?} */
+                var temporaryNodeList = this.nowListNodes.slice(0);
+                if (!title_1) {
+                    temporaryNodeList.push(node);
+                }
+                else {
+                    /** @type {?} */
+                    var index = this.nowListNodes.findIndex((/**
+                     * @param {?} node
+                     * @return {?}
+                     */
+                    function (node) { return node.title === title_1; }));
+                    temporaryNodeList.splice(index, 0, node);
+                }
+                this.nowListNodes = temporaryNodeList;
+                this.hideListNodes = this.hideListNodes.filter((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) {
+                    return item.title !== event.node.origin.title;
+                }));
+            }
+            else {
+                if (this.hideListNodes.length === 0 && this.tableCacheOption && this.tableCacheOption.cols) {
+                    this.hideListNodes = this.getHideListNodes();
+                }
+                else {
+                    /** @type {?} */
+                    var temporaryNodeList_1 = this.hideListNodes.slice(0);
+                    this.nowListNodes.forEach((/**
+                     * @param {?} item
+                     * @return {?}
+                     */
+                    function (item) {
+                        if (item.title === event.node.origin.title) {
+                            /** @type {?} */
+                            var innerItem = JSON.parse(JSON.stringify(item));
+                            innerItem.checked = true;
+                            temporaryNodeList_1.push(item);
+                        }
+                    }));
+                    this.hideListNodes = temporaryNodeList_1;
+                }
+                // 为了防止未选择的数组顺序因为push方法而改变，通过初始数据获取显示的字段列表
+                this.nowListNodes = this.nowListNodes.filter((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) {
+                    return item.title !== event.node.origin.title;
+                }));
+            }
+        };
+        // 防止未选择的数组顺序因为push方法而改变，从初始数据获取隐藏未显示的字段列表
+        // 防止未选择的数组顺序因为push方法而改变，从初始数据获取隐藏未显示的字段列表
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.getHideListNodes = 
+        // 防止未选择的数组顺序因为push方法而改变，从初始数据获取隐藏未显示的字段列表
+        /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            /** @type {?} */
+            var temporaryNodeList = [];
+            // 从tableColsCache里面找没有在storage里面出现的字段,组成hideList
+            this.tableColsCache.forEach((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                if (!_this.tableCacheOption.cols.includes(item.title)) {
+                    /** @type {?} */
+                    var nodeItem = new TreeGrid();
+                    nodeItem.title = item.title;
+                    nodeItem.key = item.title;
+                    nodeItem.disabled = item.fixed ? true : false;
+                    nodeItem.checked = false;
+                    temporaryNodeList.push(nodeItem);
+                }
+            }));
+            return temporaryNodeList;
         };
         /**
          * @return {?}
@@ -3676,8 +3877,6 @@
             if (!this.tableColsCache || this.tableColsCache.length === 0) {
                 // 缓存一下表格的数据
                 this.tableColsCache = __spread(this.tableCols);
-                console.log('dealCols里面的tableCols', this.tableCols);
-                console.log('dealCols里面的缓存', this.tableColsCache);
             }
         };
         /**
@@ -3785,18 +3984,21 @@
          */
         function () {
             /** @type {?} */
-            var colWidth = 0;
+            var colWidth$1 = 0;
             if (this.showSelected) {
-                colWidth += 40;
+                colWidth$1 += 40;
             }
             this.tableCols.forEach((/**
              * @param {?} item
              * @return {?}
              */
             function (item) {
+                if (!item.width) {
+                    item.width = colWidth.ColWidth.fixColWidth;
+                }
                 if (item.isShow) {
-                    item.fixedWidth = colWidth;
-                    colWidth += item.width;
+                    item.fixedWidth = colWidth$1;
+                    colWidth$1 += item.width;
                 }
             }));
             this.scroll = {
@@ -3974,8 +4176,8 @@
         HdTableComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-table',
-                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <!-- <hd-button type=\"primary\" (clickAction)=\"setCols()\">\u8BBE\u7F6E\u5217</hd-button> -->\n      <!-- <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"setCols()\">\u8BBE\u7F6E\u5217\n      </hd-button> -->\n      <a nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\">\n        \u8BBE\u7F6E\u5217\n        <i nz-icon nzType=\"down\"></i>\n      </a>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px ;overflow-y: scroll;\">\n          <div nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree [nzData]=\"selectColListNodes\" nzCheckable nzDraggable nzBlockNode nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\">\n            </nz-tree>\n          </div>\n        </div>\n      </nz-dropdown-menu>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\"\n            (nzResizeEnd)=\"onResize($event, col.title)\">\n            {{ col.title }}\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\">\n            <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n              <div class=\"common-btn-group\">\n                <ng-container *ngFor=\"let btn of col.btnList\">\n                  <ng-container *ngIf=\"!btn.showConfirm;else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state';else otherTemplate\">\n                <hd-status [status]=\"data['state']\">{{ col.render ? col.render(data) : data['state'] }}\n                </hd-status>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</a>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</a>\n                  </ng-template>\n                </ng-container>\n                <ng-template #noClickTemplate>\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</span>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\">\n                      {{ col.render ? col.render(data) : data[col.name]}}</span>\n                  </ng-template>\n                </ng-template>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{width:10px;height:100%;top:0;right:-5px}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}.resize-trigger{height:15px;background:#e8e8e8;position:absolute}.nz-resizable-preview{border-width:0 1px 0 0}"]
+                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"confirmDropdown()\"\n        [nzVisible]=\"isDropdownVisible\">\u8BBE\u7F6E\u5217</hd-button>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px;overflow-y: scroll;\">\n          <div nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzDraggable nzBlockNode\n              nzShowExpand=\"false\" (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\">\n            </nz-tree>\n          </div>\n          <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n        </div>\n        <div style=\"text-align: right;background: #fff;padding: 4px;\">\n          <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n          </hd-button>\n          <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n        </div>\n      </nz-dropdown-menu>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\"\n            (nzResizeEnd)=\"onResize($event, col.title)\">\n            {{ col.title }}\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\">\n            <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n              <div class=\"common-btn-group\">\n                <ng-container *ngFor=\"let btn of col.btnList\">\n                  <ng-container *ngIf=\"!btn.showConfirm;else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state';else otherTemplate\">\n                <hd-status [status]=\"data['state']\">{{ col.render ? col.render(data) : data['state'] }}\n                </hd-status>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</a>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</a>\n                  </ng-template>\n                </ng-container>\n                <ng-template #noClickTemplate>\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</span>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\">\n                      {{ col.render ? col.render(data) : data[col.name]}}</span>\n                  </ng-template>\n                </ng-template>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset;padding:0 6px!important}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{width:10px;height:100%;top:0;right:-5px}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}.resize-trigger{height:15px;background:#e8e8e8;position:absolute}.nz-resizable-preview{border-width:0 1px 0 0}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4082,6 +4284,18 @@
         /** @type {?} */
         HdTableComponent.prototype.selectColListNodesCache;
         /** @type {?} */
+        HdTableComponent.prototype.showListNodes;
+        /** @type {?} */
+        HdTableComponent.prototype.isDropdownVisible;
+        /** @type {?} */
+        HdTableComponent.prototype.nowListNodes;
+        /** @type {?} */
+        HdTableComponent.prototype.hideListNodes;
+        /** @type {?} */
+        HdTableComponent.prototype.cancelNowListNodes;
+        /** @type {?} */
+        HdTableComponent.prototype.cancelHideListNodes;
+        /** @type {?} */
         HdTableComponent.prototype.beforeDrop;
         /**
          * @type {?}
@@ -4758,6 +4972,7 @@
         arrayToSelectOptionList: (ɵ2)
     };
 
+    exports.ButtonSize = ButtonSize;
     exports.ButtonType = ButtonType;
     exports.ColorOption = ColorOption;
     exports.ExplainOption = ExplainOption;