fantasy-ngzorro 2.2.17 → 2.2.18

package/README.md

@@ -32,6 +32,7 @@
 
 | 更新人 | 更新时间 | 更新内容 |
 | ------ | -------- | -------- |
+| — | 2026-10-9 | `hd-filter`：新增 `hidePadding`，为 true 时去掉 `.hd-filter-container` 的 padding（2.2.18） |
 | — | 2026-10-8 | `hd-filter`：Select / MultipleSelect 支持 `onOpenChangeEvent`（展开先清空 selectList）；多选空态光标与 placeholder 左对齐（2.2.16） |
 | — | 2026-10-8 | `hd-table`：列能放下时不误开横滚；合计行仅在表体有竖滚条时预留右槽，窗口/容器缩放后自动重算对齐（2.2.15） |
 | — | 2026-10-8 | `hd-table`：底部合计行走 `nzFooter`（分页之上、不进虚拟滚动）；`tableTotalOption` 共用 `TotalOption`；列未撑满与横滚两套对齐；序号列固定宽（2.2.14） |
@@ -280,6 +281,7 @@
 | filterList | Array\<Filter\> | 筛选项配置 |
 | enableFilterScheme | boolean | 是否启用筛选组，默认 `false` |
 | filterSchemeKey | string | 筛选器标识；开启筛选组时必传 |
+| hidePadding | boolean | 去掉 `.hd-filter-container` 的 padding，默认 `false` |
 | searchEvent | EventEmitter | 查询，带回筛选数据 |
 | resetEvent | EventEmitter | 重置 |
 

package/bundles/fantasy-ngzorro.umd.js

@@ -4043,6 +4043,10 @@
              * 是否启用筛选组（默认关闭）
              */
             this.enableFilterScheme = false;
+            /**
+             * 是否去掉 hd-filter-container 的 padding，默认 false
+             */
+            this.hidePadding = false;
             this.searchEvent = new core.EventEmitter();
             this.resetEvent = new core.EventEmitter();
             this.isShowMore = true;
@@ -5204,8 +5208,8 @@
         HdFilterComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-filter',
-                        template: "<form nz-form [formGroup]=\"validateFilterForm\" class=\"ant-advanced-search-form hd-filter-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let filter of filterList\">\n      <div nz-col [nzSpan]=\"6\" [hidden]=\"!filter.show\">\n        <nz-form-item nzFlex>\n          <nz-form-label class=\"hd-filter-label\" [nzNoColon]=\"true\"><span class=\"hd-red\" *ngIf=\"filter.require\">*</span>{{ filter.label }}\n          </nz-form-label>\n          <nz-form-control class=\"hd-filter-control\">\n            <ng-container [ngSwitch]=\"filter.type\">\n              <!-- \u8FD9\u91CC\u6570\u5B57\u5BF9\u5E94\u679A\u4E3E\u7C7B\u578B\uFF0C\u53EF\u5728hd-filter.service.ts\u6587\u4EF6\u4E2D\u67E5\u770B\u5BF9\u5E94\u5173\u7CFB -->\n              <ng-container *ngSwitchCase=\"0\">\n                <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                  <input nz-input [placeholder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u8F93\u5165' + filter.label\"\n                    [formControlName]=\"filter.name\"\n                    (blur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\"/>\n                </nz-input-group>\n                <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                    nzType=\"close-circle\" *ngIf=\"isAllowClear(filter) && validateFilterForm.get(filter.name).value\"\n                    (click)=\"inputClean(filter)\"></i></ng-template>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"1\">\n                <nz-select\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  (nzOpenChange)=\"onOpenChangeEvent(filter.onOpenChangeEvent || null, $event, filter.onOpenChangeEventDebounceTime, filter)\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"2\">\n                <nz-date-picker *ngIf=\"filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                </nz-date-picker>\n                <nz-date-picker *ngIf=\"!filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\">\n                </nz-date-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"3\">\n                <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\" [formControlName]=\"filter.name\">\n                </nz-range-picker>\n              </ng-container>\n              <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n              <ng-container *ngSwitchCase=\"4\">\n                <nz-select\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  nzMode=\"multiple\"\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  (nzOpenChange)=\"onOpenChangeEvent(filter.onOpenChangeEvent || null, $event, filter.onOpenChangeEventDebounceTime, filter)\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"5\">\n                <nz-cascader [nzOptions]=\"filter.cascaderOption.options\" [formControlName]=\"filter.name\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzShowSearch]=\"getCascaderShowSearch(filter.cascaderOption)\"\n                  [nzMenuClassName]=\"getCascaderMenuClassName(filter.cascaderOption)\"\n                  [nzMenuStyle]=\"getCascaderMenuStyle(filter.cascaderOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\">\n                </nz-cascader>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"6\">\n                <nz-month-picker [formControlName]=\"filter.name\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"></nz-month-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"7\">\n                <nz-input-number [formControlName]=\"filter.name\" [nzMin]=\"filter?.inputNumber?.min || 0\"\n                  [nzMax]=\"filter?.inputNumber?.max || 99999999\" [nzStep]=\"filter?.inputNumber?.step || 1\"\n                  [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + filter.label\"\n                  [nzPrecision]=\"filter?.inputNumber?.precision != null ? filter.inputNumber.precision : 4\"\n                  (nzBlur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\">\n                </nz-input-number>\n              </ng-container>\n            </ng-container>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    </ng-container>\n\n    <div class=\"hd-filter-btn\" nz-col [nzSpan]=\"6\" [nzOffset]=\"computeOffset()\">\n      <!-- \u7A3F\u9762\u987A\u5E8F\uFF1A\u9ED8\u8BA4\u6761\u4EF6 \u2192 \u64CD\u4F5C(\u9F7F\u8F6E) \u2192 \u6536\u8D77 \u2192 \u67E5\u8BE2 \u2192 \u91CD\u7F6E -->\n      <ng-container *ngIf=\"canUseScheme\">\n        <a class=\"hd-filter-scheme-name\" (click)=\"openSwitchModal()\" nz-tooltip [nzTitle]=\"currentSchemeName\">\n          <span class=\"hd-filter-scheme-name-text\">{{ currentSchemeName }}</span>\n          <i nz-icon nzType=\"down\" nzTheme=\"outline\"></i>\n        </a>\n        <a class=\"hd-filter-scheme-op\" nz-dropdown [nzDropdownMenu]=\"schemeOpMenu\" nzTrigger=\"click\">\n          <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\n          \u64CD\u4F5C\n        </a>\n        <nz-dropdown-menu #schemeOpMenu=\"nzDropdownMenu\">\n          <ul nz-menu>\n            <li nz-menu-item (click)=\"saveCurrentScheme()\">\u4FDD\u5B58\u4E3A\u5F53\u524D</li>\n            <li nz-menu-item (click)=\"openSaveAsModal()\">\u53E6\u5B58\u4E3A</li>\n            <li nz-menu-item *ngIf=\"canDeleteCurrent()\"\n                class=\"hd-filter-scheme-op-delete\"\n                nz-popconfirm\n                nzTitle=\"\u786E\u5B9A\u5220\u9664\u5F53\u524D\u7B5B\u9009\u7EC4\u5417\uFF1F\"\n                nzPopconfirmPlacement=\"bottomRight\"\n                (nzOnConfirm)=\"deleteCurrentScheme()\">\u5220\u9664</li>\n          </ul>\n        </nz-dropdown-menu>\n      </ng-container>\n      <a *ngIf=\"filterList.length > 7\" class=\"hd-filter-more\" (click)=\"showMore()\">\n        {{ isShowMore ? '\u5C55\u5F00' : '\u6536\u8D77' }}\n        <i nz-icon [nzType]=\"isShowMore ? 'down' : 'up'\"></i>\n      </a>\n      <hd-button type=\"primary\" (click)=\"submitForm()\">\u67E5\u8BE2</hd-button>\n      <hd-button type=\"reset\" (click)=\"resetForm()\">\u91CD\u7F6E</hd-button>\n    </div>\n  </div>\n</form>\n\n<!-- \u9009\u62E9\u7B5B\u9009\u7EC4\uFF1A*ngIf \u907F\u514D\u672A\u6253\u5F00\u65F6 hd-form \u7A7A formList \u5BFC\u81F4 formGroup \u672A\u521D\u59CB\u5316\u62A5\u9519 -->\n<nz-modal\n  [(nzVisible)]=\"switchModalVisible\"\n  nzTitle=\"\u9009\u62E9\u7B5B\u9009\u7EC4\"\n  nzWidth=\"560px\"\n  [nzOkLoading]=\"schemeLoading\"\n  (nzOnCancel)=\"closeSwitchModal()\"\n  (nzOnOk)=\"confirmSwitch()\">\n  <hd-form *ngIf=\"switchModalVisible\" [formList]=\"switchFormList\" (changeEvent)=\"switchFormChangeEvent($event)\"></hd-form>\n</nz-modal>\n\n<!-- \u53E6\u5B58\u4E3A -->\n<nz-modal\n  [(nzVisible)]=\"saveAsModalVisible\"\n  nzTitle=\"\u4FDD\u5B58\u7B5B\u9009\u7EC4\"\n  nzWidth=\"560px\"\n  [nzOkLoading]=\"schemeSaving\"\n  (nzOnCancel)=\"closeSaveAsModal()\"\n  (nzOnOk)=\"confirmSaveAs()\">\n  <hd-form *ngIf=\"saveAsModalVisible\" [formList]=\"saveAsFormList\" (changeEvent)=\"saveAsFormChangeEvent($event)\"></hd-form>\n</nz-modal>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-filter-container{padding:20px 23px;background:#fff;border-radius:4px;margin-bottom:8px!important;font-size:14px}.hd-filter-container .ant-row{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:4px;margin-right:0!important;margin-left:0!important}.hd-filter-container .ant-row::after,.hd-filter-container .ant-row::before{display:none}.hd-filter-container .ant-col-6{float:none;padding-left:0!important;padding-right:0!important}.hd-filter-container .hd-filter-label{width:124px;word-break:break-all;font-size:14px}.hd-filter-container .hd-filter-label ::ng-deep label{font-size:14px}.hd-filter-container .hd-filter-control{width:calc(100% - 124px)}.hd-filter-container ::ng-deep .ant-calendar-picker{width:100%}.hd-filter-container .hd-filter-more{color:#20b95d;white-space:nowrap;flex-shrink:0}.hd-filter-container .hd-filter-btn{height:40px;display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;max-width:100%;min-width:0;padding-left:12px;box-sizing:border-box}.hd-filter-container hd-button{margin-left:0;flex-shrink:0}.hd-filter-container ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}.hd-filter-container ::ng-deep .ant-select-selection--single{height:32px!important}.hd-filter-container ::ng-deep .ant-input{height:32px!important}.hd-filter-container ::ng-deep .ant-calendar-range-picker-input{text-align:left!important}.hd-filter-container .ant-input-number{width:100%}.hd-filter-container .hd-red{color:#f5222d}.hd-filter-container .hd-filter-scheme-name,.hd-filter-container .hd-filter-scheme-op{color:#4e5369;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:3px;margin:0;box-sizing:border-box}.hd-filter-container .hd-filter-scheme-name i[nz-icon],.hd-filter-container .hd-filter-scheme-op i[nz-icon]{font-size:14px;flex-shrink:0}.hd-filter-container .hd-filter-scheme-name{flex:0 1 auto;max-width:160px;min-width:0;overflow:hidden}.hd-filter-container .hd-filter-scheme-name .hd-filter-scheme-name-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-filter-container .hd-filter-scheme-name i[nz-icon]{font-size:12px}.hd-filter-container .hd-filter-scheme-op{flex-shrink:0}::ng-deep .hd-filter-scheme-op-delete{color:#f5222d!important}"]
+                        template: "<form nz-form [formGroup]=\"validateFilterForm\" class=\"ant-advanced-search-form hd-filter-container\"\n  [class.hd-filter-container--no-padding]=\"hidePadding\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let filter of filterList\">\n      <div nz-col [nzSpan]=\"6\" [hidden]=\"!filter.show\">\n        <nz-form-item nzFlex>\n          <nz-form-label class=\"hd-filter-label\" [nzNoColon]=\"true\"><span class=\"hd-red\" *ngIf=\"filter.require\">*</span>{{ filter.label }}\n          </nz-form-label>\n          <nz-form-control class=\"hd-filter-control\">\n            <ng-container [ngSwitch]=\"filter.type\">\n              <!-- \u8FD9\u91CC\u6570\u5B57\u5BF9\u5E94\u679A\u4E3E\u7C7B\u578B\uFF0C\u53EF\u5728hd-filter.service.ts\u6587\u4EF6\u4E2D\u67E5\u770B\u5BF9\u5E94\u5173\u7CFB -->\n              <ng-container *ngSwitchCase=\"0\">\n                <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                  <input nz-input [placeholder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u8F93\u5165' + filter.label\"\n                    [formControlName]=\"filter.name\"\n                    (blur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\"/>\n                </nz-input-group>\n                <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                    nzType=\"close-circle\" *ngIf=\"isAllowClear(filter) && validateFilterForm.get(filter.name).value\"\n                    (click)=\"inputClean(filter)\"></i></ng-template>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"1\">\n                <nz-select\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  (nzOpenChange)=\"onOpenChangeEvent(filter.onOpenChangeEvent || null, $event, filter.onOpenChangeEventDebounceTime, filter)\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"2\">\n                <nz-date-picker *ngIf=\"filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                </nz-date-picker>\n                <nz-date-picker *ngIf=\"!filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\">\n                </nz-date-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"3\">\n                <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\" [formControlName]=\"filter.name\">\n                </nz-range-picker>\n              </ng-container>\n              <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n              <ng-container *ngSwitchCase=\"4\">\n                <nz-select\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  nzMode=\"multiple\"\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  (nzOpenChange)=\"onOpenChangeEvent(filter.onOpenChangeEvent || null, $event, filter.onOpenChangeEventDebounceTime, filter)\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"5\">\n                <nz-cascader [nzOptions]=\"filter.cascaderOption.options\" [formControlName]=\"filter.name\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzShowSearch]=\"getCascaderShowSearch(filter.cascaderOption)\"\n                  [nzMenuClassName]=\"getCascaderMenuClassName(filter.cascaderOption)\"\n                  [nzMenuStyle]=\"getCascaderMenuStyle(filter.cascaderOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\">\n                </nz-cascader>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"6\">\n                <nz-month-picker [formControlName]=\"filter.name\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"></nz-month-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"7\">\n                <nz-input-number [formControlName]=\"filter.name\" [nzMin]=\"filter?.inputNumber?.min || 0\"\n                  [nzMax]=\"filter?.inputNumber?.max || 99999999\" [nzStep]=\"filter?.inputNumber?.step || 1\"\n                  [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + filter.label\"\n                  [nzPrecision]=\"filter?.inputNumber?.precision != null ? filter.inputNumber.precision : 4\"\n                  (nzBlur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\">\n                </nz-input-number>\n              </ng-container>\n            </ng-container>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    </ng-container>\n\n    <div class=\"hd-filter-btn\" nz-col [nzSpan]=\"6\" [nzOffset]=\"computeOffset()\">\n      <!-- \u7A3F\u9762\u987A\u5E8F\uFF1A\u9ED8\u8BA4\u6761\u4EF6 \u2192 \u64CD\u4F5C(\u9F7F\u8F6E) \u2192 \u6536\u8D77 \u2192 \u67E5\u8BE2 \u2192 \u91CD\u7F6E -->\n      <ng-container *ngIf=\"canUseScheme\">\n        <a class=\"hd-filter-scheme-name\" (click)=\"openSwitchModal()\" nz-tooltip [nzTitle]=\"currentSchemeName\">\n          <span class=\"hd-filter-scheme-name-text\">{{ currentSchemeName }}</span>\n          <i nz-icon nzType=\"down\" nzTheme=\"outline\"></i>\n        </a>\n        <a class=\"hd-filter-scheme-op\" nz-dropdown [nzDropdownMenu]=\"schemeOpMenu\" nzTrigger=\"click\">\n          <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\n          \u64CD\u4F5C\n        </a>\n        <nz-dropdown-menu #schemeOpMenu=\"nzDropdownMenu\">\n          <ul nz-menu>\n            <li nz-menu-item (click)=\"saveCurrentScheme()\">\u4FDD\u5B58\u4E3A\u5F53\u524D</li>\n            <li nz-menu-item (click)=\"openSaveAsModal()\">\u53E6\u5B58\u4E3A</li>\n            <li nz-menu-item *ngIf=\"canDeleteCurrent()\"\n                class=\"hd-filter-scheme-op-delete\"\n                nz-popconfirm\n                nzTitle=\"\u786E\u5B9A\u5220\u9664\u5F53\u524D\u7B5B\u9009\u7EC4\u5417\uFF1F\"\n                nzPopconfirmPlacement=\"bottomRight\"\n                (nzOnConfirm)=\"deleteCurrentScheme()\">\u5220\u9664</li>\n          </ul>\n        </nz-dropdown-menu>\n      </ng-container>\n      <a *ngIf=\"filterList.length > 7\" class=\"hd-filter-more\" (click)=\"showMore()\">\n        {{ isShowMore ? '\u5C55\u5F00' : '\u6536\u8D77' }}\n        <i nz-icon [nzType]=\"isShowMore ? 'down' : 'up'\"></i>\n      </a>\n      <hd-button type=\"primary\" (click)=\"submitForm()\">\u67E5\u8BE2</hd-button>\n      <hd-button type=\"reset\" (click)=\"resetForm()\">\u91CD\u7F6E</hd-button>\n    </div>\n  </div>\n</form>\n\n<!-- \u9009\u62E9\u7B5B\u9009\u7EC4\uFF1A*ngIf \u907F\u514D\u672A\u6253\u5F00\u65F6 hd-form \u7A7A formList \u5BFC\u81F4 formGroup \u672A\u521D\u59CB\u5316\u62A5\u9519 -->\n<nz-modal\n  [(nzVisible)]=\"switchModalVisible\"\n  nzTitle=\"\u9009\u62E9\u7B5B\u9009\u7EC4\"\n  nzWidth=\"560px\"\n  [nzOkLoading]=\"schemeLoading\"\n  (nzOnCancel)=\"closeSwitchModal()\"\n  (nzOnOk)=\"confirmSwitch()\">\n  <hd-form *ngIf=\"switchModalVisible\" [formList]=\"switchFormList\" (changeEvent)=\"switchFormChangeEvent($event)\"></hd-form>\n</nz-modal>\n\n<!-- \u53E6\u5B58\u4E3A -->\n<nz-modal\n  [(nzVisible)]=\"saveAsModalVisible\"\n  nzTitle=\"\u4FDD\u5B58\u7B5B\u9009\u7EC4\"\n  nzWidth=\"560px\"\n  [nzOkLoading]=\"schemeSaving\"\n  (nzOnCancel)=\"closeSaveAsModal()\"\n  (nzOnOk)=\"confirmSaveAs()\">\n  <hd-form *ngIf=\"saveAsModalVisible\" [formList]=\"saveAsFormList\" (changeEvent)=\"saveAsFormChangeEvent($event)\"></hd-form>\n</nz-modal>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-filter-container{padding:20px 23px;background:#fff;border-radius:4px;margin-bottom:8px!important;font-size:14px}.hd-filter-container.hd-filter-container--no-padding{padding:0}.hd-filter-container .ant-row{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:4px;margin-right:0!important;margin-left:0!important}.hd-filter-container .ant-row::after,.hd-filter-container .ant-row::before{display:none}.hd-filter-container .ant-col-6{float:none;padding-left:0!important;padding-right:0!important}.hd-filter-container .hd-filter-label{width:124px;word-break:break-all;font-size:14px}.hd-filter-container .hd-filter-label ::ng-deep label{font-size:14px}.hd-filter-container .hd-filter-control{width:calc(100% - 124px)}.hd-filter-container ::ng-deep .ant-calendar-picker{width:100%}.hd-filter-container .hd-filter-more{color:#20b95d;white-space:nowrap;flex-shrink:0}.hd-filter-container .hd-filter-btn{height:40px;display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;max-width:100%;min-width:0;padding-left:12px;box-sizing:border-box}.hd-filter-container hd-button{margin-left:0;flex-shrink:0}.hd-filter-container ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}.hd-filter-container ::ng-deep .ant-select-selection--single{height:32px!important}.hd-filter-container ::ng-deep .ant-input{height:32px!important}.hd-filter-container ::ng-deep .ant-calendar-range-picker-input{text-align:left!important}.hd-filter-container .ant-input-number{width:100%}.hd-filter-container .hd-red{color:#f5222d}.hd-filter-container .hd-filter-scheme-name,.hd-filter-container .hd-filter-scheme-op{color:#4e5369;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:3px;margin:0;box-sizing:border-box}.hd-filter-container .hd-filter-scheme-name i[nz-icon],.hd-filter-container .hd-filter-scheme-op i[nz-icon]{font-size:14px;flex-shrink:0}.hd-filter-container .hd-filter-scheme-name{flex:0 1 auto;max-width:160px;min-width:0;overflow:hidden}.hd-filter-container .hd-filter-scheme-name .hd-filter-scheme-name-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-filter-container .hd-filter-scheme-name i[nz-icon]{font-size:12px}.hd-filter-container .hd-filter-scheme-op{flex-shrink:0}::ng-deep .hd-filter-scheme-op-delete{color:#f5222d!important}"]
                     }] }
         ];
         /** @nocollapse */
@@ -5217,6 +5221,7 @@
             filterList: [{ type: core.Input }],
             enableFilterScheme: [{ type: core.Input }],
             filterSchemeKey: [{ type: core.Input }],
+            hidePadding: [{ type: core.Input }],
             searchEvent: [{ type: core.Output }],
             resetEvent: [{ type: core.Output }]
         };
@@ -5224,6 +5229,10 @@
             ngZorroAntd.InputBoolean(),
             __metadata("design:type", Object)
         ], HdFilterComponent.prototype, "enableFilterScheme", void 0);
+        __decorate([
+            ngZorroAntd.InputBoolean(),
+            __metadata("design:type", Object)
+        ], HdFilterComponent.prototype, "hidePadding", void 0);
         return HdFilterComponent;
     }());
     if (false) {
@@ -5239,6 +5248,11 @@
          * @type {?}
          */
         HdFilterComponent.prototype.filterSchemeKey;
+        /**
+         * 是否去掉 hd-filter-container 的 padding，默认 false
+         * @type {?}
+         */
+        HdFilterComponent.prototype.hidePadding;
         /** @type {?} */
         HdFilterComponent.prototype.searchEvent;
         /** @type {?} */