fantasy-ngzorro 2.1.36 → 2.1.38

package/bundles/fantasy-ngzorro.umd.js

@@ -830,6 +830,16 @@
         /** @type {?} */
         InputNumber.prototype.nzParser;
     }
+    /**
+     * @record
+     */
+    function CascaderShowSearchOptions() { }
+    if (false) {
+        /** @type {?|undefined} */
+        CascaderShowSearchOptions.prototype.filter;
+        /** @type {?|undefined} */
+        CascaderShowSearchOptions.prototype.sorter;
+    }
     var CascaderOption = /** @class */ (function () {
         function CascaderOption() {
         }
@@ -838,6 +848,16 @@
     if (false) {
         /** @type {?} */
         CascaderOption.prototype.options;
+        /**
+         * 是否开启搜索，默认 true；传 false 关闭；传对象可自定义 filter/sorter
+         * @type {?}
+         */
+        CascaderOption.prototype.showSearch;
+        /**
+         * 选项中拼音字段名，默认 pinyin
+         * @type {?}
+         */
+        CascaderOption.prototype.pinyinField;
     }
 
     /**
@@ -2355,6 +2375,70 @@
         return HdDetailTipModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @param {?} inputValue
+     * @param {?} path
+     * @param {?=} pinyinField
+     * @return {?}
+     */
+    function cascaderPinyinFilter(inputValue, path, pinyinField) {
+        if (pinyinField === void 0) { pinyinField = 'pinyin'; }
+        if (!inputValue) {
+            return true;
+        }
+        /** @type {?} */
+        var keyword = inputValue.trim().toLowerCase();
+        return path.some((/**
+         * @param {?} option
+         * @return {?}
+         */
+        function (option) {
+            /** @type {?} */
+            var label = option.label != null ? String(option.label).toLowerCase() : '';
+            /** @type {?} */
+            var value = option.value != null ? String(option.value).toLowerCase() : '';
+            /** @type {?} */
+            var pinyin = option[pinyinField] != null
+                ? String(option[pinyinField]).toLowerCase()
+                : '';
+            return ((label && label.indexOf(keyword) !== -1) ||
+                (value && value.indexOf(keyword) !== -1) ||
+                (pinyin && pinyin.indexOf(keyword) !== -1));
+        }));
+    }
+    /**
+     * @param {?=} cascaderOption
+     * @return {?}
+     */
+    function getCascaderShowSearch(cascaderOption) {
+        if (!cascaderOption) {
+            return true;
+        }
+        if (cascaderOption.showSearch === false) {
+            return false;
+        }
+        if (cascaderOption.showSearch &&
+            typeof cascaderOption.showSearch === 'object') {
+            return cascaderOption.showSearch;
+        }
+        /** @type {?} */
+        var pinyinField = cascaderOption.pinyinField || 'pinyin';
+        return {
+            filter: (/**
+             * @param {?} inputValue
+             * @param {?} path
+             * @return {?}
+             */
+            function (inputValue, path) {
+                return cascaderPinyinFilter(inputValue, path, pinyinField);
+            }),
+        };
+    }
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -2370,6 +2454,7 @@
             this.filterListModular = 0;
             this.searchSubject = new rxjs.Subject();
             this.debounceTimeout = 0; // 默认防抖时间
+            this.getCascaderShowSearch = getCascaderShowSearch;
             this.searchSubscription = this.searchSubject.pipe(operators.debounceTime(this.debounceTimeout)).subscribe((/**
              * @param {?} __0
              * @return {?}
@@ -2656,7 +2741,7 @@
         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=\"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]=\"filter.selectOption.hdAllowClear != null ? filter.selectOption.hdAllowClear : true\"\n                  [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\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                  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                </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\" [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]=\"filter.selectOption.hdAllowClear != null ? filter.selectOption.hdAllowClear : true\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\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                  [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                  [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      <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",
+                        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=\"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]=\"filter.selectOption.hdAllowClear != null ? filter.selectOption.hdAllowClear : true\"\n                  [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\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                  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                </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\" [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]=\"filter.selectOption.hdAllowClear != null ? filter.selectOption.hdAllowClear : true\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\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                  [nzShowSearch]=\"getCascaderShowSearch(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                  [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      <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",
                         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__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-right-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-right-sticky{background:#f5f8f6!important}::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:hover>td.ant-table-td-right-sticky{background:#e6f7ff!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%}.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}.hd-filter-container .hd-filter-btn{height:40px;display:inline-flex;align-items:center;justify-content:flex-end}.hd-filter-container hd-button{margin-left:12px}.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}"]
                     }] }
         ];
@@ -2699,6 +2784,8 @@
          * @private
          */
         HdFilterComponent.prototype.searchSubscription;
+        /** @type {?} */
+        HdFilterComponent.prototype.getCascaderShowSearch;
         /**
          * @type {?}
          * @private
@@ -5862,6 +5949,7 @@
              * @return {?}
              */
             function (value) { return value; });
+            this.getCascaderShowSearch = getCascaderShowSearch;
             this.searchSubscription = this.searchSubject
                 .pipe(operators.debounceTime(this.debounceTimeout))
                 .subscribe((/**
@@ -6398,7 +6486,7 @@
         HdFormComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "hd-form",
-                        template: "<form nz-form [formGroup]=\"validateHdForm\" class=\"ant-advanced-search-form hd-formItem-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 formItem of formList;index as i\">\n      <div nz-row *ngIf=\"formItem.isRowFirst && formItem.isRowFirst === 1\">\n        <div nz-col *ngIf=\"!formItem.hide\" [nzSpan]=\"formItem.width? formItem.width * 6 : 6\">\n          <nz-form-item nzFlex>\n            <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n              <div class=\"hd-formItem-label-flex\">\n                <span>\n                  <span class=\"hd-formItem-label-require\" *ngIf=\"formItem.require\">*</span>\n                  <span [ngStyle]=\"{'color': formItem?.labelColor ? formItem.labelColor : null}\">{{ formItem.label\n                    }}</span>\n                </span>\n                <ng-container *ngIf=\"formItem.explain\">\n                  <span class=\"hd-formItem-label-explain\">{{ formItem.explain }}</span>\n                </ng-container>\n              </div>\n            </nz-form-label>\n            <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"formItemErrorTpl\">\n              <ng-template #formItemErrorTpl let-control>\n                <ng-container *ngFor=\"let validatorKey of formItem.validatorKeys;index as i\">\n                  <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                    {{ validatorKey.label }}\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"control.hasError('required')\">\n                  {{ formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                </ng-container>\n              </ng-template>\n              <ng-container [ngSwitch]=\"formItem.type\">\n                <ng-container *ngSwitchCase=\"0\">\n                  <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                    [nzPrefix]=\"formItem.prefixIcon ? inputPrefixIconTemplate : formItem.prefix\">\n                    <input nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                      [maxlength]=\"formItem.maxLength || null\"\n                      [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                      [formControlName]=\"formItem.name\" />\n                  </nz-input-group>\n                  <ng-template #inputPrefixIconTemplate><i nz-icon [nzType]=\"formItem.prefixIcon\"></i></ng-template>\n                  <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                      nzType=\"close-circle\"\n                      *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"1\">\n                  <nz-select\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, formItem.onOpenChangeEventDebounceTime)\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                      [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <nz-option *ngIf=\"formItem.defaultLabel\" [nzLabel]=\"formItem.defaultLabel\"\n                      [nzValue]=\"formItem.value\" nzHide></nz-option>\n                    <nz-option\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\"\n                      [nzLabel]=\"(formItem.selectOption.showLabelAndValue || formItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(formItem.selectOption.value).value + ']' + validateHdForm.get(formItem.selectOption.label).value) : validateHdForm.get(formItem.selectOption.label).value\"\n                      [nzValue]=\"validateHdForm.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"2\">\n                  <nz-date-picker *ngIf=\"!formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                    [nzShowToday]=\"formItem.hdShowToday !== false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\">\n                  </nz-date-picker>\n                  <nz-date-picker *ngIf=\"formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                    [nzShowToday]=\"formItem.hdShowToday !== false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                  </nz-date-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"3\">\n                  <nz-range-picker [nzPlaceHolder]=\"formItem.showTime ? ['\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4'] : ['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                    [nzDisabledDate]=\"formItem.hdDisabledDate\" [formControlName]=\"formItem.name\"\n                    [nzShowTime]=\"formItem.showTime ? true : false\">\n                  </nz-range-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"4\">\n                  <textarea [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                    [rows]=\"formItem.textAreaRows ? formItem.textAreaRows : 1\"\n                    [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" rows=\"1\"\n                    nz-input [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"5\">\n                  <nz-input-number [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                    [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                    [nzMax]=\"formItem?.inputNumber?.max || 99999999\" [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                    [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + formItem.label\"\n                    [nzFormatter]=\"formItem?.inputNumber?.nzFormatter || inputNumberDefaultFormatter\"\n                    [nzParser]=\"formItem?.inputNumber?.nzParser || inputNumberDefaultParser\"\n                    [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 4\">\n                  </nz-input-number>\n                </ng-container>\n                <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                <ng-container *ngSwitchCase=\"6\">\n                  <nz-select [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    nzMode=\"multiple\"\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, formItem.onOpenChangeEventDebounceTime)\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                      [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <ng-container *ngIf=\"formItem.defaultLabel\">\n                      <nz-option *ngFor=\"let option of formItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                        [nzValue]=\"formItem.value[i]\" nzHide></nz-option>\n                    </ng-container>\n                    <ng-container\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\">\n                      <nz-option *ngFor=\"let option of validateHdForm.get(formItem.selectOption.value).value;index as i\"\n                        [nzLabel]=\"validateHdForm.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                      </nz-option>\n                    </ng-container>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"7\">\n                  <span>{{ formItem.value || validateHdForm.get(formItem.name).value }}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"8\">\n                  <nz-switch [formControlName]=\"formItem.name\"></nz-switch>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"9\">\n                  <nz-time-picker [formControlName]=\"formItem.name\" [nzFormat]=\"formItem.format\"\n                    [nzAllowEmpty]=\"!formItem.disabled\"></nz-time-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"10\">\n                  <nz-cascader [nzOptions]=\"formItem.cascaderOption.options\" [formControlName]=\"formItem.name\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\">\n                  </nz-cascader>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"11\">\n                  <nz-radio-group [formControlName]=\"formItem.name\">\n                    <label nz-radio *ngFor=\"let radioItem of formItem.radioOption.optionList\"\n                      [nzValue]=\"radioItem[formItem.radioOption.value]\">\n                      {{ formItem.radioOption.showLabelAndValue ? '[' + radioItem[formItem.radioOption.value] + ']' +\n                      radioItem[formItem.radioOption.label] : radioItem[formItem.radioOption.label] }}\n                    </label>\n                  </nz-radio-group>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"12\">\n                  <ng-container *ngIf=\"formItem.checkboxOption; else singleCheckboxTpl\">\n                    <label nz-checkbox\n                      *ngFor=\"let checkboxItem of formItem.checkboxOption.optionList\"\n                      [nzDisabled]=\"formItem.disabled || validateHdForm.get(formItem.name).disabled\"\n                      [ngModel]=\"isCheckboxChecked(formItem.name, checkboxItem[formItem.checkboxOption.value])\"\n                      (ngModelChange)=\"onCheckboxItemChange(formItem.name, checkboxItem[formItem.checkboxOption.value], $event)\"\n                      [ngModelOptions]=\"{standalone: true}\">\n                      {{ formItem.checkboxOption.showLabelAndValue\n                        ? '[' + checkboxItem[formItem.checkboxOption.value] + ']' + checkboxItem[formItem.checkboxOption.label]\n                        : checkboxItem[formItem.checkboxOption.label] }}\n                    </label>\n                  </ng-container>\n                  <ng-template #singleCheckboxTpl>\n                    <label nz-checkbox [formControlName]=\"formItem.name\"></label>\n                  </ng-template>\n                </ng-container>\n              </ng-container>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <!-- \u5FAA\u73AF\u6700\u591A\u56DB\u6B21 -->\n        <ng-container *ngFor=\"let columnItem of formItem.columnItems;index as columnItemIndex\">\n          <div nz-col *ngIf=\"!columnItem.hide\" [nzSpan]=\"columnItem.width? columnItem.width * 6 : 6\">\n            <nz-form-item nzFlex>\n              <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n                <div class=\"hd-formItem-label-flex\">\n                  <span>\n                    <span class=\"hd-formItem-label-require\" *ngIf=\"columnItem.require\">*</span>\n                    <span [ngStyle]=\"{'color': columnItem?.labelColor ? columnItem.labelColor : null}\">{{\n                      columnItem.label }}</span>\n                  </span>\n                  <ng-container *ngIf=\"columnItem.explain\">\n                    <span class=\"hd-formItem-label-explain\">{{ columnItem.explain }}</span>\n                  </ng-container>\n                </div>\n              </nz-form-label>\n              <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"columnItemErrorTpl\">\n                <ng-template #columnItemErrorTpl let-control>\n                  <ng-container *ngFor=\"let validatorKey of columnItem.validatorKeys;index as i\">\n                    <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                      {{ validatorKey.label }}\n                    </ng-container>\n                  </ng-container>\n                  <ng-container *ngIf=\"control.hasError('required')\">\n                    {{ columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                  </ng-container>\n                </ng-template>\n                <ng-container [ngSwitch]=\"columnItem.type\">\n                  <ng-container *ngSwitchCase=\"0\">\n                    <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                      [nzPrefix]=\"columnItem.prefixIcon ? inputPrefixIconTemplate : columnItem.prefix\">\n                      <input *ngIf=\"columnItem.disabled === true;else inputTemplate\" nz-input\n                        [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"true\"\n                        [attr.disabled]=\"true\" [maxlength]=\"columnItem.maxLength || null\"\n                        [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                        [formControlName]=\"columnItem.name\" />\n                      <ng-template #inputTemplate>\n                        <input nz-input [ngStyle]=\"{'color': columnItem?.color ? formItem.color : null}\"\n                          [maxlength]=\"columnItem.maxLength || null\"\n                          [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                          [formControlName]=\"columnItem.name\" />\n                      </ng-template>\n                    </nz-input-group>\n                    <ng-template #inputPrefixIconTemplate><i nz-icon [nzType]=\"columnItem.prefixIcon\"></i></ng-template>\n                    <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                        nzType=\"close-circle\"\n                        *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                        (click)=\"inputClean(columnItem)\"></i></ng-template>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"1\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                      [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                      [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                      [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOpenChange)=\"onOpenChangeEvent(columnItem.onOpenChangeEvent || null, $event, columnItem.onOpenChangeEventDebounceTime)\"\n                      (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <nz-option\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\"\n                        [nzLabel]=\"(columnItem.selectOption.showLabelAndValue || columnItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(columnItem.selectOption.value).value + ']' + validateHdForm.get(columnItem.selectOption.label).value) : validateHdForm.get(columnItem.selectOption.label).value\"\n                        [nzValue]=\"validateHdForm.get(columnItem.selectOption.value).value\" nzHide></nz-option>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"2\">\n                    <nz-date-picker *ngIf=\"columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                      [nzShowToday]=\"columnItem.hdShowToday !== false\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                    </nz-date-picker>\n                    <nz-date-picker *ngIf=\"!columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                      [nzShowToday]=\"columnItem.hdShowToday !== false\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\">\n                    </nz-date-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"3\">\n                    <nz-range-picker [nzPlaceHolder]=\"columnItem.showTime ? ['\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4'] : ['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                      [nzDisabledDate]=\"columnItem.hdDisabledDate\" [formControlName]=\"columnItem.name\"\n                      [nzShowTime]=\"columnItem.showTime ? true : false\">\n                    </nz-range-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"4\">\n                    <textarea [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                      [rows]=\"columnItem.textAreaRows ? columnItem.textAreaRows : 1\" rows=\"1\" nz-input\n                      [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                      [maxlength]=\"columnItem.maxLength || null\" [formControlName]=\"columnItem.name\"></textarea>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"5\">\n                    <nz-input-number [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                      [formControlName]=\"columnItem.name\" [nzMin]=\"columnItem?.inputNumber?.min || 0\"\n                      [nzMax]=\"columnItem?.inputNumber?.max || 99999999\" [nzStep]=\"columnItem?.inputNumber?.step || 1\"\n                      [nzFormatter]=\"columnItem?.inputNumber?.nzFormatter || inputNumberDefaultFormatter\"\n                      [nzParser]=\"columnItem?.inputNumber?.nzParser || inputNumberDefaultParser\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                      [nzPrecision]=\"columnItem?.inputNumber?.precision != null ? columnItem.inputNumber.precision : 4\">\n                    </nz-input-number>\n                  </ng-container>\n                  <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                  <ng-container *ngSwitchCase=\"6\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                      [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                      nzMode=\"multiple\"\n                      [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                      [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOpenChange)=\"onOpenChangeEvent(columnItem.onOpenChangeEvent || null, $event, columnItem.onOpenChangeEventDebounceTime)\"\n                      (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <ng-container *ngIf=\"columnItem.defaultLabel\">\n                        <nz-option *ngFor=\"let option of columnItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                          [nzValue]=\"columnItem.value[i]\" nzHide></nz-option>\n                      </ng-container>\n                      <ng-container\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\">\n                        <nz-option\n                          *ngFor=\"let option of validateHdForm.get(columnItem.selectOption.value).value;index as i\"\n                          [nzLabel]=\"validateHdForm.get(columnItem.selectOption.label).value[i]\" [nzValue]=\"option\"\n                          nzHide>\n                        </nz-option>\n                      </ng-container>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"7\">\n                    <span>{{ columnItem.value || validateHdForm.get(columnItem.name).value }}</span>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"8\">\n                    <nz-switch [formControlName]=\"columnItem.name\"></nz-switch>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"9\">\n                    <nz-time-picker [formControlName]=\"columnItem.name\" [nzFormat]=\"columnItem.format\"\n                      [nzAllowEmpty]=\"!columnItem.disabled\"></nz-time-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"10\">\n                    <nz-cascader [nzOptions]=\"columnItem.cascaderOption.options\" [formControlName]=\"columnItem.name\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\">\n                    </nz-cascader>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"11\">\n                    <nz-radio-group [formControlName]=\"columnItem.name\">\n                      <label nz-radio *ngFor=\"let radioItem of columnItem.radioOption.optionList\"\n                        [nzValue]=\"radioItem[columnItem.radioOption.value]\">\n                        {{ columnItem.radioOption.showLabelAndValue ? '[' + radioItem[columnItem.radioOption.value] + ']' +\n                        radioItem[columnItem.radioOption.label] : radioItem[columnItem.radioOption.label] }}\n                      </label>\n                    </nz-radio-group>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"12\">\n                    <ng-container *ngIf=\"columnItem.checkboxOption; else singleColumnCheckboxTpl\">\n                      <label nz-checkbox\n                        *ngFor=\"let checkboxItem of columnItem.checkboxOption.optionList\"\n                        [nzDisabled]=\"columnItem.disabled || validateHdForm.get(columnItem.name).disabled\"\n                        [ngModel]=\"isCheckboxChecked(columnItem.name, checkboxItem[columnItem.checkboxOption.value])\"\n                        (ngModelChange)=\"onCheckboxItemChange(columnItem.name, checkboxItem[columnItem.checkboxOption.value], $event)\"\n                        [ngModelOptions]=\"{standalone: true}\">\n                        {{ columnItem.checkboxOption.showLabelAndValue\n                          ? '[' + checkboxItem[columnItem.checkboxOption.value] + ']' + checkboxItem[columnItem.checkboxOption.label]\n                          : checkboxItem[columnItem.checkboxOption.label] }}\n                      </label>\n                    </ng-container>\n                    <ng-template #singleColumnCheckboxTpl>\n                      <label nz-checkbox [formControlName]=\"columnItem.name\"></label>\n                    </ng-template>\n                  </ng-container>\n                </ng-container>\n              </nz-form-control>\n            </nz-form-item>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</form>\n",
+                        template: "<form nz-form [formGroup]=\"validateHdForm\" class=\"ant-advanced-search-form hd-formItem-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 formItem of formList;index as i\">\n      <div nz-row *ngIf=\"formItem.isRowFirst && formItem.isRowFirst === 1\">\n        <div nz-col *ngIf=\"!formItem.hide\" [nzSpan]=\"formItem.width? formItem.width * 6 : 6\">\n          <nz-form-item nzFlex>\n            <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n              <div class=\"hd-formItem-label-flex\">\n                <span>\n                  <span class=\"hd-formItem-label-require\" *ngIf=\"formItem.require\">*</span>\n                  <span [ngStyle]=\"{'color': formItem?.labelColor ? formItem.labelColor : null}\">{{ formItem.label\n                    }}</span>\n                </span>\n                <ng-container *ngIf=\"formItem.explain\">\n                  <span class=\"hd-formItem-label-explain\">{{ formItem.explain }}</span>\n                </ng-container>\n              </div>\n            </nz-form-label>\n            <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"formItemErrorTpl\">\n              <ng-template #formItemErrorTpl let-control>\n                <ng-container *ngFor=\"let validatorKey of formItem.validatorKeys;index as i\">\n                  <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                    {{ validatorKey.label }}\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"control.hasError('required')\">\n                  {{ formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                </ng-container>\n              </ng-template>\n              <ng-container [ngSwitch]=\"formItem.type\">\n                <ng-container *ngSwitchCase=\"0\">\n                  <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                    [nzPrefix]=\"formItem.prefixIcon ? inputPrefixIconTemplate : formItem.prefix\">\n                    <input nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                      [maxlength]=\"formItem.maxLength || null\"\n                      [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                      [formControlName]=\"formItem.name\" />\n                  </nz-input-group>\n                  <ng-template #inputPrefixIconTemplate><i nz-icon [nzType]=\"formItem.prefixIcon\"></i></ng-template>\n                  <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                      nzType=\"close-circle\"\n                      *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"1\">\n                  <nz-select\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, formItem.onOpenChangeEventDebounceTime)\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                      [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <nz-option *ngIf=\"formItem.defaultLabel\" [nzLabel]=\"formItem.defaultLabel\"\n                      [nzValue]=\"formItem.value\" nzHide></nz-option>\n                    <nz-option\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\"\n                      [nzLabel]=\"(formItem.selectOption.showLabelAndValue || formItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(formItem.selectOption.value).value + ']' + validateHdForm.get(formItem.selectOption.label).value) : validateHdForm.get(formItem.selectOption.label).value\"\n                      [nzValue]=\"validateHdForm.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"2\">\n                  <nz-date-picker *ngIf=\"!formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                    [nzShowToday]=\"formItem.hdShowToday !== false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\">\n                  </nz-date-picker>\n                  <nz-date-picker *ngIf=\"formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                    [nzShowToday]=\"formItem.hdShowToday !== false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                  </nz-date-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"3\">\n                  <nz-range-picker [nzPlaceHolder]=\"formItem.showTime ? ['\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4'] : ['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                    [nzDisabledDate]=\"formItem.hdDisabledDate\" [formControlName]=\"formItem.name\"\n                    [nzShowTime]=\"formItem.showTime ? true : false\">\n                  </nz-range-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"4\">\n                  <textarea [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                    [rows]=\"formItem.textAreaRows ? formItem.textAreaRows : 1\"\n                    [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" rows=\"1\"\n                    nz-input [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"5\">\n                  <nz-input-number [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                    [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                    [nzMax]=\"formItem?.inputNumber?.max || 99999999\" [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                    [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + formItem.label\"\n                    [nzFormatter]=\"formItem?.inputNumber?.nzFormatter || inputNumberDefaultFormatter\"\n                    [nzParser]=\"formItem?.inputNumber?.nzParser || inputNumberDefaultParser\"\n                    [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 4\">\n                  </nz-input-number>\n                </ng-container>\n                <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                <ng-container *ngSwitchCase=\"6\">\n                  <nz-select [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    nzMode=\"multiple\"\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, formItem.onOpenChangeEventDebounceTime)\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                      [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <ng-container *ngIf=\"formItem.defaultLabel\">\n                      <nz-option *ngFor=\"let option of formItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                        [nzValue]=\"formItem.value[i]\" nzHide></nz-option>\n                    </ng-container>\n                    <ng-container\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\">\n                      <nz-option *ngFor=\"let option of validateHdForm.get(formItem.selectOption.value).value;index as i\"\n                        [nzLabel]=\"validateHdForm.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                      </nz-option>\n                    </ng-container>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"7\">\n                  <span>{{ formItem.value || validateHdForm.get(formItem.name).value }}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"8\">\n                  <nz-switch [formControlName]=\"formItem.name\"></nz-switch>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"9\">\n                  <nz-time-picker [formControlName]=\"formItem.name\" [nzFormat]=\"formItem.format\"\n                    [nzAllowEmpty]=\"!formItem.disabled\"></nz-time-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"10\">\n                  <nz-cascader [nzOptions]=\"formItem.cascaderOption.options\" [formControlName]=\"formItem.name\"\n                    [nzShowSearch]=\"getCascaderShowSearch(formItem.cascaderOption)\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\">\n                  </nz-cascader>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"11\">\n                  <nz-radio-group [formControlName]=\"formItem.name\">\n                    <label nz-radio *ngFor=\"let radioItem of formItem.radioOption.optionList\"\n                      [nzValue]=\"radioItem[formItem.radioOption.value]\">\n                      {{ formItem.radioOption.showLabelAndValue ? '[' + radioItem[formItem.radioOption.value] + ']' +\n                      radioItem[formItem.radioOption.label] : radioItem[formItem.radioOption.label] }}\n                    </label>\n                  </nz-radio-group>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"12\">\n                  <ng-container *ngIf=\"formItem.checkboxOption; else singleCheckboxTpl\">\n                    <label nz-checkbox\n                      *ngFor=\"let checkboxItem of formItem.checkboxOption.optionList\"\n                      [nzDisabled]=\"formItem.disabled || validateHdForm.get(formItem.name).disabled\"\n                      [ngModel]=\"isCheckboxChecked(formItem.name, checkboxItem[formItem.checkboxOption.value])\"\n                      (ngModelChange)=\"onCheckboxItemChange(formItem.name, checkboxItem[formItem.checkboxOption.value], $event)\"\n                      [ngModelOptions]=\"{standalone: true}\">\n                      {{ formItem.checkboxOption.showLabelAndValue\n                        ? '[' + checkboxItem[formItem.checkboxOption.value] + ']' + checkboxItem[formItem.checkboxOption.label]\n                        : checkboxItem[formItem.checkboxOption.label] }}\n                    </label>\n                  </ng-container>\n                  <ng-template #singleCheckboxTpl>\n                    <label nz-checkbox [formControlName]=\"formItem.name\"></label>\n                  </ng-template>\n                </ng-container>\n              </ng-container>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <!-- \u5FAA\u73AF\u6700\u591A\u56DB\u6B21 -->\n        <ng-container *ngFor=\"let columnItem of formItem.columnItems;index as columnItemIndex\">\n          <div nz-col *ngIf=\"!columnItem.hide\" [nzSpan]=\"columnItem.width? columnItem.width * 6 : 6\">\n            <nz-form-item nzFlex>\n              <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n                <div class=\"hd-formItem-label-flex\">\n                  <span>\n                    <span class=\"hd-formItem-label-require\" *ngIf=\"columnItem.require\">*</span>\n                    <span [ngStyle]=\"{'color': columnItem?.labelColor ? columnItem.labelColor : null}\">{{\n                      columnItem.label }}</span>\n                  </span>\n                  <ng-container *ngIf=\"columnItem.explain\">\n                    <span class=\"hd-formItem-label-explain\">{{ columnItem.explain }}</span>\n                  </ng-container>\n                </div>\n              </nz-form-label>\n              <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"columnItemErrorTpl\">\n                <ng-template #columnItemErrorTpl let-control>\n                  <ng-container *ngFor=\"let validatorKey of columnItem.validatorKeys;index as i\">\n                    <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                      {{ validatorKey.label }}\n                    </ng-container>\n                  </ng-container>\n                  <ng-container *ngIf=\"control.hasError('required')\">\n                    {{ columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                  </ng-container>\n                </ng-template>\n                <ng-container [ngSwitch]=\"columnItem.type\">\n                  <ng-container *ngSwitchCase=\"0\">\n                    <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                      [nzPrefix]=\"columnItem.prefixIcon ? inputPrefixIconTemplate : columnItem.prefix\">\n                      <input *ngIf=\"columnItem.disabled === true;else inputTemplate\" nz-input\n                        [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"true\"\n                        [attr.disabled]=\"true\" [maxlength]=\"columnItem.maxLength || null\"\n                        [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                        [formControlName]=\"columnItem.name\" />\n                      <ng-template #inputTemplate>\n                        <input nz-input [ngStyle]=\"{'color': columnItem?.color ? formItem.color : null}\"\n                          [maxlength]=\"columnItem.maxLength || null\"\n                          [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                          [formControlName]=\"columnItem.name\" />\n                      </ng-template>\n                    </nz-input-group>\n                    <ng-template #inputPrefixIconTemplate><i nz-icon [nzType]=\"columnItem.prefixIcon\"></i></ng-template>\n                    <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                        nzType=\"close-circle\"\n                        *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                        (click)=\"inputClean(columnItem)\"></i></ng-template>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"1\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                      [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                      [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                      [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOpenChange)=\"onOpenChangeEvent(columnItem.onOpenChangeEvent || null, $event, columnItem.onOpenChangeEventDebounceTime)\"\n                      (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <nz-option\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\"\n                        [nzLabel]=\"(columnItem.selectOption.showLabelAndValue || columnItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(columnItem.selectOption.value).value + ']' + validateHdForm.get(columnItem.selectOption.label).value) : validateHdForm.get(columnItem.selectOption.label).value\"\n                        [nzValue]=\"validateHdForm.get(columnItem.selectOption.value).value\" nzHide></nz-option>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"2\">\n                    <nz-date-picker *ngIf=\"columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                      [nzShowToday]=\"columnItem.hdShowToday !== false\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                    </nz-date-picker>\n                    <nz-date-picker *ngIf=\"!columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                      [nzShowToday]=\"columnItem.hdShowToday !== false\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\">\n                    </nz-date-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"3\">\n                    <nz-range-picker [nzPlaceHolder]=\"columnItem.showTime ? ['\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4'] : ['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                      [nzDisabledDate]=\"columnItem.hdDisabledDate\" [formControlName]=\"columnItem.name\"\n                      [nzShowTime]=\"columnItem.showTime ? true : false\">\n                    </nz-range-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"4\">\n                    <textarea [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                      [rows]=\"columnItem.textAreaRows ? columnItem.textAreaRows : 1\" rows=\"1\" nz-input\n                      [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                      [maxlength]=\"columnItem.maxLength || null\" [formControlName]=\"columnItem.name\"></textarea>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"5\">\n                    <nz-input-number [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                      [formControlName]=\"columnItem.name\" [nzMin]=\"columnItem?.inputNumber?.min || 0\"\n                      [nzMax]=\"columnItem?.inputNumber?.max || 99999999\" [nzStep]=\"columnItem?.inputNumber?.step || 1\"\n                      [nzFormatter]=\"columnItem?.inputNumber?.nzFormatter || inputNumberDefaultFormatter\"\n                      [nzParser]=\"columnItem?.inputNumber?.nzParser || inputNumberDefaultParser\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                      [nzPrecision]=\"columnItem?.inputNumber?.precision != null ? columnItem.inputNumber.precision : 4\">\n                    </nz-input-number>\n                  </ng-container>\n                  <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                  <ng-container *ngSwitchCase=\"6\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                      [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                      nzMode=\"multiple\"\n                      [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                      [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOpenChange)=\"onOpenChangeEvent(columnItem.onOpenChangeEvent || null, $event, columnItem.onOpenChangeEventDebounceTime)\"\n                      (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <ng-container *ngIf=\"columnItem.defaultLabel\">\n                        <nz-option *ngFor=\"let option of columnItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                          [nzValue]=\"columnItem.value[i]\" nzHide></nz-option>\n                      </ng-container>\n                      <ng-container\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\">\n                        <nz-option\n                          *ngFor=\"let option of validateHdForm.get(columnItem.selectOption.value).value;index as i\"\n                          [nzLabel]=\"validateHdForm.get(columnItem.selectOption.label).value[i]\" [nzValue]=\"option\"\n                          nzHide>\n                        </nz-option>\n                      </ng-container>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"7\">\n                    <span>{{ columnItem.value || validateHdForm.get(columnItem.name).value }}</span>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"8\">\n                    <nz-switch [formControlName]=\"columnItem.name\"></nz-switch>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"9\">\n                    <nz-time-picker [formControlName]=\"columnItem.name\" [nzFormat]=\"columnItem.format\"\n                      [nzAllowEmpty]=\"!columnItem.disabled\"></nz-time-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"10\">\n                    <nz-cascader [nzOptions]=\"columnItem.cascaderOption.options\" [formControlName]=\"columnItem.name\"\n                      [nzShowSearch]=\"getCascaderShowSearch(columnItem.cascaderOption)\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\">\n                    </nz-cascader>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"11\">\n                    <nz-radio-group [formControlName]=\"columnItem.name\">\n                      <label nz-radio *ngFor=\"let radioItem of columnItem.radioOption.optionList\"\n                        [nzValue]=\"radioItem[columnItem.radioOption.value]\">\n                        {{ columnItem.radioOption.showLabelAndValue ? '[' + radioItem[columnItem.radioOption.value] + ']' +\n                        radioItem[columnItem.radioOption.label] : radioItem[columnItem.radioOption.label] }}\n                      </label>\n                    </nz-radio-group>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"12\">\n                    <ng-container *ngIf=\"columnItem.checkboxOption; else singleColumnCheckboxTpl\">\n                      <label nz-checkbox\n                        *ngFor=\"let checkboxItem of columnItem.checkboxOption.optionList\"\n                        [nzDisabled]=\"columnItem.disabled || validateHdForm.get(columnItem.name).disabled\"\n                        [ngModel]=\"isCheckboxChecked(columnItem.name, checkboxItem[columnItem.checkboxOption.value])\"\n                        (ngModelChange)=\"onCheckboxItemChange(columnItem.name, checkboxItem[columnItem.checkboxOption.value], $event)\"\n                        [ngModelOptions]=\"{standalone: true}\">\n                        {{ columnItem.checkboxOption.showLabelAndValue\n                          ? '[' + checkboxItem[columnItem.checkboxOption.value] + ']' + checkboxItem[columnItem.checkboxOption.label]\n                          : checkboxItem[columnItem.checkboxOption.label] }}\n                      </label>\n                    </ng-container>\n                    <ng-template #singleColumnCheckboxTpl>\n                      <label nz-checkbox [formControlName]=\"columnItem.name\"></label>\n                    </ng-template>\n                  </ng-container>\n                </ng-container>\n              </nz-form-control>\n            </nz-form-item>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</form>\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__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-right-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-right-sticky{background:#f5f8f6!important}::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:hover>td.ant-table-td-right-sticky{background:#e6f7ff!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%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formItem-container .hd-formItem-label{width:124px;word-break:break-all;text-align:right}.hd-formItem-container .hd-formItem-control{width:calc(100% - 124px)}.hd-formItem-container .ant-input-number{width:100%}.hd-formItem-container .hd-formItem-label-flex{display:inline-flex;flex-direction:column}.hd-formItem-container .hd-formItem-label-flex span{display:inline-block}.hd-formItem-container .hd-formItem-label-flex .hd-formItem-label-require{margin-right:4px;color:#f5222d;font-size:14px;font-family:SimSun,sans-serif}.hd-formItem-container .hd-formItem-label-flex .hd-formItem-label-explain{margin-top:-13px;color:#f5222d}.hd-formItem-container textarea{margin-top:8px}.hd-formItem-container ::ng-deep label[nz-checkbox]{margin-right:12px;line-height:32px}"]
                     }] }
         ];
@@ -6455,6 +6543,8 @@
         HdFormComponent.prototype.inputNumberDefaultFormatter;
         /** @type {?} */
         HdFormComponent.prototype.inputNumberDefaultParser;
+        /** @type {?} */
+        HdFormComponent.prototype.getCascaderShowSearch;
         /**
          * @type {?}
          * @private
@@ -7729,16 +7819,32 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(HdTableComponent.prototype, "useVirtualScroll", {
-            /** 当前页数据能完整展示时不启用虚拟滚动，避免少量数据也出现滚动条 */
+        /**
+         * 纵向可用高度扣减：按钮区/合计/分页等固定占位。
+         * 必须与 dealScroll / presetScrollBeforeRemount 使用同一套，否则会误判「能放下」而不设 scroll.y。
+         */
+        /**
+         * 纵向可用高度扣减：按钮区/合计/分页等固定占位。
+         * 必须与 dealScroll / presetScrollBeforeRemount 使用同一套，否则会误判「能放下」而不设 scroll.y。
+         * @private
+         * @return {?}
+         */
+        HdTableComponent.prototype.getScrollYMaxOffset = /**
+         * 纵向可用高度扣减：按钮区/合计/分页等固定占位。
+         * 必须与 dealScroll / presetScrollBeforeRemount 使用同一套，否则会误判「能放下」而不设 scroll.y。
+         * @private
+         * @return {?}
+         */
+        function () {
+            return (this.tableTotal ? 180 : 140) + 216;
+        };
+        Object.defineProperty(HdTableComponent.prototype, "needsVerticalScroll", {
+            /** 当前页内容高度是否超出视口（需要表内纵向滚动） */
             get: /**
-             * 当前页数据能完整展示时不启用虚拟滚动，避免少量数据也出现滚动条
+             * 当前页内容高度是否超出视口（需要表内纵向滚动）
              * @return {?}
              */
             function () {
-                if (!this.virtualScroll) {
-                    return false;
-                }
                 /** @type {?} */
                 var rowCount = this.tableData && this.tableData.content
                     ? this.tableData.content.length
@@ -7747,7 +7853,7 @@
                     return false;
                 }
                 /** @type {?} */
-                var maxOffset = this.tableTotal ? 180 : 140;
+                var maxOffset = this.getScrollYMaxOffset();
                 /** @type {?} */
                 var estimatedHeight = rowCount * this.effectiveVirtualItemSize;
                 if (typeof window !== "undefined") {
@@ -7758,6 +7864,21 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(HdTableComponent.prototype, "useVirtualScroll", {
+            /** 当前页数据能完整展示时不启用虚拟滚动，避免少量数据也出现滚动条 */
+            get: /**
+             * 当前页数据能完整展示时不启用虚拟滚动，避免少量数据也出现滚动条
+             * @return {?}
+             */
+            function () {
+                if (!this.virtualScroll) {
+                    return false;
+                }
+                return this.needsVerticalScroll;
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @param {?} col
          * @return {?}
@@ -7937,7 +8058,7 @@
          */
         function (useVirtual) {
             /** @type {?} */
-            var maxOffset = (this.tableTotal ? 180 : 140) + 216;
+            var maxOffset = this.getScrollYMaxOffset();
             /** @type {?} */
             var x = this.scroll ? this.scroll.x : null;
             if (this.virtualScroll && !useVirtual) {
@@ -7967,6 +8088,11 @@
             }
             if (this.virtualScroll) {
                 this.measureVirtualItemSize(true);
+                // 实测行高后可能从「能放下」变为「超出」，需切换滚动模式
+                if (this.useVirtualScroll) {
+                    this.applyTableScrollMode(false);
+                    return;
+                }
             }
             setTimeout((/**
              * @return {?}
@@ -8763,8 +8889,7 @@
             }
             this.tableColWidthTotal = colWidth;
             /** @type {?} */
-            var maxOffset = this.tableTotal ? 180 : 140;
-            maxOffset += 216;
+            var maxOffset = this.getScrollYMaxOffset();
             /** @type {?} */
             var useVirtual = this.useVirtualScroll;
             /** @type {?} */
@@ -9940,6 +10065,8 @@
     exports.TreeGrid = TreeGrid;
     exports.Utils = Utils;
     exports.ValidatorKey = ValidatorKey;
+    exports.cascaderPinyinFilter = cascaderPinyinFilter;
+    exports.getCascaderShowSearch = getCascaderShowSearch;
     exports.ɵa = HdComponentModule;
     exports.ɵb = HdButtonModule;
     exports.ɵba = CommonSessionService;