@yibozhang/pro-table 16.2.1 → 16.2.2

package/esm2022/lib/type.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byby10YWJsZS9zcmMvbGliL3R5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRpbWVQaWNrZXJDb25maWcgfSBmcm9tIFwibmctem9ycm8tYW50ZC9jb3JlL2NvbmZpZ1wiO1xyXG5pbXBvcnQgeyBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmV4cG9ydCB0eXBlIFZhbHVlVHlwZSA9XHJcbiAgfCBcImlucHV0XCJcclxuICB8IFwic2VsZWN0XCJcclxuICB8IFwiaW5wdXRQbGF0ZVwiXHJcbiAgfCBcImNoZWNrYm94XCJcclxuICB8IFwiZGF0ZVwiXHJcbiAgfCBcInNlbGVjdE11bHRpcGxlXCJcclxuICB8IFwiYXV0b0NvbXBsZXRlXCJcclxuICB8IFwiaW5wdXROdW1iZXJcIlxyXG4gIHwgXCJjdXN0b21cIjtcclxuXHJcbmV4cG9ydCB0eXBlIE9wdGlvbnNUeXBlID0ge1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcclxuICBkaXNhYmxlZD86IGJvb2xlYW47XHJcbiAgY2hlY2tlZD86IGJvb2xlYW47XHJcbiAgdG9vbHRpcD86IHN0cmluZztcclxufTtcclxuXHJcbnR5cGUgRmllbGRCYXNlUHJvcHMgPSB7XHJcbiAgbmFtZT86IHN0cmluZztcclxuICB2YWx1ZT86IGFueTtcclxuICBsYWJlbD86IHN0cmluZztcclxuICBkaXNhYmxlZD86IGJvb2xlYW47XHJcbiAgaGlkZUxhYmVsPzogYm9vbGVhbjtcclxufTtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRGaWVsZFByb3BzIGV4dGVuZHMgRmllbGRCYXNlUHJvcHMge1xyXG4gIHBsYWNlSG9sZGVyPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElucHV0UGxhdGVGaWVsZFByb3BzIGV4dGVuZHMgRmllbGRCYXNlUHJvcHMge1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdEZpZWxkUHJvcHMgZXh0ZW5kcyBGaWVsZEJhc2VQcm9wcyB7XHJcbiAgYWxsb3dDbGVhcj86IGJvb2xlYW47XHJcbiAgcGxhY2VIb2xkZXI/OiBzdHJpbmc7XHJcbiAgb3B0aW9ucz86IE9wdGlvbnNUeXBlW107XHJcbiAgcmVxdWVzdD86ICgpID0+IFByb21pc2U8QXJyYXk8T3B0aW9uc1R5cGU+PjtcclxuICBzaG93U2VhcmNoPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RNdWx0aXBsZUZpZWxkUHJvcHMgZXh0ZW5kcyBGaWVsZEJhc2VQcm9wcyB7XHJcbiAgYWxsb3dDbGVhcj86IGJvb2xlYW47XHJcbiAgcGxhY2VIb2xkZXI/OiBzdHJpbmc7XHJcbiAgb3B0aW9ucz86IE9wdGlvbnNUeXBlW107XHJcbiAgcmVxdWVzdD86ICgpID0+IFByb21pc2U8QXJyYXk8T3B0aW9uc1R5cGU+PjtcclxuICBzaG93U2VhcmNoPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEYXRlRmllbGRQcm9wcyBleHRlbmRzIEZpZWxkQmFzZVByb3BzIHtcclxuICBzaG93VGltZT86IGJvb2xlYW4gfCBUaW1lUGlja2VyQ29uZmlnO1xyXG4gIGZvcm1hdD86IHN0cmluZztcclxuICBhbGxvd0NsZWFyPzogYm9vbGVhbjtcclxuICBwbGFjZUhvbGRlcj86IHN0cmluZztcclxuICBtb2RlPzogXCJkYXRlXCIgfCBcIndlZWtcIiB8IFwibW9udGhcIiB8IFwieWVhclwiO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIENoZWNrYm94RmllbGRQcm9wcyBleHRlbmRzIEZpZWxkQmFzZVByb3BzIHtcclxuICBvcHRpb25zPzogT3B0aW9uc1R5cGVbXTtcclxuICBub1N0eWxlPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJbnB1dE51bWJlckZpZWxkUHJvcHMgZXh0ZW5kcyBGaWVsZEJhc2VQcm9wcyB7XHJcbiAgcGxhY2VIb2xkZXI/OiBzdHJpbmc7XHJcbiAgbWluPzogbnVtYmVyO1xyXG4gIG1heD86IG51bWJlcjtcclxuICBwcmVjaXNpb24/OiBudW1iZXI7XHJcbiAgZm9ybWF0dGVyUGVyY2VudD86ICh2YWx1ZTogbnVtYmVyKSA9PiBzdHJpbmc7XHJcbiAgcGFyc2VyUGVyY2VudD86ICh2YWx1ZTogc3RyaW5nKSA9PiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXV0b0NvbXBsZXRlRmllbGRQcm9wcyBleHRlbmRzIEZpZWxkQmFzZVByb3BzIHtcclxuICBkYXRhU291cmNlPzogKFxyXG4gICAgZXZlbnQ6IEV2ZW50XHJcbiAgKSA9PiBQcm9taXNlPEFycmF5PE9wdGlvbnNUeXBlIHwgc3RyaW5nPj4gfCBBcnJheTxPcHRpb25zVHlwZSB8IHN0cmluZz47XHJcbiAgcGxhY2VIb2xkZXI/OiBzdHJpbmc7XHJcbiAgYmFja0ZpbGw/OiBib29sZWFuO1xyXG4gIGRlZmF1bHRBY3RpdmVGaXJzdE9wdGlvbj86IGJvb2xlYW47XHJcbiAgd2lkdGg/OiBudW1iZXI7XHJcbiAgcmV0dXJuRnVsbERhdGE/OiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEN1c3RvbUZpZWxkUHJvcHMgZXh0ZW5kcyBGaWVsZEJhc2VQcm9wcyB7XHJcbiAgY29tcG9uZW50PzogYW55O1xyXG4gIGNvbXBvbmVudFByb3BzPzogeyBba2V5OiBzdHJpbmddOiBhbnkgfTtcclxufVxyXG5cclxuLy8g5Z+656GA5YiX5bGe5oCn77yI5omA5pyJ5YiX5YWx5pyJ55qE5bGe5oCn77yJXHJcbmludGVyZmFjZSBQcm9UYWJsZUNvbHVtbkJhc2Uge1xyXG4gIC8vIOWtl+auteWQjVxyXG4gIHByb3A6IHN0cmluZztcclxuICAvLyDliJflkI1cclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIC8vIOaQnOe0ouihqOWNleWuveW6plxyXG4gIGxhYmVsV2lkdGg/OiBzdHJpbmc7XHJcbiAgLy8g5pCc57Si6KGo5Y2V5a+56b2Q5pa55byPXHJcbiAgbGFiZWxBbGlnbj86IFwibGVmdFwiIHwgXCJyaWdodFwiIHwgXCJjZW50ZXJcIjtcclxuICAvLyDmmK/lkKbpmpDol4/mkJzntKLooajljZVcclxuICBoaWRlSW5TZWFyY2g/OiBib29sZWFuO1xyXG4gIC8vIOaYr+WQpumakOiXj+ihqOagvFxyXG4gIGhpZGVJblRhYmxlPzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKblkK/nlKjor6XliJfmjpLluo9cclxuICBzb3J0ZXI/OiBib29sZWFuO1xyXG4gIC8vIOWIl+WuvVxyXG4gIHdpZHRoPzogc3RyaW5nO1xyXG4gIC8vIOWIl+WGheWuueWvuem9kOagvOW8j1xyXG4gIGFsaWduPzogXCJsZWZ0XCIgfCBcInJpZ2h0XCIgfCBcImNlbnRlclwiO1xyXG4gIC8vIOaYr+WQpuW8gOWQr+i2heWHuuecgeeVpVxyXG4gIGVsbGlwc2lzPzogYm9vbGVhbjtcclxuICAvLyDoh6rlrprkuYnljZXlhYPmoLzlhoXlrrlcclxuICBjdXN0b21SZW5kZXI/OiBzdHJpbmc7XHJcbiAgLy8g6Ieq5a6a5LmJ562b6YCJ6KGo5Y2VbGFiZWzmuLLmn5NcclxuICBjdXN0b21MYWJlbFJlbmRlcj86IHN0cmluZztcclxuICAvLyDlvIDlkK/lm7rlrprlt6bkvqdcclxuICBmaXhlZExlZnQ/OiBib29sZWFuO1xyXG4gIC8vIOW8gOWQr+WbuuWumuWPs+S+p1xyXG4gIGZpeGVkUmlnaHQ/OiBib29sZWFuO1xyXG4gIC8vIOaQnOe0ouihqOWNleS9jee9ruaOkuW6j1xyXG4gIG9yZGVyPzogbnVtYmVyO1xyXG4gIC8vIOWIl+aOkuW6j+WQjeensOWtl+autVxyXG4gIHNvcnROYW1lPzogc3RyaW5nO1xyXG4gIC8vIOi+heWKqeWIl++8jOWJjeerr+iHquW3seiuvue9rueahOihqOagvOWIlyzkuI3kvp3otZbmlbDmja7mjqXlj6Ms5byA5ZCv5ZCO5LiN5Lya5YaN5Yqo5oCB5YiX6YWN572u5Lit5pi+56S6XHJcbiAgYXV4aWxpYXJ5Q29sdW1uPzogYm9vbGVhbjtcclxuICBzdW1tYXJ5Pzoge1xyXG4gICAgbmFtZT86IHN0cmluZztcclxuICAgIGZvcm1hdD86ICh2YWx1ZTogYW55KSA9PiBzdHJpbmc7XHJcbiAgfTtcclxuICBba2V5OiBzdHJpbmddOiBhbnk7XHJcbn1cclxuXHJcbi8vIOS9v+eUqOWIpOWIq+iBlOWQiOexu+Wei++8jOagueaNriB2YWx1ZVR5cGUg6Ieq5Yqo5o6o5pat5a+55bqU55qEIGZpZWxkUHJvcHNcclxuZXhwb3J0IHR5cGUgUHJvVGFibGVDb2x1bW4gPVxyXG4gIHwgKFByb1RhYmxlQ29sdW1uQmFzZSAmIHtcclxuICAgICAgdmFsdWVUeXBlPzogXCJpbnB1dFwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogSW5wdXRGaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiaW5wdXRQbGF0ZVwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogSW5wdXRQbGF0ZUZpZWxkUHJvcHM7XHJcbiAgICB9KVxyXG4gIHwgKFByb1RhYmxlQ29sdW1uQmFzZSAmIHtcclxuICAgICAgdmFsdWVUeXBlPzogXCJzZWxlY3RcIjtcclxuICAgICAgZmllbGRQcm9wcz86IFNlbGVjdEZpZWxkUHJvcHM7XHJcbiAgICB9KVxyXG4gIHwgKFByb1RhYmxlQ29sdW1uQmFzZSAmIHtcclxuICAgICAgdmFsdWVUeXBlPzogXCJzZWxlY3RNdWx0aXBsZVwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogU2VsZWN0TXVsdGlwbGVGaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiZGF0ZVwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogRGF0ZUZpZWxkUHJvcHM7XHJcbiAgICB9KVxyXG4gIHwgKFByb1RhYmxlQ29sdW1uQmFzZSAmIHtcclxuICAgICAgdmFsdWVUeXBlPzogXCJjaGVja2JveFwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogQ2hlY2tib3hGaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiYXV0b0NvbXBsZXRlXCI7XHJcbiAgICAgIGZpZWxkUHJvcHM/OiBBdXRvQ29tcGxldGVGaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiY3VzdG9tXCI7XHJcbiAgICAgIGZpZWxkUHJvcHM/OiBDdXN0b21GaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IHVuZGVmaW5lZDtcclxuICAgICAgZmllbGRQcm9wcz86IG5ldmVyO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiaW5wdXROdW1iZXJcIjtcclxuICAgICAgZmllbGRQcm9wcz86IElucHV0TnVtYmVyRmllbGRQcm9wcztcclxuICAgIH0pO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBQcm9UYWJsZVBhZ2VJbmZvIHtcclxuICBwYWdlU2l6ZTogbnVtYmVyO1xyXG4gIHBhZ2VJbmRleDogbnVtYmVyO1xyXG4gIHRvdGFsOiBudW1iZXI7XHJcbiAgcGFnZVNpemVPcHRpb25zOiBBcnJheTxudW1iZXI+O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb1RhYmxlUmVxdWVzdFJlc3VsdCB7XHJcbiAgZGF0YTogYW55W107XHJcbiAgdG90YWw6IG51bWJlcjtcclxuICBzdW1tYXJ5RGF0YT86IFJlY29yZDxzdHJpbmcsIGFueT47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUHJvVGFibGVWYWx1ZXNDaGFuZ2Uge1xyXG4gIGtleTogc3RyaW5nO1xyXG4gIHZhbHVlOiBhbnk7XHJcbiAgcGFyYW1zOiBSZWNvcmQ8c3RyaW5nLCBhbnk+O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb1RhYmxlUmVxdWVzdFByb3BzIHtcclxuICBwYXJhbXM6IFJlY29yZDxzdHJpbmcsIGFueT47XHJcbiAgc29ydDoge1xyXG4gICAgZmllbGQ6IHN0cmluZztcclxuICAgIG9yZGVyOiBcImRlc2NlbmRcIiB8IFwiYXNjZW5kXCI7XHJcbiAgfSB8IG51bGw7XHJcbiAgcGFnZUluZm86IHtcclxuICAgIHBhZ2VTaXplOiBudW1iZXI7XHJcbiAgICBwYWdlSW5kZXg6IG51bWJlcjtcclxuICB9O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb1RhYmxlUHJvcHMge1xyXG4gIC8vIOihqOagvOagh+mimFxyXG4gIHRpdGxlPzogc3RyaW5nO1xyXG4gIC8vIOihqOagvOWQjeensCznlKjkuo7liqjmgIHliJfor7fmsYLphY3nva5cclxuICB0YWJsZU5hbWU/OiBzdHJpbmc7XHJcbiAgLy8g5Yqo5oCB5YiX5aSa5YiX6YWN572uLOS4gOiIrOeUqOS4jeWIsFxyXG4gIG11bHRpUm93PzogYm9vbGVhbjtcclxuICAvLyDliJfphY3nva7poblcclxuICBjb2x1bW5zOiBQcm9UYWJsZUNvbHVtbltdO1xyXG4gIC8vIOaYr+WQpuaYvuekuuaQnOe0ouagj1xyXG4gIHNob3dTZWFyY2hCYXI/OiBib29sZWFuO1xyXG4gIC8vIOaYr+WQpuaYvuekuuaTjeS9nOagj1xyXG4gIHNob3dBY3Rpb25CYXI/OiBib29sZWFuO1xyXG4gIC8vIOehruiupOaMiemSruaWh+acrFxyXG4gIGNvbmZpcm1CdG5UZXh0Pzogc3RyaW5nO1xyXG4gIC8vIOa4heepuuaMiemSruaWh+acrFxyXG4gIGNsZWFyQnRuVGV4dD86IHN0cmluZztcclxuICAvLyDmkJzntKLooajljZXlrr3luqZcclxuICBsYWJlbFdpZHRoPzogc3RyaW5nO1xyXG4gIC8vIOaQnOe0ouihqOWNleWvuem9kOaWueW8j1xyXG4gIGxhYmVsQWxpZ24/OiBcImxlZnRcIiB8IFwicmlnaHRcIiB8IFwiY2VudGVyXCI7XHJcbiAgLy8g5pWw5o2u5rqQKHJlcXVlc3QsZGF0YVNvdXJjZeS6jOmAieS4gClcclxuICBkYXRhU291cmNlOiBBcnJheTxQcm9UYWJsZVJlcXVlc3RSZXN1bHQ+O1xyXG4gIC8vIOaYr+WQpuaYvuekuui+ueahhlxyXG4gIGJvcmRlcmVkPzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKbmmL7npLrlpJbovrnmoYZcclxuICBvdXRlckJvcmRlcmVkPzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKbmmL7npLrliIbpobVcclxuICBzaG93UGFnaW5hdGlvbj86IGJvb2xlYW47XHJcbiAgLy8g5piv5ZCm5YmN56uv5YiG6aG1XHJcbiAgZnJvbnRQYWdpbmF0aW9uPzogYm9vbGVhbjtcclxuICAvLyDmu5rliqjphY3nva5cclxuICBzY3JvbGw/OiB7IHg/OiBzdHJpbmcgfCBudW1iZXI7IHk/OiBzdHJpbmcgfCBudW1iZXIgfTtcclxuICAvLyDoh6rliqjor7fmsYIocmVxdWVzdCxkYXRhU291cmNl5LqM6YCJ5LiAKVxyXG4gIHJlcXVlc3Q/OiAocGFyYW1zOiBQcm9UYWJsZVJlcXVlc3RQcm9wcykgPT4gUHJvbWlzZTxQcm9UYWJsZVJlcXVlc3RSZXN1bHQ+O1xyXG4gIC8vIOaOkuW6j+aooeW8j++8mmxvY2FsIOacrOWcsOaOkuW6j++8m3NlcnZlciDlnKjnur/mjpLluo/vvIjmj5DkuqTnu5nmjqXlj6PvvIlcclxuICBzb3J0TW9kZT86IFwibG9jYWxcIiB8IFwic2VydmVyXCI7XHJcbiAgLy8g5piv5ZCm5byA5ZCv5aSa5YiX5o6S5bqP77yI6buY6K6k5Y2V5YiX77yJXHJcbiAgbXVsdGlwbGVTb3J0PzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKblvIDlkK/liJforr7nva5cclxuICBzaG93Q29sdW1uU2V0dGluZz86IGJvb2xlYW47XHJcbiAgLy8g5bGV56S6Y2hlY2tib3hcclxuICBzaG93Q2hlY2tib3g/OiBib29sZWFuO1xyXG4gIC8vIOWIpOaWreihjOaYr+WQpuemgeeUqOeahOWHveaVsO+8jOi/lOWbniB0cnVlIOihqOekuuivpeihjOemgeeUqOmAieS4rVxyXG4gIHJvd0Rpc2FibGVkPzogKGRhdGE6IGFueSkgPT4gYm9vbGVhbjtcclxuICAvLyDmmK/lkKbmmL7npLrmn6Xor6LmjInpkq5cclxuICBzaG93U2VhcmNoQnRuPzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKbmmL7npLrmuIXnqbrmjInpkq5cclxuICBzaG93Q2xlYXJCdG4/OiBib29sZWFuO1xyXG4gIC8vIOaYr+WQpuiHquWKqOinpuWPkeivt+axglxyXG4gIGF1dG9UcmlnZ2VyUmVxdWVzdD86IGJvb2xlYW47XHJcbiAgLy8g6Ieq5a6a5LmJ5riy5p+T6KGo5qC8XHJcbiAgY3VzdG9tVGFibGVSZW5kZXI/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb1RhYmxlRXZlbnQge1xyXG4gIC8vIOihqOagvOihjOeCueWHu+S6i+S7tlxyXG4gIG9uUm93Q2xpY2soZGF0YTogYW55KTogdm9pZDtcclxuICAvLyDooajmoLzooYzlj4zlh7vkuovku7ZcclxuICBvblJvd0RiQ2xpY2soZGF0YTogYW55KTogdm9pZDtcclxuICAvLyDooajmoLzmkJzntKLlgLzlj5jljJbkuovku7ZcclxuICBvblZhbHVlc0NoYW5nZShkYXRhOiBQcm9UYWJsZVZhbHVlc0NoYW5nZSk6IHZvaWQ7XHJcbiAgLy8g6KGo5qC86YeN572u6KGo5Y2V6YeN572u5ZCO77yM6YeN5paw6K+35rGC5YmN6Kem5Y+RXHJcbiAgb25SZXNldEZvcm1CZWZvcmVSZWxvYWQoKTogdm9pZDtcclxufVxyXG5cclxuLy8g57uE5Lu25a6e5L6L6YCa55So5pa55rOVXHJcbmV4cG9ydCBpbnRlcmZhY2UgUHJvVGFibGVJbnN0YW5jZSB7XHJcbiAgLyoqXHJcbiAgICog6I635Y+W5pCc57Si5Y+C5pWwXHJcbiAgICogQHBhcmFtIHVzZVNhdmVkIOS9v+eUqOacgOi/keS4gOasoeafpeivouaPkOS6pOeahOWPguaVsO+8jOm7mOiupOS4uiBmYWxzZe+8m2ZhbHNlIOS4uuW9k+WJjeihqOWNleWAvFxyXG4gICAqL1xyXG4gIGdldFNlYXJjaFBhcmFtcyhwYXJhbXM6IHsgdXNlU2F2ZWQ/OiBib29sZWFuIH0pOiBhbnk7XHJcbiAgLyoqXHJcbiAgICog6YeN5paw5Yqg6L295pWw5o2uXHJcbiAgICogQHBhcmFtIHBhcmFtcyDliKDpmaTlkI7ph43mlrDor7fmsYLlvIDlkK9cclxuICAgKi9cclxuICByZWxvYWQocGFyYW1zPzogYm9vbGVhbik6IHZvaWQ7XHJcbiAgLyoqXHJcbiAgICog6K6+572u6KGo5Y2V5YC8XHJcbiAgICogQHBhcmFtIGZpZWxkcyDooajljZXlrZfmrrXlgLxcclxuICAgKi9cclxuICBzZXRGaWVsZHNWYWx1ZShmaWVsZHM6IFJlY29yZDxzdHJpbmcsIGFueT4pOiB2b2lkO1xyXG5cclxuICAvKipcclxuICAgKiDmuIXnqbrpgInkuK3ooYxcclxuICAgKi9cclxuICBjbGVhclNlbGVjdGVkUm93KCk6IHZvaWQ7XHJcblxyXG4gIC8qKlxyXG4gICAqIOWKqOaAgeiuvue9rmNvbHVtbnNcclxuICAgKiBAcGFyYW0gY29sdW1ucyDliJfphY3nva5cclxuICAgKiBAcGFyYW0gb3B0aW9ucyDpgInpoblcclxuICAgKi9cclxuICBzZXRDb2x1bW5zKFxyXG4gICAgY29sdW1uczogUHJvVGFibGVDb2x1bW5bXSxcclxuICAgIG9wdGlvbnM/OiB7XHJcbiAgICAgIHJlbG9hZD86IGJvb2xlYW47IC8vIOaYr+WQpumHjeaWsOWKoOi9veaVsOaNru+8jOm7mOiupOS4uiBmYWxzZVxyXG4gICAgfVxyXG4gICk6IFByb21pc2U8dm9pZD47XHJcblxyXG4gIC8qKlxyXG4gICAqIOiOt+WPlumAieS4reihjOaVsOaNrijljZXpgIkpXHJcbiAgICovXHJcbiAgZ2V0U2VsZWN0ZWRSb3dEYXRhKCk6IGFueTtcclxuICAvKipcclxuICAgKiDojrflj5bpgInkuK3ooYzmlbDmja4o5aSa6YCJKVxyXG4gICAqL1xyXG4gIGdldENoZWNrZWRSb3dzKCk6IGFueVtdO1xyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byby10YWJsZS9zcmMvbGliL3R5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRpbWVQaWNrZXJDb25maWcgfSBmcm9tIFwibmctem9ycm8tYW50ZC9jb3JlL2NvbmZpZ1wiO1xyXG5pbXBvcnQgeyBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmV4cG9ydCB0eXBlIFZhbHVlVHlwZSA9XHJcbiAgfCBcImlucHV0XCJcclxuICB8IFwic2VsZWN0XCJcclxuICB8IFwiaW5wdXRQbGF0ZVwiXHJcbiAgfCBcImNoZWNrYm94XCJcclxuICB8IFwiZGF0ZVwiXHJcbiAgfCBcInNlbGVjdE11bHRpcGxlXCJcclxuICB8IFwiYXV0b0NvbXBsZXRlXCJcclxuICB8IFwiaW5wdXROdW1iZXJcIlxyXG4gIHwgXCJjdXN0b21cIjtcclxuXHJcbmV4cG9ydCB0eXBlIE9wdGlvbnNUeXBlID0ge1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcclxuICBkaXNhYmxlZD86IGJvb2xlYW47XHJcbiAgY2hlY2tlZD86IGJvb2xlYW47XHJcbiAgdG9vbHRpcD86IHN0cmluZztcclxufTtcclxuXHJcbnR5cGUgRmllbGRCYXNlUHJvcHMgPSB7XHJcbiAgbmFtZT86IHN0cmluZztcclxuICB2YWx1ZT86IGFueTtcclxuICBsYWJlbD86IHN0cmluZztcclxuICBkaXNhYmxlZD86IGJvb2xlYW47XHJcbiAgaGlkZUxhYmVsPzogYm9vbGVhbjtcclxufTtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRGaWVsZFByb3BzIGV4dGVuZHMgRmllbGRCYXNlUHJvcHMge1xyXG4gIHBsYWNlSG9sZGVyPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElucHV0UGxhdGVGaWVsZFByb3BzIGV4dGVuZHMgRmllbGRCYXNlUHJvcHMge1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdEZpZWxkUHJvcHMgZXh0ZW5kcyBGaWVsZEJhc2VQcm9wcyB7XHJcbiAgYWxsb3dDbGVhcj86IGJvb2xlYW47XHJcbiAgcGxhY2VIb2xkZXI/OiBzdHJpbmc7XHJcbiAgb3B0aW9ucz86IE9wdGlvbnNUeXBlW107XHJcbiAgcmVxdWVzdD86ICgpID0+IFByb21pc2U8QXJyYXk8T3B0aW9uc1R5cGU+PjtcclxuICBzaG93U2VhcmNoPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RNdWx0aXBsZUZpZWxkUHJvcHMgZXh0ZW5kcyBGaWVsZEJhc2VQcm9wcyB7XHJcbiAgYWxsb3dDbGVhcj86IGJvb2xlYW47XHJcbiAgcGxhY2VIb2xkZXI/OiBzdHJpbmc7XHJcbiAgb3B0aW9ucz86IE9wdGlvbnNUeXBlW107XHJcbiAgcmVxdWVzdD86ICgpID0+IFByb21pc2U8QXJyYXk8T3B0aW9uc1R5cGU+PjtcclxuICBzaG93U2VhcmNoPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEYXRlRmllbGRQcm9wcyBleHRlbmRzIEZpZWxkQmFzZVByb3BzIHtcclxuICBzaG93VGltZT86IGJvb2xlYW4gfCBUaW1lUGlja2VyQ29uZmlnO1xyXG4gIGZvcm1hdD86IHN0cmluZztcclxuICBhbGxvd0NsZWFyPzogYm9vbGVhbjtcclxuICBwbGFjZUhvbGRlcj86IHN0cmluZztcclxuICBtb2RlPzogXCJkYXRlXCIgfCBcIndlZWtcIiB8IFwibW9udGhcIiB8IFwieWVhclwiO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIENoZWNrYm94RmllbGRQcm9wcyBleHRlbmRzIEZpZWxkQmFzZVByb3BzIHtcclxuICBvcHRpb25zPzogT3B0aW9uc1R5cGVbXTtcclxuICBub1N0eWxlPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJbnB1dE51bWJlckZpZWxkUHJvcHMgZXh0ZW5kcyBGaWVsZEJhc2VQcm9wcyB7XHJcbiAgcGxhY2VIb2xkZXI/OiBzdHJpbmc7XHJcbiAgbWluPzogbnVtYmVyO1xyXG4gIG1heD86IG51bWJlcjtcclxuICBwcmVjaXNpb24/OiBudW1iZXI7XHJcbiAgZm9ybWF0dGVyUGVyY2VudD86ICh2YWx1ZTogbnVtYmVyKSA9PiBzdHJpbmc7XHJcbiAgcGFyc2VyUGVyY2VudD86ICh2YWx1ZTogc3RyaW5nKSA9PiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXV0b0NvbXBsZXRlRmllbGRQcm9wcyBleHRlbmRzIEZpZWxkQmFzZVByb3BzIHtcclxuICBkYXRhU291cmNlPzogKFxyXG4gICAgZXZlbnQ6IEV2ZW50XHJcbiAgKSA9PiBQcm9taXNlPEFycmF5PE9wdGlvbnNUeXBlIHwgc3RyaW5nPj4gfCBBcnJheTxPcHRpb25zVHlwZSB8IHN0cmluZz47XHJcbiAgcGxhY2VIb2xkZXI/OiBzdHJpbmc7XHJcbiAgYmFja0ZpbGw/OiBib29sZWFuO1xyXG4gIGRlZmF1bHRBY3RpdmVGaXJzdE9wdGlvbj86IGJvb2xlYW47XHJcbiAgd2lkdGg/OiBudW1iZXI7XHJcbiAgcmV0dXJuRnVsbERhdGE/OiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEN1c3RvbUZpZWxkUHJvcHMgZXh0ZW5kcyBGaWVsZEJhc2VQcm9wcyB7XHJcbiAgY29tcG9uZW50PzogYW55O1xyXG4gIGNvbXBvbmVudFByb3BzPzogeyBba2V5OiBzdHJpbmddOiBhbnkgfTtcclxufVxyXG5cclxuLy8g5Z+656GA5YiX5bGe5oCn77yI5omA5pyJ5YiX5YWx5pyJ55qE5bGe5oCn77yJXHJcbmludGVyZmFjZSBQcm9UYWJsZUNvbHVtbkJhc2Uge1xyXG4gIC8vIOWtl+auteWQjVxyXG4gIHByb3A6IHN0cmluZztcclxuICAvLyDliJflkI1cclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIC8vIOaQnOe0ouihqOWNleWuveW6plxyXG4gIGxhYmVsV2lkdGg/OiBzdHJpbmc7XHJcbiAgLy8g5pCc57Si6KGo5Y2V5a+56b2Q5pa55byPXHJcbiAgbGFiZWxBbGlnbj86IFwibGVmdFwiIHwgXCJyaWdodFwiIHwgXCJjZW50ZXJcIjtcclxuICAvLyDmmK/lkKbpmpDol4/mkJzntKLooajljZVcclxuICBoaWRlSW5TZWFyY2g/OiBib29sZWFuO1xyXG4gIC8vIOaYr+WQpumakOiXj+ihqOagvFxyXG4gIGhpZGVJblRhYmxlPzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKblkK/nlKjor6XliJfmjpLluo9cclxuICBzb3J0ZXI/OiBib29sZWFuO1xyXG4gIC8vIOWIl+WuvVxyXG4gIHdpZHRoPzogc3RyaW5nO1xyXG4gIC8vIOWIl+WGheWuueWvuem9kOagvOW8j1xyXG4gIGFsaWduPzogXCJsZWZ0XCIgfCBcInJpZ2h0XCIgfCBcImNlbnRlclwiO1xyXG4gIC8vIOaYr+WQpuW8gOWQr+i2heWHuuecgeeVpVxyXG4gIGVsbGlwc2lzPzogYm9vbGVhbjtcclxuICAvLyDoh6rlrprkuYnljZXlhYPmoLzlhoXlrrlcclxuICBjdXN0b21SZW5kZXI/OiBzdHJpbmc7XHJcbiAgLy8g6Ieq5a6a5LmJ562b6YCJ6KGo5Y2VbGFiZWzmuLLmn5NcclxuICBjdXN0b21MYWJlbFJlbmRlcj86IHN0cmluZztcclxuICAvLyDlvIDlkK/lm7rlrprlt6bkvqdcclxuICBmaXhlZExlZnQ/OiBib29sZWFuO1xyXG4gIC8vIOW8gOWQr+WbuuWumuWPs+S+p1xyXG4gIGZpeGVkUmlnaHQ/OiBib29sZWFuO1xyXG4gIC8vIOaQnOe0ouihqOWNleS9jee9ruaOkuW6j1xyXG4gIG9yZGVyPzogbnVtYmVyO1xyXG4gIC8vIOWIl+aOkuW6j+WQjeensOWtl+autVxyXG4gIHNvcnROYW1lPzogc3RyaW5nO1xyXG4gIC8vIOi+heWKqeWIl++8jOWJjeerr+iHquW3seiuvue9rueahOihqOagvOWIlyzkuI3kvp3otZbmlbDmja7mjqXlj6Ms5byA5ZCv5ZCO5LiN5Lya5YaN5Yqo5oCB5YiX6YWN572u5Lit5pi+56S6XHJcbiAgYXV4aWxpYXJ5Q29sdW1uPzogYm9vbGVhbjtcclxuICBzdW1tYXJ5Pzoge1xyXG4gICAgbmFtZT86IHN0cmluZztcclxuICAgIGZvcm1hdD86ICh2YWx1ZTogYW55KSA9PiBzdHJpbmc7XHJcbiAgfTtcclxuICBba2V5OiBzdHJpbmddOiBhbnk7XHJcbn1cclxuXHJcbi8vIOS9v+eUqOWIpOWIq+iBlOWQiOexu+Wei++8jOagueaNriB2YWx1ZVR5cGUg6Ieq5Yqo5o6o5pat5a+55bqU55qEIGZpZWxkUHJvcHNcclxuZXhwb3J0IHR5cGUgUHJvVGFibGVDb2x1bW4gPVxyXG4gIHwgKFByb1RhYmxlQ29sdW1uQmFzZSAmIHtcclxuICAgICAgdmFsdWVUeXBlPzogXCJpbnB1dFwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogSW5wdXRGaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiaW5wdXRQbGF0ZVwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogSW5wdXRQbGF0ZUZpZWxkUHJvcHM7XHJcbiAgICB9KVxyXG4gIHwgKFByb1RhYmxlQ29sdW1uQmFzZSAmIHtcclxuICAgICAgdmFsdWVUeXBlPzogXCJzZWxlY3RcIjtcclxuICAgICAgZmllbGRQcm9wcz86IFNlbGVjdEZpZWxkUHJvcHM7XHJcbiAgICB9KVxyXG4gIHwgKFByb1RhYmxlQ29sdW1uQmFzZSAmIHtcclxuICAgICAgdmFsdWVUeXBlPzogXCJzZWxlY3RNdWx0aXBsZVwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogU2VsZWN0TXVsdGlwbGVGaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiZGF0ZVwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogRGF0ZUZpZWxkUHJvcHM7XHJcbiAgICB9KVxyXG4gIHwgKFByb1RhYmxlQ29sdW1uQmFzZSAmIHtcclxuICAgICAgdmFsdWVUeXBlPzogXCJjaGVja2JveFwiO1xyXG4gICAgICBmaWVsZFByb3BzPzogQ2hlY2tib3hGaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiYXV0b0NvbXBsZXRlXCI7XHJcbiAgICAgIGZpZWxkUHJvcHM/OiBBdXRvQ29tcGxldGVGaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiY3VzdG9tXCI7XHJcbiAgICAgIGZpZWxkUHJvcHM/OiBDdXN0b21GaWVsZFByb3BzO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IHVuZGVmaW5lZDtcclxuICAgICAgZmllbGRQcm9wcz86IG5ldmVyO1xyXG4gICAgfSlcclxuICB8IChQcm9UYWJsZUNvbHVtbkJhc2UgJiB7XHJcbiAgICAgIHZhbHVlVHlwZT86IFwiaW5wdXROdW1iZXJcIjtcclxuICAgICAgZmllbGRQcm9wcz86IElucHV0TnVtYmVyRmllbGRQcm9wcztcclxuICAgIH0pO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBQcm9UYWJsZVBhZ2VJbmZvIHtcclxuICBwYWdlU2l6ZTogbnVtYmVyO1xyXG4gIHBhZ2VJbmRleDogbnVtYmVyO1xyXG4gIHRvdGFsOiBudW1iZXI7XHJcbiAgcGFnZVNpemVPcHRpb25zOiBBcnJheTxudW1iZXI+O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb1RhYmxlUmVxdWVzdFJlc3VsdCB7XHJcbiAgZGF0YTogYW55W107XHJcbiAgdG90YWw6IG51bWJlcjtcclxuICBzdW1tYXJ5RGF0YT86IFJlY29yZDxzdHJpbmcsIGFueT47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUHJvVGFibGVWYWx1ZXNDaGFuZ2Uge1xyXG4gIGtleTogc3RyaW5nO1xyXG4gIHZhbHVlOiBhbnk7XHJcbiAgcGFyYW1zOiBSZWNvcmQ8c3RyaW5nLCBhbnk+O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb1RhYmxlUmVxdWVzdFByb3BzIHtcclxuICBwYXJhbXM6IFJlY29yZDxzdHJpbmcsIGFueT47XHJcbiAgc29ydDoge1xyXG4gICAgZmllbGQ6IHN0cmluZztcclxuICAgIG9yZGVyOiBcImRlc2NlbmRcIiB8IFwiYXNjZW5kXCI7XHJcbiAgfSB8IG51bGw7XHJcbiAgcGFnZUluZm86IHtcclxuICAgIHBhZ2VTaXplOiBudW1iZXI7XHJcbiAgICBwYWdlSW5kZXg6IG51bWJlcjtcclxuICB9O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb1RhYmxlUHJvcHMge1xyXG4gIC8vIOihqOagvOagh+mimFxyXG4gIHRpdGxlPzogc3RyaW5nO1xyXG4gIC8vIOihqOagvOWQjeensCznlKjkuo7liqjmgIHliJfor7fmsYLphY3nva5cclxuICB0YWJsZU5hbWU/OiBzdHJpbmc7XHJcbiAgLy8g5Yqo5oCB5YiX5aSa5YiX6YWN572uLOS4gOiIrOeUqOS4jeWIsFxyXG4gIG11bHRpUm93PzogYm9vbGVhbjtcclxuICAvLyDliJfphY3nva7poblcclxuICBjb2x1bW5zOiBQcm9UYWJsZUNvbHVtbltdO1xyXG4gIC8vIOaYr+WQpuaYvuekuuaQnOe0ouagj1xyXG4gIHNob3dTZWFyY2hCYXI/OiBib29sZWFuO1xyXG4gIC8vIOaYr+WQpuaYvuekuuaTjeS9nOagj1xyXG4gIHNob3dBY3Rpb25CYXI/OiBib29sZWFuO1xyXG4gIC8vIOehruiupOaMiemSruaWh+acrFxyXG4gIGNvbmZpcm1CdG5UZXh0Pzogc3RyaW5nO1xyXG4gIC8vIOa4heepuuaMiemSruaWh+acrFxyXG4gIGNsZWFyQnRuVGV4dD86IHN0cmluZztcclxuICAvLyDmkJzntKLooajljZXlrr3luqZcclxuICBsYWJlbFdpZHRoPzogc3RyaW5nO1xyXG4gIC8vIOaQnOe0ouihqOWNleWvuem9kOaWueW8j1xyXG4gIGxhYmVsQWxpZ24/OiBcImxlZnRcIiB8IFwicmlnaHRcIiB8IFwiY2VudGVyXCI7XHJcbiAgLy8g5pWw5o2u5rqQKHJlcXVlc3QsZGF0YVNvdXJjZeS6jOmAieS4gClcclxuICBkYXRhU291cmNlOiBBcnJheTxQcm9UYWJsZVJlcXVlc3RSZXN1bHQ+O1xyXG4gIC8vIOaYr+WQpuaYvuekuui+ueahhlxyXG4gIGJvcmRlcmVkPzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKbmmL7npLrlpJbovrnmoYZcclxuICBvdXRlckJvcmRlcmVkPzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKbmmL7npLrliIbpobVcclxuICBzaG93UGFnaW5hdGlvbj86IGJvb2xlYW47XHJcbiAgLy8g5piv5ZCm5YmN56uv5YiG6aG1XHJcbiAgZnJvbnRQYWdpbmF0aW9uPzogYm9vbGVhbjtcclxuICAvLyDmu5rliqjphY3nva5cclxuICBzY3JvbGw/OiB7IHg/OiBzdHJpbmcgfCBudW1iZXI7IHk/OiBzdHJpbmcgfCBudW1iZXIgfTtcclxuICAvLyDoh6rliqjor7fmsYIocmVxdWVzdCxkYXRhU291cmNl5LqM6YCJ5LiAKVxyXG4gIHJlcXVlc3Q/OiAocGFyYW1zOiBQcm9UYWJsZVJlcXVlc3RQcm9wcykgPT4gUHJvbWlzZTxQcm9UYWJsZVJlcXVlc3RSZXN1bHQ+O1xyXG4gIC8vIOaOkuW6j+aooeW8j++8mmxvY2FsIOacrOWcsOaOkuW6j++8m3NlcnZlciDlnKjnur/mjpLluo/vvIjmj5DkuqTnu5nmjqXlj6PvvIlcclxuICBzb3J0TW9kZT86IFwibG9jYWxcIiB8IFwic2VydmVyXCI7XHJcbiAgLy8g5piv5ZCm5byA5ZCv5aSa5YiX5o6S5bqP77yI6buY6K6k5Y2V5YiX77yJXHJcbiAgbXVsdGlwbGVTb3J0PzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKblvIDlkK/liJforr7nva5cclxuICBzaG93Q29sdW1uU2V0dGluZz86IGJvb2xlYW47XHJcbiAgLy8g5bGV56S6Y2hlY2tib3hcclxuICBzaG93Q2hlY2tib3g/OiBib29sZWFuO1xyXG4gIC8vIOWIpOaWreihjOaYr+WQpuemgeeUqOeahOWHveaVsO+8jOi/lOWbniB0cnVlIOihqOekuuivpeihjOemgeeUqOmAieS4rVxyXG4gIHJvd0Rpc2FibGVkPzogKGRhdGE6IGFueSkgPT4gYm9vbGVhbjtcclxuICAvLyDmmK/lkKbmmL7npLrmn6Xor6LmjInpkq5cclxuICBzaG93U2VhcmNoQnRuPzogYm9vbGVhbjtcclxuICAvLyDmmK/lkKbmmL7npLrmuIXnqbrmjInpkq5cclxuICBzaG93Q2xlYXJCdG4/OiBib29sZWFuO1xyXG4gIC8vIOaYr+WQpuiHquWKqOinpuWPkeivt+axglxyXG4gIGF1dG9UcmlnZ2VyUmVxdWVzdD86IGJvb2xlYW47XHJcbiAgLy8g6Ieq5a6a5LmJ5riy5p+T6KGo5qC8XHJcbiAgY3VzdG9tVGFibGVSZW5kZXI/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb1RhYmxlRXZlbnQge1xyXG4gIC8vIOihqOagvOihjOeCueWHu+S6i+S7tlxyXG4gIG9uUm93Q2xpY2soZGF0YTogYW55KTogdm9pZDtcclxuICAvLyDooajmoLzooYzlj4zlh7vkuovku7ZcclxuICBvblJvd0RiQ2xpY2soZGF0YTogYW55KTogdm9pZDtcclxuICAvLyDooajmoLzmkJzntKLlgLzlj5jljJbkuovku7ZcclxuICBvblZhbHVlc0NoYW5nZShkYXRhOiBQcm9UYWJsZVZhbHVlc0NoYW5nZSk6IHZvaWQ7XHJcbiAgLy8g6KGo5qC86YeN572u6KGo5Y2V6YeN572u5ZCO77yM6YeN5paw6K+35rGC5YmN6Kem5Y+RXHJcbiAgb25SZXNldEZvcm1CZWZvcmVSZWxvYWQoKTogdm9pZDtcclxuICAvLyDlsZXnpLrliJfphY3nva7lj5jmm7Tkuovku7bvvIjlkKvliJforr7nva7jgIHov5znqIvliJfliqDovb3jgIFzZXRDb2x1bW5z77yJXHJcbiAgb25Db2x1bW5zQ2hhbmdlKGNvbHVtbnM6IFByb1RhYmxlQ29sdW1uW10pOiB2b2lkO1xyXG59XHJcblxyXG4vLyDnu4Tku7blrp7kvovpgJrnlKjmlrnms5VcclxuZXhwb3J0IGludGVyZmFjZSBQcm9UYWJsZUluc3RhbmNlIHtcclxuICAvKipcclxuICAgKiDojrflj5bmkJzntKLlj4LmlbBcclxuICAgKiBAcGFyYW0gdXNlU2F2ZWQg5L2/55So5pyA6L+R5LiA5qyh5p+l6K+i5o+Q5Lqk55qE5Y+C5pWw77yM6buY6K6k5Li6IGZhbHNl77ybZmFsc2Ug5Li65b2T5YmN6KGo5Y2V5YC8XHJcbiAgICovXHJcbiAgZ2V0U2VhcmNoUGFyYW1zKHBhcmFtczogeyB1c2VTYXZlZD86IGJvb2xlYW4gfSk6IGFueTtcclxuICAvKipcclxuICAgKiDph43mlrDliqDovb3mlbDmja5cclxuICAgKiBAcGFyYW0gcGFyYW1zIOWIoOmZpOWQjumHjeaWsOivt+axguW8gOWQr1xyXG4gICAqL1xyXG4gIHJlbG9hZChwYXJhbXM/OiBib29sZWFuKTogdm9pZDtcclxuICAvKipcclxuICAgKiDorr7nva7ooajljZXlgLxcclxuICAgKiBAcGFyYW0gZmllbGRzIOihqOWNleWtl+auteWAvFxyXG4gICAqL1xyXG4gIHNldEZpZWxkc1ZhbHVlKGZpZWxkczogUmVjb3JkPHN0cmluZywgYW55Pik6IHZvaWQ7XHJcblxyXG4gIC8qKlxyXG4gICAqIOa4heepuumAieS4reihjFxyXG4gICAqL1xyXG4gIGNsZWFyU2VsZWN0ZWRSb3coKTogdm9pZDtcclxuXHJcbiAgLyoqXHJcbiAgICog5Yqo5oCB6K6+572uY29sdW1uc1xyXG4gICAqIEBwYXJhbSBjb2x1bW5zIOWIl+mFjee9rlxyXG4gICAqIEBwYXJhbSBvcHRpb25zIOmAiemhuVxyXG4gICAqL1xyXG4gIHNldENvbHVtbnMoXHJcbiAgICBjb2x1bW5zOiBQcm9UYWJsZUNvbHVtbltdLFxyXG4gICAgb3B0aW9ucz86IHtcclxuICAgICAgcmVsb2FkPzogYm9vbGVhbjsgLy8g5piv5ZCm6YeN5paw5Yqg6L295pWw5o2u77yM6buY6K6k5Li6IGZhbHNlXHJcbiAgICB9XHJcbiAgKTogUHJvbWlzZTx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICog6I635Y+W6YCJ5Lit6KGM5pWw5o2uKOWNlemAiSlcclxuICAgKi9cclxuICBnZXRTZWxlY3RlZFJvd0RhdGEoKTogYW55O1xyXG4gIC8qKlxyXG4gICAqIOiOt+WPlumAieS4reihjOaVsOaNrijlpJrpgIkpXHJcbiAgICovXHJcbiAgZ2V0Q2hlY2tlZFJvd3MoKTogYW55W107XHJcbn1cclxuIl19

package/fesm2022/yibozhang-pro-table.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Component, Input, ContentChild, Directive, Optional, HostListener, forwardRef, Inject, EventEmitter, Output, ViewChild, ViewContainerRef, TemplateRef, ContentChildren, NgModule, Injectable } from '@angular/core';
-import { isNil, hasIn, cloneDeep, debounce } from 'lodash-es';
+import { isNil, cloneDeep, hasIn, debounce } from 'lodash-es';
 import { isObservable, lastValueFrom } from 'rxjs';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -531,6 +531,9 @@ class ColmunsSettingComponent {
     /**
      * 同步 options 数组的 checked 状态与 selectedColumns
      */
+    isConfigurableColumn(col) {
+        return !col.auxiliaryColumn && !col.hideInTable;
+    }
     syncOptionsWithSelectedColumns() {
         const selectedProps = this.selectedColumns.map((col) => col.prop);
         this.options.forEach((option) => {
@@ -538,13 +541,17 @@ class ColmunsSettingComponent {
         });
     }
     handleModalVisible() {
+        this.selectedColumns = this.selectedColumns.filter((col) => {
+            const localCol = this.columns.find((c) => c.prop === col.prop);
+            return localCol && this.isConfigurableColumn(localCol);
+        });
         this.options = this.columns
-            .filter((item) => !item.auxiliaryColumn)
+            .filter((item) => this.isConfigurableColumn(item))
             .map((item) => {
             return {
                 label: item.title,
                 value: item.prop,
-                checked: item.hideInTable ? false : true,
+                checked: true,
                 sortName: item.sortName || null,
             };
         });
@@ -586,7 +593,7 @@ class ColmunsSettingComponent {
     handleConfirm() {
         if (!this.columnRemote?.setCol || !this.tableName) {
             this.modalVisible = false;
-            this.afterConfirm.emit();
+            this.afterConfirm.emit([...this.selectedColumns]);
             return;
         }
         const payload = this.selectedColumns.map((column) => {
@@ -600,7 +607,7 @@ class ColmunsSettingComponent {
         const result = this.columnRemote.setCol(this.tableName, payload);
         const done = (res) => {
             this.modalVisible = false;
-            this.afterConfirm.emit();
+            this.afterConfirm.emit([...this.selectedColumns]);
         };
         if (result && isObservable(result)) {
             result.subscribe(done, () => done(null));
@@ -790,6 +797,7 @@ class ProTableComponent {
         this.onRowDbClick = new EventEmitter();
         this.onValuesChange = new EventEmitter();
         this.onResetFormBeforeReload = new EventEmitter();
+        this.onColumnsChange = new EventEmitter();
         this._savedSearchParams = {};
         // 存储所有自定义模板的引用
         this.customTemplates = new Map();
@@ -863,8 +871,11 @@ class ProTableComponent {
         }
         if (this.tableName && this.columnRemote) {
             this._columnsReady = false;
+            this.queryDynamicColumns();
+        }
+        else {
+            this.emitColumnsChange();
         }
-        this.queryDynamicColumns();
     }
     ngAfterContentInit() {
         // 自动注册所有自定义模板
@@ -887,13 +898,13 @@ class ProTableComponent {
                         hideInTable: !item.isShow,
                     };
                 });
-                this._serverColumns = _tabColumn.filter((col) => this.columns.some((localCol) => localCol.prop === col.prop));
+                this._serverColumns = _tabColumn.filter((col) => this.columns.some((localCol) => localCol.prop === col.prop && this.isConfigurableColumn(localCol)));
                 this.updateTableColumns(this._serverColumns);
             }
             else if (res.code === 10) {
                 // 如果未设置接口返回，需要默认调用一次修改函数初始化数据
                 const initColumns = this.columns
-                    .filter((col) => !col.auxiliaryColumn)
+                    .filter((col) => this.isConfigurableColumn(col))
                     .map((column) => ({
                     field: column.prop,
                     isShow: true,
@@ -908,8 +919,12 @@ class ProTableComponent {
         }
         finally {
             this._columnsReady = true;
+            this.emitColumnsChange();
         }
     }
+    emitColumnsChange() {
+        this.onColumnsChange.emit(cloneDeep(this._columns));
+    }
     formateInnerColumns(columns) {
         this._columns = columns
             .filter((item) => !item.hideInTable)
@@ -1129,10 +1144,13 @@ class ProTableComponent {
         // 并发加载所有需要异步获取的选项
         this.setSelectRequest(this._searchFiledColumns);
     }
+    isConfigurableColumn(col) {
+        return !col.auxiliaryColumn && !col.hideInTable;
+    }
     updateTableColumns(injectColumns) {
         // 远程列直接作为来源，过滤掉本地不存在的列，并从本地列补充渲染配置
         const remoteColumns = injectColumns
-            .filter((injectCol) => this.columns.some((col) => col.prop === injectCol.prop))
+            .filter((injectCol) => this.columns.some((col) => col.prop === injectCol.prop && this.isConfigurableColumn(col)))
             .map((injectCol) => {
             const localCol = this.columns.find((col) => col.prop === injectCol.prop);
             return { ...localCol, ...injectCol };
@@ -1332,6 +1350,7 @@ class ProTableComponent {
         if (options?.reload === true) {
             this.handleQuery();
         }
+        this.emitColumnsChange();
     }
     getSelectedRowData() {
         return this._selectedTableRow;
@@ -1683,8 +1702,14 @@ class ProTableComponent {
         this._selectedTableRow = data;
         this.onRowDbClick.emit(this._selectedTableRow);
     }
-    handleColumnsSettingConfirm() {
-        this.queryDynamicColumns();
+    async handleColumnsSettingConfirm(selectedColumns) {
+        if (this.tableName && this.columnRemote) {
+            await this.queryDynamicColumns();
+        }
+        else if (selectedColumns?.length) {
+            this.updateTableColumns(selectedColumns);
+            this.emitColumnsChange();
+        }
     }
     // 处理 autoComplete 输入事件（带防抖）
     handleAutoCompleteInput(event, column) {
@@ -1726,11 +1751,11 @@ class ProTableComponent {
         return `pro-table-${fieldName}-form-item`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProTableComponent, deps: [{ token: PRO_TABLE_COLUMN_REMOTE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProTableComponent, selector: "app-pro-table", inputs: { showSearchBtn: "showSearchBtn", showClearBtn: "showClearBtn", title: "title", bodyStyle: "bodyStyle", tableName: "tableName", multiRow: "multiRow", columns: "columns", showSearchBar: "showSearchBar", showActionBar: "showActionBar", confirmBtnText: "confirmBtnText", clearBtnText: "clearBtnText", labelWidth: "labelWidth", labelAlign: "labelAlign", searchColCount: "searchColCount", dataSource: "dataSource", bordered: "bordered", outerBordered: "outerBordered", showPagination: "showPagination", frontPagination: "frontPagination", scroll: "scroll", request: "request", summaryData: "summaryData", sortMode: "sortMode", showColumnSetting: "showColumnSetting", multipleSort: "multipleSort", showCheckbox: "showCheckbox", rowDisabled: "rowDisabled", autoTriggerRequest: "autoTriggerRequest", customTableRender: "customTableRender" }, outputs: { onRowClick: "onRowClick", onRowDbClick: "onRowDbClick", onValuesChange: "onValuesChange", onResetFormBeforeReload: "onResetFormBeforeReload" }, queries: [{ propertyName: "customContentTpl", first: true, predicate: ["customContent"], descendants: true }, { propertyName: "actionBarTpl", first: true, predicate: ["actionBar"], descendants: true }, { propertyName: "imgActionBarTpl", first: true, predicate: ["ImgActionBar"], descendants: true }, { propertyName: "allTemplates", predicate: TemplateRef }], ngImport: i0, template: "<app-page-container\r\n  [title]=\"title\"\r\n  [showHeader]=\"showSearchBar\"\r\n  [bodyStyle]=\"bodyStyle\"\r\n  ngClass=\"pro-table-container\"\r\n>\r\n  <!-- \u589E\u52A0\u81EA\u5B9A\u4E49\u5185\u5BB9\u533A-->\r\n  <ng-template #customContent>\r\n    <ng-container\r\n      *ngIf=\"customContentTpl\"\r\n      [ngTemplateOutlet]=\"customContentTpl\"\r\n    ></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [searchColCount]=\"tableSearchColCount\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49label\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [usage]=\"'filter'\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzShowSearch]=\"getFieldProps(column).showSearch\"\r\n            >\r\n              <nz-option\r\n                *ngFor=\"let opt of getFieldProps(column).options\"\r\n                [nzValue]=\"opt.value\"\r\n                [nzLabel]=\"opt.label\"\r\n                [nzDisabled]=\"opt.disabled\"\r\n                [nzTitle]=\"opt.tooltip || opt.label\"\r\n              ></nz-option>\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzShowSearch]=\"getFieldProps(column).showSearch\"\r\n              nzMode=\"multiple\"\r\n              [nzMaxTagCount]=\"2\"\r\n              [nzMaxTagPlaceholder]=\"nzMaxTagPlaceholder\"\r\n              [nzCustomTemplate]=\"defaultTemplate\"\r\n            >\r\n              <nz-option\r\n                *ngFor=\"let opt of getFieldProps(column).options\"\r\n                [nzValue]=\"opt.value\"\r\n                [nzLabel]=\"opt.label\"\r\n                [nzDisabled]=\"opt.disabled\"\r\n                [nzTitle]=\"opt.tooltip || opt.label\"\r\n              ></nz-option>\r\n              <ng-template #nzMaxTagPlaceholder>\r\n                +\r\n                {{\r\n                  _searchParams[getFieldProps(column).name || column.prop]\r\n                    ?.length\r\n                }}\r\n              </ng-template>\r\n              <ng-template #defaultTemplate let-selected>\r\n                {{\r\n                  selected.nzLabel.length > 4\r\n                    ? selected.nzLabel.substring(0, 4) + \"...\"\r\n                    : selected.nzLabel\r\n                }}\r\n              </ng-template>\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <ng-template nzSpaceItem *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </ng-template>\r\n          <ng-template nzSpaceItem *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </ng-template>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-container *ngIf=\"imgActionBarTpl || showColumnSetting\">\r\n        <ng-template #actionImgBtn>\r\n          <nz-space>\r\n            <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n            <ng-template\r\n              nzSpaceItem\r\n              class=\"setting-space-item\"\r\n              *ngIf=\"showColumnSetting\"\r\n            >\r\n              <span nz-tooltip nzTooltipTitle=\"\u8BBE\u7F6E\u5B57\u6BB5\">\r\n                <app-colmuns-setting\r\n                  [columns]=\"columns\"\r\n                  [selectedColumns]=\"_serverColumns\"\r\n                  [tableName]=\"tableName\"\r\n                  (afterConfirm)=\"handleColumnsSettingConfirm()\"\r\n                ></app-colmuns-setting>\r\n              </span>\r\n            </ng-template>\r\n          </nz-space>\r\n        </ng-template>\r\n      </ng-container>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n\r\n  <ng-template #body>\r\n    <div class=\"mb-4\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <div [class.pro-table-auto-scroll]=\"scroll?.x === 'auto'\">\r\n      <nz-table\r\n        *ngIf=\"!customTableRender && _columnsReady\"\r\n        #dynamicTable\r\n        nzSize=\"small\"\r\n        nzShowSizeChanger\r\n        [nzBordered]=\"bordered\"\r\n        [nzOuterBordered]=\"outerBordered\"\r\n        [nzData]=\"dataSource\"\r\n        [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n        [nzPageSize]=\"_pageInfo.pageSize\"\r\n        [nzTotal]=\"_pageInfo.total\"\r\n        [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n        [nzShowPagination]=\"showPagination\"\r\n        [nzShowTotal]=\"totalTemplate\"\r\n        [nzLoading]=\"_loading\"\r\n        [nzFrontPagination]=\"frontPagination\"\r\n        [nzScroll]=\"_computedScroll\"\r\n        (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n        (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n      >\r\n        <thead>\r\n          <tr>\r\n            <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n            <th\r\n              *ngIf=\"showCheckbox\"\r\n              [nzWidth]=\"'50px'\"\r\n              [nzAlign]=\"'center'\"\r\n              style=\"text-align: center\"\r\n              [(nzChecked)]=\"_checkedAll\"\r\n              [nzIndeterminate]=\"_indeterminate\"\r\n              (nzCheckedChange)=\"toggleCheckAll($event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></th>\r\n            <th\r\n              *ngFor=\"let column of _columns\"\r\n              [nzWidth]=\"column.width\"\r\n              [nzAlign]=\"column.align\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              [nzShowSort]=\"!!column.sorter\"\r\n              [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n              (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n            >\r\n              {{ column.title }}\r\n            </th>\r\n          </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n          <tr\r\n            style=\"cursor: pointer\"\r\n            *ngFor=\"let data; let i = index; of: dynamicTable.data\"\r\n            [ngClass]=\"{\r\n              'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n              'ant-table-custom-row-even': i % 2 === 0,\r\n              'ant-table-custom-row-odd': i % 2 !== 0\r\n            }\"\r\n            (click)=\"handleTableRowClick(data)\"\r\n            (dblclick)=\"handleTableRowDbClick(data)\"\r\n          >\r\n            <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n            <td\r\n              *ngIf=\"showCheckbox\"\r\n              [nzAlign]=\"'center'\"\r\n              style=\"text-align: center; width: 50px\"\r\n              [(nzChecked)]=\"data.checked\"\r\n              [nzDisabled]=\"isRowDisabled(data)\"\r\n              (nzCheckedChange)=\"handleRowCheckedChange(data, $event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></td>\r\n            <td\r\n              *ngFor=\"let column of _columns\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              [nzAlign]=\"column.align\"\r\n              [ngClass]=\"{\r\n                'pro-nowrap': true\r\n              }\"\r\n            >\r\n              <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49\u6A21\u677F -->\r\n              <ng-container\r\n                *ngIf=\"\r\n                  column.customRender && getTemplate(column.customRender);\r\n                  let template\r\n                \"\r\n              >\r\n                <ng-template\r\n                  [ngTemplateOutlet]=\"template\"\r\n                  [ngTemplateOutletContext]=\"{\r\n                    $implicit: data,\r\n                    data: data,\r\n                    column: column,\r\n                    index: i,\r\n                    pageInfo: _pageInfo\r\n                  }\"\r\n                >\r\n                </ng-template>\r\n              </ng-container>\r\n\r\n              <!-- \u9ED8\u8BA4\u6E32\u67D3\u903B\u8F91 -->\r\n              <ng-container\r\n                *ngIf=\"\r\n                  !column.customRender || !getTemplate(column.customRender)\r\n                \"\r\n              >\r\n                <ng-container *ngIf=\"column.ellipsis\">\r\n                  <div\r\n                    class=\"pro-ellipsis\"\r\n                    [title]=\"data[column.prop]\"\r\n                    [ngStyle]=\"{\r\n                      width: 'calc(' + column.width + ' - 25px)'\r\n                    }\"\r\n                  >\r\n                    {{ data[column.prop] }}\r\n                  </div>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!column.ellipsis\">\r\n                  {{ data[column.prop] }}\r\n                </ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n            <!-- \u6C47\u603B\u884C\u7684\u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF0C\u4F46\u4E3A\u7A7A\uFF09 -->\r\n            <td\r\n              *ngIf=\"showCheckbox\"\r\n              style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            ></td>\r\n            <td\r\n              *ngFor=\"let column; let i = index; of: _columns\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n              [nzAlign]=\"column.align\"\r\n            >\r\n              <span *ngIf=\"i === 0\">\u603B\u8BA1</span>\r\n              <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n                {{\r\n                  column.summary?.format\r\n                    ? column.summary?.format(\r\n                        summaryData[column.summary?.name || column.prop]\r\n                      )\r\n                    : summaryData[column.summary?.name || column.prop]\r\n                }}\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n        <ng-template #totalTemplate let-total\r\n          >\u5171 {{ _pageInfo.total }} \u6761\u8BB0\u5F55</ng-template\r\n        >\r\n      </nz-table>\r\n    </div>\r\n  </ng-template>\r\n</app-page-container>\r\n", styles: [".pro-ellipsis{overflow:hidden;text-overflow:ellipsis}.pro-nowrap{white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:4px}::ng-deep .table-search-bar-left .ant-form-item .ant-form-item-label>label{color:#5a5a5a}::ng-deep .pro-table-container .page-container-body{padding:8px 0 0!important}::ng-deep .pro-table-auto-scroll .ant-table-content,::ng-deep .pro-table-auto-scroll .ant-table-body{overflow-x:auto!important}::ng-deep .pro-table-auto-scroll .ant-table-content table,::ng-deep .pro-table-auto-scroll .ant-table-body table{table-layout:auto!important}::ng-deep .pro-table-auto-scroll .ant-table-content table td,::ng-deep .pro-table-auto-scroll .ant-table-body table td{white-space:nowrap}::ng-deep .ant-table-cell-fix-left-last{box-shadow:6px 0 8px -4px #00000026;clip-path:inset(0px -8px 0px 0px)}::ng-deep .ant-table-cell-fix-right-first{box-shadow:-6px 0 8px -4px #00000026;clip-path:inset(0px 0px 0px -8px)}::ng-deep .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left,::ng-deep .ant-table-tbody>tr:hover>td.ant-table-cell-fix-right,::ng-deep .ant-table-tbody>tr.ant-table-custom-row-selected>td.ant-table-cell-fix-left,::ng-deep .ant-table-tbody>tr.ant-table-custom-row-selected>td.ant-table-cell-fix-right{background:#e8f0fb}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i4$1.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i4$1.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i4$1.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: i5$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i5$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i2$1.NzSpaceComponent, selector: "nz-space, [nz-space]", inputs: ["nzDirection", "nzAlign", "nzSplit", "nzWrap", "nzSize"], exportAs: ["NzSpace"] }, { kind: "directive", type: i2$1.NzSpaceItemDirective, selector: "[nzSpaceItem]" }, { kind: "directive", type: i3$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i8$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i10.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: PageContainerComponent, selector: "app-page-container", inputs: ["title", "showHeader", "bodyStyle", "headerStyle"] }, { kind: "component", type: TableSearchBarComponent, selector: "app-table-search-bar", inputs: ["labelWidth", "labelAlign", "searchColCount"] }, { kind: "component", type: i13.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i13.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i13.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i13.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i13.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i13.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i13.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i13.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i13.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i13.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i13.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "component", type: PlateInputComponent, selector: "app-plate-input", inputs: ["usage"] }, { kind: "component", type: i15.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "component", type: i7.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzDisabled"], exportAs: ["nzCheckboxGroup"] }, { kind: "component", type: i17.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i17.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i17.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { kind: "component", type: i18.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { kind: "directive", type: i19.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "component", type: ColmunsSettingComponent, selector: "app-colmuns-setting", inputs: ["columns", "selectedColumns", "tableName"], outputs: ["afterConfirm"] }, { kind: "component", type: DynamicSearchFieldComponent, selector: "app-dynamic-search-field", inputs: ["component", "value", "props"], outputs: ["valueChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProTableComponent, selector: "app-pro-table", inputs: { showSearchBtn: "showSearchBtn", showClearBtn: "showClearBtn", title: "title", bodyStyle: "bodyStyle", tableName: "tableName", multiRow: "multiRow", columns: "columns", showSearchBar: "showSearchBar", showActionBar: "showActionBar", confirmBtnText: "confirmBtnText", clearBtnText: "clearBtnText", labelWidth: "labelWidth", labelAlign: "labelAlign", searchColCount: "searchColCount", dataSource: "dataSource", bordered: "bordered", outerBordered: "outerBordered", showPagination: "showPagination", frontPagination: "frontPagination", scroll: "scroll", request: "request", summaryData: "summaryData", sortMode: "sortMode", showColumnSetting: "showColumnSetting", multipleSort: "multipleSort", showCheckbox: "showCheckbox", rowDisabled: "rowDisabled", autoTriggerRequest: "autoTriggerRequest", customTableRender: "customTableRender" }, outputs: { onRowClick: "onRowClick", onRowDbClick: "onRowDbClick", onValuesChange: "onValuesChange", onResetFormBeforeReload: "onResetFormBeforeReload", onColumnsChange: "onColumnsChange" }, queries: [{ propertyName: "customContentTpl", first: true, predicate: ["customContent"], descendants: true }, { propertyName: "actionBarTpl", first: true, predicate: ["actionBar"], descendants: true }, { propertyName: "imgActionBarTpl", first: true, predicate: ["ImgActionBar"], descendants: true }, { propertyName: "allTemplates", predicate: TemplateRef }], ngImport: i0, template: "<app-page-container\r\n  [title]=\"title\"\r\n  [showHeader]=\"showSearchBar\"\r\n  [bodyStyle]=\"bodyStyle\"\r\n  ngClass=\"pro-table-container\"\r\n>\r\n  <!-- \u589E\u52A0\u81EA\u5B9A\u4E49\u5185\u5BB9\u533A-->\r\n  <ng-template #customContent>\r\n    <ng-container\r\n      *ngIf=\"customContentTpl\"\r\n      [ngTemplateOutlet]=\"customContentTpl\"\r\n    ></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [searchColCount]=\"tableSearchColCount\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49label\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [usage]=\"'filter'\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzShowSearch]=\"getFieldProps(column).showSearch\"\r\n            >\r\n              <nz-option\r\n                *ngFor=\"let opt of getFieldProps(column).options\"\r\n                [nzValue]=\"opt.value\"\r\n                [nzLabel]=\"opt.label\"\r\n                [nzDisabled]=\"opt.disabled\"\r\n                [nzTitle]=\"opt.tooltip || opt.label\"\r\n              ></nz-option>\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzShowSearch]=\"getFieldProps(column).showSearch\"\r\n              nzMode=\"multiple\"\r\n              [nzMaxTagCount]=\"2\"\r\n              [nzMaxTagPlaceholder]=\"nzMaxTagPlaceholder\"\r\n              [nzCustomTemplate]=\"defaultTemplate\"\r\n            >\r\n              <nz-option\r\n                *ngFor=\"let opt of getFieldProps(column).options\"\r\n                [nzValue]=\"opt.value\"\r\n                [nzLabel]=\"opt.label\"\r\n                [nzDisabled]=\"opt.disabled\"\r\n                [nzTitle]=\"opt.tooltip || opt.label\"\r\n              ></nz-option>\r\n              <ng-template #nzMaxTagPlaceholder>\r\n                +\r\n                {{\r\n                  _searchParams[getFieldProps(column).name || column.prop]\r\n                    ?.length\r\n                }}\r\n              </ng-template>\r\n              <ng-template #defaultTemplate let-selected>\r\n                {{\r\n                  selected.nzLabel.length > 4\r\n                    ? selected.nzLabel.substring(0, 4) + \"...\"\r\n                    : selected.nzLabel\r\n                }}\r\n              </ng-template>\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <ng-template nzSpaceItem *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </ng-template>\r\n          <ng-template nzSpaceItem *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </ng-template>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-container *ngIf=\"imgActionBarTpl || showColumnSetting\">\r\n        <ng-template #actionImgBtn>\r\n          <nz-space>\r\n            <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n            <ng-template\r\n              nzSpaceItem\r\n              class=\"setting-space-item\"\r\n              *ngIf=\"showColumnSetting\"\r\n            >\r\n              <span nz-tooltip nzTooltipTitle=\"\u8BBE\u7F6E\u5B57\u6BB5\">\r\n                <app-colmuns-setting\r\n                  [columns]=\"columns\"\r\n                  [selectedColumns]=\"_serverColumns\"\r\n                  [tableName]=\"tableName\"\r\n                  (afterConfirm)=\"handleColumnsSettingConfirm($event)\"\r\n                ></app-colmuns-setting>\r\n              </span>\r\n            </ng-template>\r\n          </nz-space>\r\n        </ng-template>\r\n      </ng-container>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n\r\n  <ng-template #body>\r\n    <div class=\"mb-4\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <div [class.pro-table-auto-scroll]=\"scroll?.x === 'auto'\">\r\n      <nz-table\r\n        *ngIf=\"!customTableRender && _columnsReady\"\r\n        #dynamicTable\r\n        nzSize=\"small\"\r\n        nzShowSizeChanger\r\n        [nzBordered]=\"bordered\"\r\n        [nzOuterBordered]=\"outerBordered\"\r\n        [nzData]=\"dataSource\"\r\n        [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n        [nzPageSize]=\"_pageInfo.pageSize\"\r\n        [nzTotal]=\"_pageInfo.total\"\r\n        [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n        [nzShowPagination]=\"showPagination\"\r\n        [nzShowTotal]=\"totalTemplate\"\r\n        [nzLoading]=\"_loading\"\r\n        [nzFrontPagination]=\"frontPagination\"\r\n        [nzScroll]=\"_computedScroll\"\r\n        (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n        (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n      >\r\n        <thead>\r\n          <tr>\r\n            <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n            <th\r\n              *ngIf=\"showCheckbox\"\r\n              [nzWidth]=\"'50px'\"\r\n              [nzAlign]=\"'center'\"\r\n              style=\"text-align: center\"\r\n              [(nzChecked)]=\"_checkedAll\"\r\n              [nzIndeterminate]=\"_indeterminate\"\r\n              (nzCheckedChange)=\"toggleCheckAll($event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></th>\r\n            <th\r\n              *ngFor=\"let column of _columns\"\r\n              [nzWidth]=\"column.width\"\r\n              [nzAlign]=\"column.align\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              [nzShowSort]=\"!!column.sorter\"\r\n              [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n              (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n            >\r\n              {{ column.title }}\r\n            </th>\r\n          </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n          <tr\r\n            style=\"cursor: pointer\"\r\n            *ngFor=\"let data; let i = index; of: dynamicTable.data\"\r\n            [ngClass]=\"{\r\n              'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n              'ant-table-custom-row-even': i % 2 === 0,\r\n              'ant-table-custom-row-odd': i % 2 !== 0\r\n            }\"\r\n            (click)=\"handleTableRowClick(data)\"\r\n            (dblclick)=\"handleTableRowDbClick(data)\"\r\n          >\r\n            <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n            <td\r\n              *ngIf=\"showCheckbox\"\r\n              [nzAlign]=\"'center'\"\r\n              style=\"text-align: center; width: 50px\"\r\n              [(nzChecked)]=\"data.checked\"\r\n              [nzDisabled]=\"isRowDisabled(data)\"\r\n              (nzCheckedChange)=\"handleRowCheckedChange(data, $event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></td>\r\n            <td\r\n              *ngFor=\"let column of _columns\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              [nzAlign]=\"column.align\"\r\n              [ngClass]=\"{\r\n                'pro-nowrap': true\r\n              }\"\r\n            >\r\n              <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49\u6A21\u677F -->\r\n              <ng-container\r\n                *ngIf=\"\r\n                  column.customRender && getTemplate(column.customRender);\r\n                  let template\r\n                \"\r\n              >\r\n                <ng-template\r\n                  [ngTemplateOutlet]=\"template\"\r\n                  [ngTemplateOutletContext]=\"{\r\n                    $implicit: data,\r\n                    data: data,\r\n                    column: column,\r\n                    index: i,\r\n                    pageInfo: _pageInfo\r\n                  }\"\r\n                >\r\n                </ng-template>\r\n              </ng-container>\r\n\r\n              <!-- \u9ED8\u8BA4\u6E32\u67D3\u903B\u8F91 -->\r\n              <ng-container\r\n                *ngIf=\"\r\n                  !column.customRender || !getTemplate(column.customRender)\r\n                \"\r\n              >\r\n                <ng-container *ngIf=\"column.ellipsis\">\r\n                  <div\r\n                    class=\"pro-ellipsis\"\r\n                    [title]=\"data[column.prop]\"\r\n                    [ngStyle]=\"{\r\n                      width: 'calc(' + column.width + ' - 25px)'\r\n                    }\"\r\n                  >\r\n                    {{ data[column.prop] }}\r\n                  </div>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!column.ellipsis\">\r\n                  {{ data[column.prop] }}\r\n                </ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n            <!-- \u6C47\u603B\u884C\u7684\u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF0C\u4F46\u4E3A\u7A7A\uFF09 -->\r\n            <td\r\n              *ngIf=\"showCheckbox\"\r\n              style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            ></td>\r\n            <td\r\n              *ngFor=\"let column; let i = index; of: _columns\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n              [nzAlign]=\"column.align\"\r\n            >\r\n              <span *ngIf=\"i === 0\">\u603B\u8BA1</span>\r\n              <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n                {{\r\n                  column.summary?.format\r\n                    ? column.summary?.format(\r\n                        summaryData[column.summary?.name || column.prop]\r\n                      )\r\n                    : summaryData[column.summary?.name || column.prop]\r\n                }}\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n        <ng-template #totalTemplate let-total\r\n          >\u5171 {{ _pageInfo.total }} \u6761\u8BB0\u5F55</ng-template\r\n        >\r\n      </nz-table>\r\n    </div>\r\n  </ng-template>\r\n</app-page-container>\r\n", styles: [".pro-ellipsis{overflow:hidden;text-overflow:ellipsis}.pro-nowrap{white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:4px}::ng-deep .table-search-bar-left .ant-form-item .ant-form-item-label>label{color:#5a5a5a}::ng-deep .pro-table-container .page-container-body{padding:8px 0 0!important}::ng-deep .pro-table-auto-scroll .ant-table-content,::ng-deep .pro-table-auto-scroll .ant-table-body{overflow-x:auto!important}::ng-deep .pro-table-auto-scroll .ant-table-content table,::ng-deep .pro-table-auto-scroll .ant-table-body table{table-layout:auto!important}::ng-deep .pro-table-auto-scroll .ant-table-content table td,::ng-deep .pro-table-auto-scroll .ant-table-body table td{white-space:nowrap}::ng-deep .ant-table-cell-fix-left-last{box-shadow:6px 0 8px -4px #00000026;clip-path:inset(0px -8px 0px 0px)}::ng-deep .ant-table-cell-fix-right-first{box-shadow:-6px 0 8px -4px #00000026;clip-path:inset(0px 0px 0px -8px)}::ng-deep .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left,::ng-deep .ant-table-tbody>tr:hover>td.ant-table-cell-fix-right,::ng-deep .ant-table-tbody>tr.ant-table-custom-row-selected>td.ant-table-cell-fix-left,::ng-deep .ant-table-tbody>tr.ant-table-custom-row-selected>td.ant-table-cell-fix-right{background:#e8f0fb}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i4$1.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i4$1.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i4$1.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: i5$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i5$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i2$1.NzSpaceComponent, selector: "nz-space, [nz-space]", inputs: ["nzDirection", "nzAlign", "nzSplit", "nzWrap", "nzSize"], exportAs: ["NzSpace"] }, { kind: "directive", type: i2$1.NzSpaceItemDirective, selector: "[nzSpaceItem]" }, { kind: "directive", type: i3$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i8$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i10.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: PageContainerComponent, selector: "app-page-container", inputs: ["title", "showHeader", "bodyStyle", "headerStyle"] }, { kind: "component", type: TableSearchBarComponent, selector: "app-table-search-bar", inputs: ["labelWidth", "labelAlign", "searchColCount"] }, { kind: "component", type: i13.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i13.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i13.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i13.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i13.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i13.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i13.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i13.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i13.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i13.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i13.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "component", type: PlateInputComponent, selector: "app-plate-input", inputs: ["usage"] }, { kind: "component", type: i15.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "component", type: i7.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzDisabled"], exportAs: ["nzCheckboxGroup"] }, { kind: "component", type: i17.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i17.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i17.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { kind: "component", type: i18.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { kind: "directive", type: i19.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "component", type: ColmunsSettingComponent, selector: "app-colmuns-setting", inputs: ["columns", "selectedColumns", "tableName"], outputs: ["afterConfirm"] }, { kind: "component", type: DynamicSearchFieldComponent, selector: "app-dynamic-search-field", inputs: ["component", "value", "props"], outputs: ["valueChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-pro-table", template: "<app-page-container\r\n  [title]=\"title\"\r\n  [showHeader]=\"showSearchBar\"\r\n  [bodyStyle]=\"bodyStyle\"\r\n  ngClass=\"pro-table-container\"\r\n>\r\n  <!-- \u589E\u52A0\u81EA\u5B9A\u4E49\u5185\u5BB9\u533A-->\r\n  <ng-template #customContent>\r\n    <ng-container\r\n      *ngIf=\"customContentTpl\"\r\n      [ngTemplateOutlet]=\"customContentTpl\"\r\n    ></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [searchColCount]=\"tableSearchColCount\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49label\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [usage]=\"'filter'\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzShowSearch]=\"getFieldProps(column).showSearch\"\r\n            >\r\n              <nz-option\r\n                *ngFor=\"let opt of getFieldProps(column).options\"\r\n                [nzValue]=\"opt.value\"\r\n                [nzLabel]=\"opt.label\"\r\n                [nzDisabled]=\"opt.disabled\"\r\n                [nzTitle]=\"opt.tooltip || opt.label\"\r\n              ></nz-option>\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzShowSearch]=\"getFieldProps(column).showSearch\"\r\n              nzMode=\"multiple\"\r\n              [nzMaxTagCount]=\"2\"\r\n              [nzMaxTagPlaceholder]=\"nzMaxTagPlaceholder\"\r\n              [nzCustomTemplate]=\"defaultTemplate\"\r\n            >\r\n              <nz-option\r\n                *ngFor=\"let opt of getFieldProps(column).options\"\r\n                [nzValue]=\"opt.value\"\r\n                [nzLabel]=\"opt.label\"\r\n                [nzDisabled]=\"opt.disabled\"\r\n                [nzTitle]=\"opt.tooltip || opt.label\"\r\n              ></nz-option>\r\n              <ng-template #nzMaxTagPlaceholder>\r\n                +\r\n                {{\r\n                  _searchParams[getFieldProps(column).name || column.prop]\r\n                    ?.length\r\n                }}\r\n              </ng-template>\r\n              <ng-template #defaultTemplate let-selected>\r\n                {{\r\n                  selected.nzLabel.length > 4\r\n                    ? selected.nzLabel.substring(0, 4) + \"...\"\r\n                    : selected.nzLabel\r\n                }}\r\n              </ng-template>\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <ng-template nzSpaceItem *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </ng-template>\r\n          <ng-template nzSpaceItem *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </ng-template>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-container *ngIf=\"imgActionBarTpl || showColumnSetting\">\r\n        <ng-template #actionImgBtn>\r\n          <nz-space>\r\n            <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n            <ng-template\r\n              nzSpaceItem\r\n              class=\"setting-space-item\"\r\n              *ngIf=\"showColumnSetting\"\r\n            >\r\n              <span nz-tooltip nzTooltipTitle=\"\u8BBE\u7F6E\u5B57\u6BB5\">\r\n                <app-colmuns-setting\r\n                  [columns]=\"columns\"\r\n                  [selectedColumns]=\"_serverColumns\"\r\n                  [tableName]=\"tableName\"\r\n                  (afterConfirm)=\"handleColumnsSettingConfirm()\"\r\n                ></app-colmuns-setting>\r\n              </span>\r\n            </ng-template>\r\n          </nz-space>\r\n        </ng-template>\r\n      </ng-container>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n\r\n  <ng-template #body>\r\n    <div class=\"mb-4\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <div [class.pro-table-auto-scroll]=\"scroll?.x === 'auto'\">\r\n      <nz-table\r\n        *ngIf=\"!customTableRender && _columnsReady\"\r\n        #dynamicTable\r\n        nzSize=\"small\"\r\n        nzShowSizeChanger\r\n        [nzBordered]=\"bordered\"\r\n        [nzOuterBordered]=\"outerBordered\"\r\n        [nzData]=\"dataSource\"\r\n        [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n        [nzPageSize]=\"_pageInfo.pageSize\"\r\n        [nzTotal]=\"_pageInfo.total\"\r\n        [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n        [nzShowPagination]=\"showPagination\"\r\n        [nzShowTotal]=\"totalTemplate\"\r\n        [nzLoading]=\"_loading\"\r\n        [nzFrontPagination]=\"frontPagination\"\r\n        [nzScroll]=\"_computedScroll\"\r\n        (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n        (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n      >\r\n        <thead>\r\n          <tr>\r\n            <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n            <th\r\n              *ngIf=\"showCheckbox\"\r\n              [nzWidth]=\"'50px'\"\r\n              [nzAlign]=\"'center'\"\r\n              style=\"text-align: center\"\r\n              [(nzChecked)]=\"_checkedAll\"\r\n              [nzIndeterminate]=\"_indeterminate\"\r\n              (nzCheckedChange)=\"toggleCheckAll($event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></th>\r\n            <th\r\n              *ngFor=\"let column of _columns\"\r\n              [nzWidth]=\"column.width\"\r\n              [nzAlign]=\"column.align\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              [nzShowSort]=\"!!column.sorter\"\r\n              [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n              (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n            >\r\n              {{ column.title }}\r\n            </th>\r\n          </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n          <tr\r\n            style=\"cursor: pointer\"\r\n            *ngFor=\"let data; let i = index; of: dynamicTable.data\"\r\n            [ngClass]=\"{\r\n              'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n              'ant-table-custom-row-even': i % 2 === 0,\r\n              'ant-table-custom-row-odd': i % 2 !== 0\r\n            }\"\r\n            (click)=\"handleTableRowClick(data)\"\r\n            (dblclick)=\"handleTableRowDbClick(data)\"\r\n          >\r\n            <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n            <td\r\n              *ngIf=\"showCheckbox\"\r\n              [nzAlign]=\"'center'\"\r\n              style=\"text-align: center; width: 50px\"\r\n              [(nzChecked)]=\"data.checked\"\r\n              [nzDisabled]=\"isRowDisabled(data)\"\r\n              (nzCheckedChange)=\"handleRowCheckedChange(data, $event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></td>\r\n            <td\r\n              *ngFor=\"let column of _columns\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              [nzAlign]=\"column.align\"\r\n              [ngClass]=\"{\r\n                'pro-nowrap': true\r\n              }\"\r\n            >\r\n              <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49\u6A21\u677F -->\r\n              <ng-container\r\n                *ngIf=\"\r\n                  column.customRender && getTemplate(column.customRender);\r\n                  let template\r\n                \"\r\n              >\r\n                <ng-template\r\n                  [ngTemplateOutlet]=\"template\"\r\n                  [ngTemplateOutletContext]=\"{\r\n                    $implicit: data,\r\n                    data: data,\r\n                    column: column,\r\n                    index: i,\r\n                    pageInfo: _pageInfo\r\n                  }\"\r\n                >\r\n                </ng-template>\r\n              </ng-container>\r\n\r\n              <!-- \u9ED8\u8BA4\u6E32\u67D3\u903B\u8F91 -->\r\n              <ng-container\r\n                *ngIf=\"\r\n                  !column.customRender || !getTemplate(column.customRender)\r\n                \"\r\n              >\r\n                <ng-container *ngIf=\"column.ellipsis\">\r\n                  <div\r\n                    class=\"pro-ellipsis\"\r\n                    [title]=\"data[column.prop]\"\r\n                    [ngStyle]=\"{\r\n                      width: 'calc(' + column.width + ' - 25px)'\r\n                    }\"\r\n                  >\r\n                    {{ data[column.prop] }}\r\n                  </div>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!column.ellipsis\">\r\n                  {{ data[column.prop] }}\r\n                </ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n            <!-- \u6C47\u603B\u884C\u7684\u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF0C\u4F46\u4E3A\u7A7A\uFF09 -->\r\n            <td\r\n              *ngIf=\"showCheckbox\"\r\n              style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            ></td>\r\n            <td\r\n              *ngFor=\"let column; let i = index; of: _columns\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n              [nzAlign]=\"column.align\"\r\n            >\r\n              <span *ngIf=\"i === 0\">\u603B\u8BA1</span>\r\n              <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n                {{\r\n                  column.summary?.format\r\n                    ? column.summary?.format(\r\n                        summaryData[column.summary?.name || column.prop]\r\n                      )\r\n                    : summaryData[column.summary?.name || column.prop]\r\n                }}\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n        <ng-template #totalTemplate let-total\r\n          >\u5171 {{ _pageInfo.total }} \u6761\u8BB0\u5F55</ng-template\r\n        >\r\n      </nz-table>\r\n    </div>\r\n  </ng-template>\r\n</app-page-container>\r\n", styles: [".pro-ellipsis{overflow:hidden;text-overflow:ellipsis}.pro-nowrap{white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:4px}::ng-deep .table-search-bar-left .ant-form-item .ant-form-item-label>label{color:#5a5a5a}::ng-deep .pro-table-container .page-container-body{padding:8px 0 0!important}::ng-deep .pro-table-auto-scroll .ant-table-content,::ng-deep .pro-table-auto-scroll .ant-table-body{overflow-x:auto!important}::ng-deep .pro-table-auto-scroll .ant-table-content table,::ng-deep .pro-table-auto-scroll .ant-table-body table{table-layout:auto!important}::ng-deep .pro-table-auto-scroll .ant-table-content table td,::ng-deep .pro-table-auto-scroll .ant-table-body table td{white-space:nowrap}::ng-deep .ant-table-cell-fix-left-last{box-shadow:6px 0 8px -4px #00000026;clip-path:inset(0px -8px 0px 0px)}::ng-deep .ant-table-cell-fix-right-first{box-shadow:-6px 0 8px -4px #00000026;clip-path:inset(0px 0px 0px -8px)}::ng-deep .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left,::ng-deep .ant-table-tbody>tr:hover>td.ant-table-cell-fix-right,::ng-deep .ant-table-tbody>tr.ant-table-custom-row-selected>td.ant-table-cell-fix-left,::ng-deep .ant-table-tbody>tr.ant-table-custom-row-selected>td.ant-table-cell-fix-right{background:#e8f0fb}\n"] }]
+            args: [{ selector: "app-pro-table", template: "<app-page-container\r\n  [title]=\"title\"\r\n  [showHeader]=\"showSearchBar\"\r\n  [bodyStyle]=\"bodyStyle\"\r\n  ngClass=\"pro-table-container\"\r\n>\r\n  <!-- \u589E\u52A0\u81EA\u5B9A\u4E49\u5185\u5BB9\u533A-->\r\n  <ng-template #customContent>\r\n    <ng-container\r\n      *ngIf=\"customContentTpl\"\r\n      [ngTemplateOutlet]=\"customContentTpl\"\r\n    ></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [searchColCount]=\"tableSearchColCount\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49label\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [usage]=\"'filter'\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzShowSearch]=\"getFieldProps(column).showSearch\"\r\n            >\r\n              <nz-option\r\n                *ngFor=\"let opt of getFieldProps(column).options\"\r\n                [nzValue]=\"opt.value\"\r\n                [nzLabel]=\"opt.label\"\r\n                [nzDisabled]=\"opt.disabled\"\r\n                [nzTitle]=\"opt.tooltip || opt.label\"\r\n              ></nz-option>\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzShowSearch]=\"getFieldProps(column).showSearch\"\r\n              nzMode=\"multiple\"\r\n              [nzMaxTagCount]=\"2\"\r\n              [nzMaxTagPlaceholder]=\"nzMaxTagPlaceholder\"\r\n              [nzCustomTemplate]=\"defaultTemplate\"\r\n            >\r\n              <nz-option\r\n                *ngFor=\"let opt of getFieldProps(column).options\"\r\n                [nzValue]=\"opt.value\"\r\n                [nzLabel]=\"opt.label\"\r\n                [nzDisabled]=\"opt.disabled\"\r\n                [nzTitle]=\"opt.tooltip || opt.label\"\r\n              ></nz-option>\r\n              <ng-template #nzMaxTagPlaceholder>\r\n                +\r\n                {{\r\n                  _searchParams[getFieldProps(column).name || column.prop]\r\n                    ?.length\r\n                }}\r\n              </ng-template>\r\n              <ng-template #defaultTemplate let-selected>\r\n                {{\r\n                  selected.nzLabel.length > 4\r\n                    ? selected.nzLabel.substring(0, 4) + \"...\"\r\n                    : selected.nzLabel\r\n                }}\r\n              </ng-template>\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <ng-template nzSpaceItem *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </ng-template>\r\n          <ng-template nzSpaceItem *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </ng-template>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-container *ngIf=\"imgActionBarTpl || showColumnSetting\">\r\n        <ng-template #actionImgBtn>\r\n          <nz-space>\r\n            <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n            <ng-template\r\n              nzSpaceItem\r\n              class=\"setting-space-item\"\r\n              *ngIf=\"showColumnSetting\"\r\n            >\r\n              <span nz-tooltip nzTooltipTitle=\"\u8BBE\u7F6E\u5B57\u6BB5\">\r\n                <app-colmuns-setting\r\n                  [columns]=\"columns\"\r\n                  [selectedColumns]=\"_serverColumns\"\r\n                  [tableName]=\"tableName\"\r\n                  (afterConfirm)=\"handleColumnsSettingConfirm($event)\"\r\n                ></app-colmuns-setting>\r\n              </span>\r\n            </ng-template>\r\n          </nz-space>\r\n        </ng-template>\r\n      </ng-container>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n\r\n  <ng-template #body>\r\n    <div class=\"mb-4\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <div [class.pro-table-auto-scroll]=\"scroll?.x === 'auto'\">\r\n      <nz-table\r\n        *ngIf=\"!customTableRender && _columnsReady\"\r\n        #dynamicTable\r\n        nzSize=\"small\"\r\n        nzShowSizeChanger\r\n        [nzBordered]=\"bordered\"\r\n        [nzOuterBordered]=\"outerBordered\"\r\n        [nzData]=\"dataSource\"\r\n        [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n        [nzPageSize]=\"_pageInfo.pageSize\"\r\n        [nzTotal]=\"_pageInfo.total\"\r\n        [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n        [nzShowPagination]=\"showPagination\"\r\n        [nzShowTotal]=\"totalTemplate\"\r\n        [nzLoading]=\"_loading\"\r\n        [nzFrontPagination]=\"frontPagination\"\r\n        [nzScroll]=\"_computedScroll\"\r\n        (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n        (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n      >\r\n        <thead>\r\n          <tr>\r\n            <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n            <th\r\n              *ngIf=\"showCheckbox\"\r\n              [nzWidth]=\"'50px'\"\r\n              [nzAlign]=\"'center'\"\r\n              style=\"text-align: center\"\r\n              [(nzChecked)]=\"_checkedAll\"\r\n              [nzIndeterminate]=\"_indeterminate\"\r\n              (nzCheckedChange)=\"toggleCheckAll($event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></th>\r\n            <th\r\n              *ngFor=\"let column of _columns\"\r\n              [nzWidth]=\"column.width\"\r\n              [nzAlign]=\"column.align\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              [nzShowSort]=\"!!column.sorter\"\r\n              [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n              (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n            >\r\n              {{ column.title }}\r\n            </th>\r\n          </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n          <tr\r\n            style=\"cursor: pointer\"\r\n            *ngFor=\"let data; let i = index; of: dynamicTable.data\"\r\n            [ngClass]=\"{\r\n              'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n              'ant-table-custom-row-even': i % 2 === 0,\r\n              'ant-table-custom-row-odd': i % 2 !== 0\r\n            }\"\r\n            (click)=\"handleTableRowClick(data)\"\r\n            (dblclick)=\"handleTableRowDbClick(data)\"\r\n          >\r\n            <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n            <td\r\n              *ngIf=\"showCheckbox\"\r\n              [nzAlign]=\"'center'\"\r\n              style=\"text-align: center; width: 50px\"\r\n              [(nzChecked)]=\"data.checked\"\r\n              [nzDisabled]=\"isRowDisabled(data)\"\r\n              (nzCheckedChange)=\"handleRowCheckedChange(data, $event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></td>\r\n            <td\r\n              *ngFor=\"let column of _columns\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              [nzAlign]=\"column.align\"\r\n              [ngClass]=\"{\r\n                'pro-nowrap': true\r\n              }\"\r\n            >\r\n              <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49\u6A21\u677F -->\r\n              <ng-container\r\n                *ngIf=\"\r\n                  column.customRender && getTemplate(column.customRender);\r\n                  let template\r\n                \"\r\n              >\r\n                <ng-template\r\n                  [ngTemplateOutlet]=\"template\"\r\n                  [ngTemplateOutletContext]=\"{\r\n                    $implicit: data,\r\n                    data: data,\r\n                    column: column,\r\n                    index: i,\r\n                    pageInfo: _pageInfo\r\n                  }\"\r\n                >\r\n                </ng-template>\r\n              </ng-container>\r\n\r\n              <!-- \u9ED8\u8BA4\u6E32\u67D3\u903B\u8F91 -->\r\n              <ng-container\r\n                *ngIf=\"\r\n                  !column.customRender || !getTemplate(column.customRender)\r\n                \"\r\n              >\r\n                <ng-container *ngIf=\"column.ellipsis\">\r\n                  <div\r\n                    class=\"pro-ellipsis\"\r\n                    [title]=\"data[column.prop]\"\r\n                    [ngStyle]=\"{\r\n                      width: 'calc(' + column.width + ' - 25px)'\r\n                    }\"\r\n                  >\r\n                    {{ data[column.prop] }}\r\n                  </div>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!column.ellipsis\">\r\n                  {{ data[column.prop] }}\r\n                </ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n            <!-- \u6C47\u603B\u884C\u7684\u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF0C\u4F46\u4E3A\u7A7A\uFF09 -->\r\n            <td\r\n              *ngIf=\"showCheckbox\"\r\n              style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            ></td>\r\n            <td\r\n              *ngFor=\"let column; let i = index; of: _columns\"\r\n              [nzLeft]=\"column._nzLeft\"\r\n              [nzRight]=\"column._nzRight\"\r\n              style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n              [nzAlign]=\"column.align\"\r\n            >\r\n              <span *ngIf=\"i === 0\">\u603B\u8BA1</span>\r\n              <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n                {{\r\n                  column.summary?.format\r\n                    ? column.summary?.format(\r\n                        summaryData[column.summary?.name || column.prop]\r\n                      )\r\n                    : summaryData[column.summary?.name || column.prop]\r\n                }}\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n        <ng-template #totalTemplate let-total\r\n          >\u5171 {{ _pageInfo.total }} \u6761\u8BB0\u5F55</ng-template\r\n        >\r\n      </nz-table>\r\n    </div>\r\n  </ng-template>\r\n</app-page-container>\r\n", styles: [".pro-ellipsis{overflow:hidden;text-overflow:ellipsis}.pro-nowrap{white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:4px}::ng-deep .table-search-bar-left .ant-form-item .ant-form-item-label>label{color:#5a5a5a}::ng-deep .pro-table-container .page-container-body{padding:8px 0 0!important}::ng-deep .pro-table-auto-scroll .ant-table-content,::ng-deep .pro-table-auto-scroll .ant-table-body{overflow-x:auto!important}::ng-deep .pro-table-auto-scroll .ant-table-content table,::ng-deep .pro-table-auto-scroll .ant-table-body table{table-layout:auto!important}::ng-deep .pro-table-auto-scroll .ant-table-content table td,::ng-deep .pro-table-auto-scroll .ant-table-body table td{white-space:nowrap}::ng-deep .ant-table-cell-fix-left-last{box-shadow:6px 0 8px -4px #00000026;clip-path:inset(0px -8px 0px 0px)}::ng-deep .ant-table-cell-fix-right-first{box-shadow:-6px 0 8px -4px #00000026;clip-path:inset(0px 0px 0px -8px)}::ng-deep .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left,::ng-deep .ant-table-tbody>tr:hover>td.ant-table-cell-fix-right,::ng-deep .ant-table-tbody>tr.ant-table-custom-row-selected>td.ant-table-cell-fix-left,::ng-deep .ant-table-tbody>tr.ant-table-custom-row-selected>td.ant-table-cell-fix-right{background:#e8f0fb}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -1802,6 +1827,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], onResetFormBeforeReload: [{
                 type: Output
+            }], onColumnsChange: [{
+                type: Output
             }], customContentTpl: [{
                 type: ContentChild,
                 args: ["customContent"]