@yibozhang/pro-table 0.0.4 → 0.0.5

package/yibozhang-pro-table.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"ProTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"app-pro-table","template":"<app-page-container [title]=\"title\">\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- 检查是否有自定义label模板 -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              nzMode=\"multiple\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <nz-space-item *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </nz-space-item>\r\n          <nz-space-item *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </nz-space-item>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-template #actionImgBtn>\r\n        <nz-space>\r\n          <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n          <nz-space-item class=\"setting-space-item\" *ngIf=\"showColumnSetting\">\r\n            <app-colmuns-setting\r\n              [columns]=\"columns\"\r\n              [selectedColumns]=\"_serverColumns\"\r\n              [tableName]=\"tableName\"\r\n              (afterConfirm)=\"handleColumnsSettingConfirm()\"\r\n            ></app-colmuns-setting>\r\n          </nz-space-item>\r\n        </nz-space>\r\n      </ng-template>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n  <ng-template #body>\r\n    <div class=\"mb-12\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <nz-table\r\n      *ngIf=\"!customTableRender\"\r\n      #basicTable\r\n      nzSize=\"small\"\r\n      nzShowSizeChanger\r\n      [nzBordered]=\"bordered\"\r\n      [nzOuterBordered]=\"outerBordered\"\r\n      [nzData]=\"dataSource\"\r\n      [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n      [nzPageSize]=\"_pageInfo.pageSize\"\r\n      [nzTotal]=\"_pageInfo.total\"\r\n      [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n      [nzShowPagination]=\"showPagination\"\r\n      [nzShowTotal]=\"totalTemplate\"\r\n      [nzLoading]=\"_loading\"\r\n      [nzFrontPagination]=\"frontPagination\"\r\n      [nzScroll]=\"scroll\"\r\n      (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n      (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <!-- 复选框列（当 showCheckbox=true 时显示） -->\r\n          <th\r\n            *ngIf=\"showCheckbox\"\r\n            [nzWidth]=\"'50px'\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center\"\r\n          >\r\n            <label\r\n              nz-checkbox\r\n              [(ngModel)]=\"_checkedAll\"\r\n              [nzIndeterminate]=\"_indeterminate\"\r\n              (ngModelChange)=\"toggleCheckAll($event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></label>\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of _columns\"\r\n            [nzWidth]=\"column.width\"\r\n            [nzAlign]=\"column.align\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzShowSort]=\"!!column.sorter\"\r\n            [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n            (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n          >\r\n            {{ column.title }}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr\r\n          style=\"cursor: pointer\"\r\n          *ngFor=\"let data; let i = index; of: basicTable.data\"\r\n          [ngClass]=\"{\r\n            'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n            'ant-table-custom-row-even': i % 2 === 0,\r\n            'ant-table-custom-row-odd': i % 2 !== 0\r\n          }\"\r\n          (click)=\"handleTableRowClick(data)\"\r\n          (dblclick)=\"handleTableRowDbClick(data)\"\r\n        >\r\n          <!-- 复选框列（当 showCheckbox=true 时显示） -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          >\r\n            <label\r\n              nz-checkbox\r\n              [ngModel]=\"isRowChecked(data)\"\r\n              [nzDisabled]=\"isRowDisabled(data)\"\r\n              (ngModelChange)=\"toggleRowChecked(data, $event)\"\r\n            ></label>\r\n          </td>\r\n          <td\r\n            *ngFor=\"let column of _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzAlign]=\"column.align\"\r\n            class=\"pro-ellipsis\"\r\n            [title]=\"data[column.prop]\"\r\n          >\r\n            <!-- 检查是否有自定义模板 -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customRender && getTemplate(column.customRender);\r\n                let template\r\n              \"\r\n            >\r\n              <ng-template\r\n                [ngTemplateOutlet]=\"template\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: data,\r\n                  data: data,\r\n                  column: column,\r\n                  index: i,\r\n                  pageInfo: _pageInfo\r\n                }\"\r\n              >\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <!-- 默认渲染逻辑 -->\r\n            <ng-container\r\n              *ngIf=\"!column.customRender || !getTemplate(column.customRender)\"\r\n            >\r\n              {{ data[column.prop] }}\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n        <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n          <!-- 汇总行的复选框列（当 showCheckbox=true 时显示，但为空） -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n          ></td>\r\n          <td\r\n            *ngFor=\"let column; let i = index; of: _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            [nzAlign]=\"column.align\"\r\n          >\r\n            <span *ngIf=\"i === 0\">总计</span>\r\n            <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n              {{\r\n                column.summary?.format\r\n                  ? column.summary?.format(\r\n                      summaryData[column.summary?.name || column.prop]\r\n                    )\r\n                  : summaryData[column.summary?.name || column.prop]\r\n              }}\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n      <ng-template #totalTemplate let-total\r\n        >共 {{ _pageInfo.total }} 条记录</ng-template\r\n      >\r\n    </nz-table>\r\n  </ng-template>\r\n</app-page-container>\r\n","styles":[".pro-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th{border-bottom:1px solid #e8e8e8!important;border-right:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-bottom:1px solid #e8e8e8!important;border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:8px}"]}]}],"members":{"showSearchBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"showClearBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"tableName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"multiRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"showSearchBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"showActionBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"confirmBtnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"clearBtnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"labelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"labelAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"bordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"outerBordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"showPagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"frontPagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"request":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"summaryData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"sortMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"showColumnSetting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"multipleSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"showCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"rowDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"autoTriggerRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"customTableRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"onRowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"onRowDbClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"onValuesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"onResetFormBeforeReload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":3}}]}],"actionBarTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":101,"character":3},"arguments":["actionBar"]}]}],"imgActionBarTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":103,"character":3},"arguments":["ImgActionBar"]}]}],"allTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":105,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":105,"character":19}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":164,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":165,"character":5},"arguments":[{"__symbolic":"reference","name":"PRO_TABLE_COLUMN_REMOTE"}]}]],"parameters":[{"__symbolic":"reference","name":"ProTableRemoteColumnService"}]}],"fetchRemoteColumns":[{"__symbolic":"method"}],"persistRemoteColumns":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"preCheckServerColumns":[{"__symbolic":"method"}],"queryDynamicColumns":[{"__symbolic":"method"}],"formateInnerColumns":[{"__symbolic":"method"}],"autoRegisterTemplates":[{"__symbolic":"method"}],"findTemplateByName":[{"__symbolic":"method"}],"getTemplateFromContent":[{"__symbolic":"method"}],"findLabelTemplateByName":[{"__symbolic":"method"}],"setSearchFormDefaultProp":[{"__symbolic":"method"}],"setSelectRequest":[{"__symbolic":"method"}],"setSearchParams":[{"__symbolic":"method"}],"updateTableColumns":[{"__symbolic":"method"}],"createSearchParamsProxy":[{"__symbolic":"method"}],"clearEmptySearchParams":[{"__symbolic":"method"}],"buildServerSortPayload":[{"__symbolic":"method"}],"sortDataSourceInPlace":[{"__symbolic":"method"}],"compareValues":[{"__symbolic":"method"}],"executeAutoCompleteDataSource":[{"__symbolic":"method"}],"getSearchParams":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}],"setFieldsValue":[{"__symbolic":"method"}],"setFieldValue":[{"__symbolic":"method"}],"clearSelectedRow":[{"__symbolic":"method"}],"setColumns":[{"__symbolic":"method"}],"getSelectedRowData":[{"__symbolic":"method"}],"getCheckedRows":[{"__symbolic":"method"}],"getTemplate":[{"__symbolic":"method"}],"getToolTipTextValue":[{"__symbolic":"method"}],"getTableRowChecked":[{"__symbolic":"method"}],"isRowDisabled":[{"__symbolic":"method"}],"isRowChecked":[{"__symbolic":"method"}],"toggleRowChecked":[{"__symbolic":"method"}],"updateCheckAllStatus":[{"__symbolic":"method"}],"toggleCheckAll":[{"__symbolic":"method"}],"getSelectedRows":[{"__symbolic":"method"}],"clearSelectedRows":[{"__symbolic":"method"}],"handleFieldCheckBoxChange":[{"__symbolic":"method"}],"handleSearch":[{"__symbolic":"method"}],"handleResetForm":[{"__symbolic":"method"}],"handlePageIndexChange":[{"__symbolic":"method"}],"handlePageSizeChange":[{"__symbolic":"method"}],"handleQuery":[{"__symbolic":"method"}],"onSortChange":[{"__symbolic":"method"}],"getSortOrder":[{"__symbolic":"method"}],"handleTableRowClick":[{"__symbolic":"method"}],"handleTableRowDbClick":[{"__symbolic":"method"}],"handleColumnsSettingConfirm":[{"__symbolic":"method"}],"handleAutoCompleteInput":[{"__symbolic":"method"}],"getAutoCompleteDataSource":[{"__symbolic":"method"}],"getFieldProps":[{"__symbolic":"method"}],"getLabelTemplate":[{"__symbolic":"method"}],"getFormItemClassName":[{"__symbolic":"method"}]}},"ProTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":30,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":35,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/form","name":"NzFormModule","line":36,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/select","name":"NzSelectModule","line":37,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/space","name":"NzSpaceModule","line":38,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/grid","name":"NzGridModule","line":39,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":41,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/popover","name":"NzPopoverModule","line":42,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":43,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/button","name":"NzButtonModule","line":44,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"ng-zorro-antd/table","name":"NzTableModule","line":47,"character":4},{"__symbolic":"reference","name":"PlateInputModule"},{"__symbolic":"reference","module":"ng-zorro-antd/date-picker","name":"NzDatePickerModule","line":49,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/modal","name":"NzModalModule","line":50,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/checkbox","name":"NzCheckboxModule","line":51,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/typography","name":"NzTypographyModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":53,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/checkbox","name":"NzCheckboxModule","line":54,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/auto-complete","name":"NzAutocompleteModule","line":55,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/input-number","name":"NzInputNumberModule","line":56,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":57,"character":4}],"declarations":[{"__symbolic":"reference","name":"ProTableComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"providers":[{"provide":{"__symbolic":"reference","name":"PRO_TABLE_COLUMN_REMOTE"},"useValue":null}],"exports":[{"__symbolic":"reference","name":"ProTableComponent"}]}]}],"members":{}},"PRO_TABLE_DEFAULT_PROPS":{"__symbolic":"error","message":"Lambda not supported","line":78,"character":16,"module":"./lib/constants"},"PRO_TABLE_DEFAULT_COLUMN":{"width":"","align":"left","fixedLeft":false,"fixedRight":false,"auxiliaryColumn":false},"ValueType":{"__symbolic":"interface"},"OptionsType":{"__symbolic":"interface"},"InputFieldProps":{"__symbolic":"interface"},"InputPlateFieldProps":{"__symbolic":"interface"},"SelectFieldProps":{"__symbolic":"interface"},"SelectMultipleFieldProps":{"__symbolic":"interface"},"DateFieldProps":{"__symbolic":"interface"},"CheckboxFieldProps":{"__symbolic":"interface"},"InputNumberFieldProps":{"__symbolic":"interface"},"AutoCompleteFieldProps":{"__symbolic":"interface"},"CustomFieldProps":{"__symbolic":"interface"},"ProTableColumn":{"__symbolic":"interface"},"ProTablePageInfo":{"__symbolic":"interface"},"ProTableRequestResult":{"__symbolic":"interface"},"ProTableValuesChange":{"__symbolic":"interface"},"ProTableRequestProps":{"__symbolic":"interface"},"ProTableProps":{"__symbolic":"interface"},"ProTableEvent":{"__symbolic":"interface"},"ProTableInstance":{"__symbolic":"interface"},"ProTableRemoteColumnService":{"__symbolic":"interface"},"PRO_TABLE_COLUMN_REMOTE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":23,"character":43},"arguments":["PRO_TABLE_COLUMN_REMOTE"]},"PlatePrefixOption":{"__symbolic":"interface"},"PlatePrefixLoadService":{"__symbolic":"interface"},"PLATE_PREFIX_LOAD_SERVICE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":45,"character":45},"arguments":["PLATE_PREFIX_LOAD_SERVICE"]},"DefaultPlatePrefixLoadService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":12,"character":28}]}],"loadPrefixOptions":[{"__symbolic":"method"}]}},"PlateInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/grid","name":"NzGridModule","line":13,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":14,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/popover","name":"NzPopoverModule","line":15,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":16,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵe"}],"providers":[],"exports":[{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"AntdFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":71,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":95,"character":26}]}],"createFormGroup":[{"__symbolic":"method"}],"resetFormGroup":[{"__symbolic":"method"}],"addFieldsConfig":[{"__symbolic":"method"}],"removeFieldsConfig":[{"__symbolic":"method"}],"patchFormValues":[{"__symbolic":"method"}],"validateForm":[{"__symbolic":"method"}],"markAllControlsAsDirty":[{"__symbolic":"method"}],"getFieldErrorMessage":[{"__symbolic":"method"}],"watchFormChanges":[{"__symbolic":"method"}],"watchFieldChanges":[{"__symbolic":"method"}],"getFormClassName":[{"__symbolic":"method"}],"setCSSVariablesToTarget":[{"__symbolic":"method"}],"excludeInternalFields":[{"__symbolic":"method"}],"setupValueChangeSubscription":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"FieldErrorMessage":{"__symbolic":"interface"},"FieldErrorMessages":{"__symbolic":"interface"},"FieldConfig":{"__symbolic":"interface"},"FormModifyType":{"__symbolic":"interface"},"FormConfig":{"__symbolic":"interface"},"WatchOptions":{"__symbolic":"interface"},"AddFieldsConfigOptions":{"__symbolic":"interface"},"AddFieldsConfigResult":{"__symbolic":"interface"},"RemoveFieldsConfigOptions":{"__symbolic":"interface"},"RemoveFieldsConfigResult":{"__symbolic":"interface"},"ArrayFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":71,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"initializeData":[{"__symbolic":"method"}],"enrichRow":[{"__symbolic":"method"}],"addRow":[{"__symbolic":"method"}],"validateField":[{"__symbolic":"method"}],"validateRow":[{"__symbolic":"method"}],"validateData":[{"__symbolic":"method"}],"registerForm":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"addRowToForm":[{"__symbolic":"method"}],"validateForm":[{"__symbolic":"method"}],"enableEdit":[{"__symbolic":"method"}],"disableEdit":[{"__symbolic":"method"}],"deleteRowFromForm":[{"__symbolic":"method"}],"validateFieldInRow":[{"__symbolic":"method"}],"validateRowAllFields":[{"__symbolic":"method"}],"autoUpdateArrayReference":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ValidationResult":{"__symbolic":"interface"},"FieldValidator":{"__symbolic":"interface"},"ArrayFieldConfig":{"__symbolic":"interface"},"ArrayFormRow":{"__symbolic":"interface"},"ArrayFormConfig":{"__symbolic":"interface"},"ArrayFormStoreItem":{"__symbolic":"interface"},"ArrayFormStore":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/card","name":"NzCardModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵb"}],"providers":[],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-page-container","template":"<nz-card\r\n  [nzBorderless]=\"true\"\r\n  [nzBodyStyle]=\"{ padding: '10px', width: '100%' }\"\r\n>\r\n  <div class=\"page-container-title\" *ngIf=\"title\">{{ title }}</div>\r\n  <div class=\"page-container-header\">\r\n    <ng-container *ngTemplateOutlet=\"headerTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"page-container-body\">\r\n    <ng-container *ngTemplateOutlet=\"bodyTpl\"></ng-container>\r\n  </div>\r\n</nz-card>\r\n","styles":[".page-container-title{border-left:3px solid #096dd9;color:#1d1d1d;font-size:16px;margin-bottom:16px;padding-left:10px}.page-container-body,.page-container-header{box-sizing:border-box;padding:7px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"headerTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":9,"character":3},"arguments":["header"]}]}],"bodyTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":10,"character":3},"arguments":["body"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":14,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/grid","name":"NzGridModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":16,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/space","name":"NzSpaceModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵd"}],"providers":[],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-table-search-bar","template":"<div class=\"table-search-bar\">\r\n  <div class=\"table-search-bar-left\" style=\"--label-width: {{ labelWidth }}; --label-align: {{ labelAlign }};\">\r\n    <ng-container *ngTemplateOutlet=\"leftContentTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"table-search-bar-right\">\r\n    <nz-space nzDirection=\"vertical\" nzAlign=\"end\">\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionTextBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionImgBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n    </nz-space>\r\n    <!-- <ng-container *ngTemplateOutlet=\"rightContentTpl\"></ng-container> -->\r\n  </div>\r\n</div>\r\n","styles":["::ng-deep .table-search-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;width:100%}::ng-deep .table-search-bar-left{display:flex;flex:1;flex-wrap:wrap;gap:0 normal;min-width:0}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item{flex-shrink:0;flex-wrap:nowrap;width:250px}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label{flex-shrink:0;text-align:var(--label-align);width:var(--label-width)}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label label:after{content:\"\"}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-picker{width:100%}::ng-deep .table-search-bar-right{align-items:flex-start;display:flex;flex-shrink:0}"]}]}],"members":{"leftColSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"rightColSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"labelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"labelAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"leftContentTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":19,"character":3},"arguments":["leftContent"]}]}],"actionTextBtnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":20,"character":3},"arguments":["actionTextBtn"]}]}],"actionImgBtnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":21,"character":3},"arguments":["actionImgBtn"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setCSSVariablesToTarget":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-plate-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵe"},"multi":true}],"template":"<div\r\n  class=\"plate-antd-input-container\"\r\n  [class.plate-antd-input-disabled]=\"disabled\"\r\n>\r\n  <div\r\n    class=\"plate-input-prefix\"\r\n    [class.plate-input-prefix-disabled]=\"disabled\"\r\n    nz-popover\r\n    nzPopoverPlacement=\"bottom\"\r\n    nzPopoverOverlayClassName=\"plate-input-popover\"\r\n    [(nzPopoverVisible)]=\"nzPopoverVisible\"\r\n    [nzPopoverTrigger]=\"'manual'\"\r\n    [nzPopoverContent]=\"contentTemplate\"\r\n    (click)=\"handlePrefixClick($event)\"\r\n  >\r\n    {{ platePrefix | uppercase }}\r\n    <i\r\n      class=\"plate-input-icon-down\"\r\n      [nzRotate]=\"nzPopoverVisible ? 180 : 0\"\r\n      nz-icon\r\n      nzType=\"down\"\r\n      nzTheme=\"outline\"\r\n    ></i>\r\n  </div>\r\n  <ng-template #contentTemplate>\r\n    <div nz-row style=\"height: 100%\">\r\n      <div\r\n        nz-col\r\n        nzSpan=\"4\"\r\n        *ngFor=\"let item of platePrefixOptions\"\r\n        class=\"plate-input-popover-item\"\r\n        (click)=\"!disabled && handlePlatePrefix(item.value)\"\r\n        [ngClass]=\"{\r\n          'plate-input-popover-item-active': item.value === platePrefix,\r\n          'plate-input-popover-item-default': item.value !== platePrefix\r\n        }\"\r\n      >\r\n        <div class=\"plate-input-popover-item-label\">\r\n          {{ item.label }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <input\r\n    class=\"plate-input-suffix\"\r\n    type=\"text\"\r\n    nz-input\r\n    style=\"width: 75%\"\r\n    [value]=\"plateSuffix | uppercase\"\r\n    [disabled]=\"disabled\"\r\n    (blur)=\"!disabled && handleAntdPlateSuffixBlur($event)\"\r\n  />\r\n</div>\r\n","styles":["::ng-deep .plate-input-popover{box-sizing:border-box;padding:5px 0}::ng-deep .plate-input-popover .ant-popover-inner-content{height:264px;padding:0;width:387px}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item{box-sizing:border-box;cursor:pointer;height:42px;padding:6px 12px}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item .plate-input-popover-item-label{align-items:center;border:1px solid #ccc;display:flex;height:100%;justify-content:center;width:100%}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-default:hover{background-color:#eaeaea}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-active{background-color:#096dd9;color:#fff}::ng-deep .plate-input-prefix:hover:after{background-color:transparent;content:\"\";height:100%;position:absolute;right:0;top:0;width:1px;z-index:2}::ng-deep .plate-antd-input-container{display:flex;flex-wrap:nowrap;width:100%}::ng-deep .plate-antd-input-container .plate-input-prefix{align-items:center;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;display:flex;justify-content:center;min-height:32px;position:relative;text-align:center;width:60px}::ng-deep .plate-antd-input-container .plate-input-prefix .plate-input-icon-down{font-size:10px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}::ng-deep .plate-antd-input-container .plate-input-prefix:hover:not(.plate-input-prefix-disabled){border-color:#40a9ff}::ng-deep .plate-antd-input-container .plate-input-prefix-disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:rgba(0,0,0,.25);cursor:not-allowed}::ng-deep .plate-antd-input-container .plate-input-suffix{width:calc(100% - 60px)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":30,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":17},"arguments":[{"__symbolic":"reference","name":"PLATE_PREFIX_LOAD_SERVICE"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":28,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":24},{"__symbolic":"reference","name":"PlatePrefixLoadService"}]}],"ngOnInit":[{"__symbolic":"method"}],"handlePlatePrefix":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"handlePrefixClick":[{"__symbolic":"method"}],"attachClickOutsideListener":[{"__symbolic":"method"}],"removeClickOutsideListener":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"emitValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"handleAntdPlateSuffixBlur":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"app-colmuns-setting","template":"<div class=\"action-pic-btn\" (click)=\"handleModalVisible()\" title=\"列设置\">\r\n  <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\r\n</div>\r\n\r\n<nz-modal\r\n  [(nzVisible)]=\"modalVisible\"\r\n  [nzWidth]=\"820\"\r\n  [nzTitle]=\"modalTitle\"\r\n  (nzOnCancel)=\"handleModalClose()\"\r\n  [nzContent]=\"modalBody\"\r\n  [nzBodyStyle]=\"{ padding: '12px' }\"\r\n  (nzOnOk)=\"handleConfirm()\"\r\n  [nzWrapClassName]=\"'draggable-modal'\"\r\n>\r\n  <ng-template #modalTitle>\r\n    <div\r\n      class=\"modal-drag-handle\"\r\n      cdkDrag\r\n      [cdkDragRootElement]=\"'.draggable-modal .ant-modal'\"\r\n      cdkDragHandle\r\n      [cdkDragBoundary]=\"'.draggable-modal'\"\r\n    >\r\n      <span>设置显示字段</span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #modalBody>\r\n    <div class=\"modal-body\">\r\n      <div class=\"check-box-list\">\r\n        <div class=\"mb-12\">可选字段</div>\r\n        <nz-checkbox-wrapper style=\"width: 100%\">\r\n          <div nz-row [nzGutter]=\"[24, 24]\">\r\n            <div nz-col nzSpan=\"6\" *ngFor=\"let item of options\">\r\n              <label\r\n                nz-checkbox\r\n                nzValue=\"item.value\"\r\n                [ngModel]=\"item.checked\"\r\n                (ngModelChange)=\"handleCheckBoxChange($event, item)\"\r\n                >{{ item.label }}</label\r\n              >\r\n            </div>\r\n          </div>\r\n        </nz-checkbox-wrapper>\r\n      </div>\r\n      <div class=\"sort-list\">\r\n        <div nz-typography class=\"mb-4\">当前已经选定的字段</div>\r\n        <div\r\n          nz-typography\r\n          nzType=\"secondary\"\r\n          class=\"mb-4\"\r\n          [style.fontSize]=\"'12px'\"\r\n        >\r\n          提示：可拖动排序\r\n        </div>\r\n        <div #sortableContainer class=\"sortable-container\">\r\n          <div\r\n            class=\"sort-list-item mb-12\"\r\n            *ngFor=\"let item of selectedColumns; trackBy: trackByColumn\"\r\n          >\r\n            {{ item.title }}\r\n            <a\r\n              href=\"javascript:void(0)\"\r\n              class=\"fieldd-remove\"\r\n              title=\"删除\"\r\n              (click)=\"handleSelectRemove(item.prop)\"\r\n              >×</a\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</nz-modal>\r\n","styles":[".action-pic-btn{align-items:center;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.modal-body{display:flex;height:600px;width:100%}.modal-body .check-box-list{height:100%;width:calc(100% - 200px)}.modal-body .sort-list{border-left:1px solid #e3e3e3;box-sizing:border-box;height:100%;overflow-y:auto;padding-left:12px;padding-right:12px;width:200px}.modal-body .sort-list .sortable-container{min-height:100px}.modal-body .sort-list .sort-list-item{-moz-user-select:none;-webkit-user-select:none;align-items:center;cursor:move;display:flex;justify-content:space-between;user-select:none}.modal-body .sort-list .sort-list-item a{font-size:18px}.modal-drag-handle{-moz-user-select:none;-webkit-user-select:none;cursor:move;user-select:none;width:100%}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"selectedColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"tableName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"afterConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"sortableContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["sortableContainer",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":43,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":5},"arguments":[{"__symbolic":"reference","name":"PRO_TABLE_COLUMN_REMOTE"}]}]],"parameters":[{"__symbolic":"reference","name":"ProTableRemoteColumnService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initSortable":[{"__symbolic":"method"}],"onSortEnd":[{"__symbolic":"method"}],"trackByColumn":[{"__symbolic":"method"}],"syncOptionsWithSelectedColumns":[{"__symbolic":"method"}],"handleModalVisible":[{"__symbolic":"method"}],"handleModalClose":[{"__symbolic":"method"}],"handleSelectRemove":[{"__symbolic":"method"}],"handleCheckBoxChange":[{"__symbolic":"method"}],"handleConfirm":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-dynamic-search-field","template":"<ng-template #vc></ng-template>"}]}],"members":{"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"props":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"vc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["vc",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":27},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":18,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}],"applyProps":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"ProTableComponent":"./lib/pro-table.component","ProTableModule":"./lib/pro-table.module","PRO_TABLE_DEFAULT_PROPS":"./lib/constants","PRO_TABLE_DEFAULT_COLUMN":"./lib/constants","ValueType":"./lib/type","OptionsType":"./lib/type","InputFieldProps":"./lib/type","InputPlateFieldProps":"./lib/type","SelectFieldProps":"./lib/type","SelectMultipleFieldProps":"./lib/type","DateFieldProps":"./lib/type","CheckboxFieldProps":"./lib/type","InputNumberFieldProps":"./lib/type","AutoCompleteFieldProps":"./lib/type","CustomFieldProps":"./lib/type","ProTableColumn":"./lib/type","ProTablePageInfo":"./lib/type","ProTableRequestResult":"./lib/type","ProTableValuesChange":"./lib/type","ProTableRequestProps":"./lib/type","ProTableProps":"./lib/type","ProTableEvent":"./lib/type","ProTableInstance":"./lib/type","ProTableRemoteColumnService":"./lib/tokens","PRO_TABLE_COLUMN_REMOTE":"./lib/tokens","PlatePrefixOption":"./lib/tokens","PlatePrefixLoadService":"./lib/tokens","PLATE_PREFIX_LOAD_SERVICE":"./lib/tokens","DefaultPlatePrefixLoadService":"./lib/plate-input/plate-prefix-load.service","PlateInputModule":"./lib/plate-input/plate-input.module","AntdFormService":"./lib/page-public/antd-form","FieldErrorMessage":"./lib/page-public/antd-form","FieldErrorMessages":"./lib/page-public/antd-form","FieldConfig":"./lib/page-public/antd-form","FormModifyType":"./lib/page-public/antd-form","FormConfig":"./lib/page-public/antd-form","WatchOptions":"./lib/page-public/antd-form","AddFieldsConfigOptions":"./lib/page-public/antd-form","AddFieldsConfigResult":"./lib/page-public/antd-form","RemoveFieldsConfigOptions":"./lib/page-public/antd-form","RemoveFieldsConfigResult":"./lib/page-public/antd-form","ArrayFormService":"./lib/page-public/array-form","ValidationResult":"./lib/page-public/array-form","FieldValidator":"./lib/page-public/array-form","ArrayFieldConfig":"./lib/page-public/array-form","ArrayFormRow":"./lib/page-public/array-form","ArrayFormConfig":"./lib/page-public/array-form","ArrayFormStoreItem":"./lib/page-public/array-form","ArrayFormStore":"./lib/page-public/array-form","ɵa":"./lib/page-container/page-container.module","ɵb":"./lib/page-container/page-container.component","ɵc":"./lib/table-search-bar/table-search-bar-module","ɵd":"./lib/table-search-bar/table-search-bar.component","ɵe":"./lib/plate-input/plate-input.component","ɵf":"./lib/components/colmuns-setting/colmuns-setting.component","ɵg":"./lib/components/dynamic-search-field/dynamic-search-field.component"},"importAs":"@yibozhang/pro-table"}
+{"__symbolic":"module","version":4,"metadata":{"ProTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"app-pro-table","template":"<app-page-container [title]=\"title\">\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- 检查是否有自定义label模板 -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              nzMode=\"multiple\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <nz-space-item *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </nz-space-item>\r\n          <nz-space-item *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </nz-space-item>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-template #actionImgBtn>\r\n        <nz-space>\r\n          <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n          <nz-space-item class=\"setting-space-item\" *ngIf=\"showColumnSetting\">\r\n            <app-colmuns-setting\r\n              [columns]=\"columns\"\r\n              [selectedColumns]=\"_serverColumns\"\r\n              [tableName]=\"tableName\"\r\n              (afterConfirm)=\"handleColumnsSettingConfirm()\"\r\n            ></app-colmuns-setting>\r\n          </nz-space-item>\r\n        </nz-space>\r\n      </ng-template>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n  <ng-template #body>\r\n    <div class=\"mb-12\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <nz-table\r\n      *ngIf=\"!customTableRender\"\r\n      #basicTable\r\n      nzSize=\"small\"\r\n      nzShowSizeChanger\r\n      [nzBordered]=\"bordered\"\r\n      [nzOuterBordered]=\"outerBordered\"\r\n      [nzData]=\"dataSource\"\r\n      [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n      [nzPageSize]=\"_pageInfo.pageSize\"\r\n      [nzTotal]=\"_pageInfo.total\"\r\n      [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n      [nzShowPagination]=\"showPagination\"\r\n      [nzShowTotal]=\"totalTemplate\"\r\n      [nzLoading]=\"_loading\"\r\n      [nzFrontPagination]=\"frontPagination\"\r\n      [nzScroll]=\"scroll\"\r\n      (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n      (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <!-- 复选框列（当 showCheckbox=true 时显示） -->\r\n          <th\r\n            *ngIf=\"showCheckbox\"\r\n            [nzWidth]=\"'50px'\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center\"\r\n          >\r\n            <label\r\n              nz-checkbox\r\n              [(ngModel)]=\"_checkedAll\"\r\n              [nzIndeterminate]=\"_indeterminate\"\r\n              (ngModelChange)=\"toggleCheckAll($event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></label>\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of _columns\"\r\n            [nzWidth]=\"column.width\"\r\n            [nzAlign]=\"column.align\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzShowSort]=\"!!column.sorter\"\r\n            [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n            (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n          >\r\n            {{ column.title }}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr\r\n          style=\"cursor: pointer\"\r\n          *ngFor=\"let data; let i = index; of: basicTable.data\"\r\n          [ngClass]=\"{\r\n            'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n            'ant-table-custom-row-even': i % 2 === 0,\r\n            'ant-table-custom-row-odd': i % 2 !== 0\r\n          }\"\r\n          (click)=\"handleTableRowClick(data)\"\r\n          (dblclick)=\"handleTableRowDbClick(data)\"\r\n        >\r\n          <!-- 复选框列（当 showCheckbox=true 时显示） -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          >\r\n            <label\r\n              nz-checkbox\r\n              [ngModel]=\"isRowChecked(data)\"\r\n              [nzDisabled]=\"isRowDisabled(data)\"\r\n              (ngModelChange)=\"toggleRowChecked(data, $event)\"\r\n            ></label>\r\n          </td>\r\n          <td\r\n            *ngFor=\"let column of _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzAlign]=\"column.align\"\r\n            class=\"pro-ellipsis\"\r\n            [title]=\"data[column.prop]\"\r\n          >\r\n            <!-- 检查是否有自定义模板 -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customRender && getTemplate(column.customRender);\r\n                let template\r\n              \"\r\n            >\r\n              <ng-template\r\n                [ngTemplateOutlet]=\"template\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: data,\r\n                  data: data,\r\n                  column: column,\r\n                  index: i,\r\n                  pageInfo: _pageInfo\r\n                }\"\r\n              >\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <!-- 默认渲染逻辑 -->\r\n            <ng-container\r\n              *ngIf=\"!column.customRender || !getTemplate(column.customRender)\"\r\n            >\r\n              {{ data[column.prop] }}\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n        <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n          <!-- 汇总行的复选框列（当 showCheckbox=true 时显示，但为空） -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n          ></td>\r\n          <td\r\n            *ngFor=\"let column; let i = index; of: _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            [nzAlign]=\"column.align\"\r\n          >\r\n            <span *ngIf=\"i === 0\">总计</span>\r\n            <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n              {{\r\n                column.summary?.format\r\n                  ? column.summary?.format(\r\n                      summaryData[column.summary?.name || column.prop]\r\n                    )\r\n                  : summaryData[column.summary?.name || column.prop]\r\n              }}\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n      <ng-template #totalTemplate let-total\r\n        >共 {{ _pageInfo.total }} 条记录</ng-template\r\n      >\r\n    </nz-table>\r\n  </ng-template>\r\n</app-page-container>\r\n","styles":[".pro-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th{border-bottom:1px solid #e8e8e8!important;border-right:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-bottom:1px solid #e8e8e8!important;border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:8px}"]}]}],"members":{"showSearchBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"showClearBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"tableName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"multiRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"showSearchBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"showActionBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"confirmBtnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"clearBtnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"labelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"labelAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"bordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"outerBordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"showPagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"frontPagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"request":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"summaryData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"sortMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"showColumnSetting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"multipleSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"showCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"rowDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"autoTriggerRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"customTableRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"onRowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"onRowDbClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"onValuesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"onResetFormBeforeReload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":3}}]}],"actionBarTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":101,"character":3},"arguments":["actionBar"]}]}],"imgActionBarTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":103,"character":3},"arguments":["ImgActionBar"]}]}],"allTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":105,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":105,"character":19}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":164,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":165,"character":5},"arguments":[{"__symbolic":"reference","name":"PRO_TABLE_COLUMN_REMOTE"}]}]],"parameters":[{"__symbolic":"reference","name":"ProTableRemoteColumnService"}]}],"fetchRemoteColumns":[{"__symbolic":"method"}],"persistRemoteColumns":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"preCheckServerColumns":[{"__symbolic":"method"}],"queryDynamicColumns":[{"__symbolic":"method"}],"formateInnerColumns":[{"__symbolic":"method"}],"autoRegisterTemplates":[{"__symbolic":"method"}],"findTemplateByName":[{"__symbolic":"method"}],"getTemplateFromContent":[{"__symbolic":"method"}],"findLabelTemplateByName":[{"__symbolic":"method"}],"setSearchFormDefaultProp":[{"__symbolic":"method"}],"setSelectRequest":[{"__symbolic":"method"}],"setSearchParams":[{"__symbolic":"method"}],"updateTableColumns":[{"__symbolic":"method"}],"createSearchParamsProxy":[{"__symbolic":"method"}],"clearEmptySearchParams":[{"__symbolic":"method"}],"buildServerSortPayload":[{"__symbolic":"method"}],"sortDataSourceInPlace":[{"__symbolic":"method"}],"compareValues":[{"__symbolic":"method"}],"executeAutoCompleteDataSource":[{"__symbolic":"method"}],"getSearchParams":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}],"setFieldsValue":[{"__symbolic":"method"}],"setFieldValue":[{"__symbolic":"method"}],"clearSelectedRow":[{"__symbolic":"method"}],"setColumns":[{"__symbolic":"method"}],"getSelectedRowData":[{"__symbolic":"method"}],"getCheckedRows":[{"__symbolic":"method"}],"getTemplate":[{"__symbolic":"method"}],"getToolTipTextValue":[{"__symbolic":"method"}],"getTableRowChecked":[{"__symbolic":"method"}],"isRowDisabled":[{"__symbolic":"method"}],"isRowChecked":[{"__symbolic":"method"}],"toggleRowChecked":[{"__symbolic":"method"}],"updateCheckAllStatus":[{"__symbolic":"method"}],"toggleCheckAll":[{"__symbolic":"method"}],"getSelectedRows":[{"__symbolic":"method"}],"clearSelectedRows":[{"__symbolic":"method"}],"handleFieldCheckBoxChange":[{"__symbolic":"method"}],"handleSearch":[{"__symbolic":"method"}],"handleResetForm":[{"__symbolic":"method"}],"handlePageIndexChange":[{"__symbolic":"method"}],"handlePageSizeChange":[{"__symbolic":"method"}],"handleQuery":[{"__symbolic":"method"}],"onSortChange":[{"__symbolic":"method"}],"getSortOrder":[{"__symbolic":"method"}],"handleTableRowClick":[{"__symbolic":"method"}],"handleTableRowDbClick":[{"__symbolic":"method"}],"handleColumnsSettingConfirm":[{"__symbolic":"method"}],"handleAutoCompleteInput":[{"__symbolic":"method"}],"getAutoCompleteDataSource":[{"__symbolic":"method"}],"getFieldProps":[{"__symbolic":"method"}],"getLabelTemplate":[{"__symbolic":"method"}],"getFormItemClassName":[{"__symbolic":"method"}]}},"ProTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":30,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":35,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/form","name":"NzFormModule","line":36,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/select","name":"NzSelectModule","line":37,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/space","name":"NzSpaceModule","line":38,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/grid","name":"NzGridModule","line":39,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":41,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/popover","name":"NzPopoverModule","line":42,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":43,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/button","name":"NzButtonModule","line":44,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"ng-zorro-antd/table","name":"NzTableModule","line":47,"character":4},{"__symbolic":"reference","name":"PlateInputModule"},{"__symbolic":"reference","module":"ng-zorro-antd/date-picker","name":"NzDatePickerModule","line":49,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/modal","name":"NzModalModule","line":50,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/checkbox","name":"NzCheckboxModule","line":51,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/typography","name":"NzTypographyModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":53,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/checkbox","name":"NzCheckboxModule","line":54,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/auto-complete","name":"NzAutocompleteModule","line":55,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/input-number","name":"NzInputNumberModule","line":56,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":57,"character":4}],"declarations":[{"__symbolic":"reference","name":"ProTableComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"providers":[{"provide":{"__symbolic":"reference","name":"PRO_TABLE_COLUMN_REMOTE"},"useValue":null}],"exports":[{"__symbolic":"reference","name":"ProTableComponent"}]}]}],"members":{}},"PRO_TABLE_DEFAULT_PROPS":{"__symbolic":"error","message":"Lambda not supported","line":78,"character":16,"module":"./lib/constants"},"PRO_TABLE_DEFAULT_COLUMN":{"width":"","align":"left","fixedLeft":false,"fixedRight":false,"auxiliaryColumn":false},"ValueType":{"__symbolic":"interface"},"OptionsType":{"__symbolic":"interface"},"InputFieldProps":{"__symbolic":"interface"},"InputPlateFieldProps":{"__symbolic":"interface"},"SelectFieldProps":{"__symbolic":"interface"},"SelectMultipleFieldProps":{"__symbolic":"interface"},"DateFieldProps":{"__symbolic":"interface"},"CheckboxFieldProps":{"__symbolic":"interface"},"InputNumberFieldProps":{"__symbolic":"interface"},"AutoCompleteFieldProps":{"__symbolic":"interface"},"CustomFieldProps":{"__symbolic":"interface"},"ProTableColumn":{"__symbolic":"interface"},"ProTablePageInfo":{"__symbolic":"interface"},"ProTableRequestResult":{"__symbolic":"interface"},"ProTableValuesChange":{"__symbolic":"interface"},"ProTableRequestProps":{"__symbolic":"interface"},"ProTableProps":{"__symbolic":"interface"},"ProTableEvent":{"__symbolic":"interface"},"ProTableInstance":{"__symbolic":"interface"},"ProTableRemoteColumnService":{"__symbolic":"interface"},"PRO_TABLE_COLUMN_REMOTE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":23,"character":43},"arguments":["PRO_TABLE_COLUMN_REMOTE"]},"PlatePrefixOption":{"__symbolic":"interface"},"PlatePrefixLoadService":{"__symbolic":"interface"},"PLATE_PREFIX_LOAD_SERVICE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":45,"character":45},"arguments":["PLATE_PREFIX_LOAD_SERVICE"]},"DefaultPlatePrefixLoadService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":12,"character":28}]}],"loadPrefixOptions":[{"__symbolic":"method"}]}},"PlateInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/grid","name":"NzGridModule","line":13,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":14,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/popover","name":"NzPopoverModule","line":15,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":16,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵe"}],"providers":[],"exports":[{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"AntdFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":71,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":95,"character":26}]}],"createFormGroup":[{"__symbolic":"method"}],"resetFormGroup":[{"__symbolic":"method"}],"addFieldsConfig":[{"__symbolic":"method"}],"removeFieldsConfig":[{"__symbolic":"method"}],"patchFormValues":[{"__symbolic":"method"}],"validateForm":[{"__symbolic":"method"}],"markAllControlsAsDirty":[{"__symbolic":"method"}],"getFieldErrorMessage":[{"__symbolic":"method"}],"watchFormChanges":[{"__symbolic":"method"}],"watchFieldChanges":[{"__symbolic":"method"}],"getFormClassName":[{"__symbolic":"method"}],"setCSSVariablesToTarget":[{"__symbolic":"method"}],"excludeInternalFields":[{"__symbolic":"method"}],"setupValueChangeSubscription":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"FieldErrorMessage":{"__symbolic":"interface"},"FieldErrorMessages":{"__symbolic":"interface"},"FieldConfig":{"__symbolic":"interface"},"FormModifyType":{"__symbolic":"interface"},"FormConfig":{"__symbolic":"interface"},"WatchOptions":{"__symbolic":"interface"},"AddFieldsConfigOptions":{"__symbolic":"interface"},"AddFieldsConfigResult":{"__symbolic":"interface"},"RemoveFieldsConfigOptions":{"__symbolic":"interface"},"RemoveFieldsConfigResult":{"__symbolic":"interface"},"ArrayFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":58,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"cloneValue":[{"__symbolic":"method"}],"isEqual":[{"__symbolic":"method"}],"createRowSnapshot":[{"__symbolic":"method"}],"initializeData":[{"__symbolic":"method"}],"enrichRow":[{"__symbolic":"method"}],"addRow":[{"__symbolic":"method"}],"validateField":[{"__symbolic":"method"}],"validateRow":[{"__symbolic":"method"}],"validateData":[{"__symbolic":"method"}],"registerForm":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getFormData":[{"__symbolic":"method"}],"addRowToForm":[{"__symbolic":"method"}],"validateForm":[{"__symbolic":"method"}],"enableEdit":[{"__symbolic":"method"}],"disableEdit":[{"__symbolic":"method"}],"confirmEdit":[{"__symbolic":"method"}],"deleteRowFromForm":[{"__symbolic":"method"}],"isFieldTouched":[{"__symbolic":"method"}],"validateFieldInRow":[{"__symbolic":"method"}],"getFieldErrorMessage":[{"__symbolic":"method"}],"validateRowAllFields":[{"__symbolic":"method"}],"autoUpdateArrayReference":[{"__symbolic":"method"}],"hasEditingRow":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ValidationResult":{"__symbolic":"interface"},"FieldValidator":{"__symbolic":"interface"},"ArrayFieldConfig":{"__symbolic":"interface"},"ArrayFormRow":{"__symbolic":"interface"},"ArrayFormConfig":{"__symbolic":"interface"},"ArrayFormStoreItem":{"__symbolic":"interface"},"ArrayFormStore":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/card","name":"NzCardModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵb"}],"providers":[],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-page-container","template":"<nz-card\r\n  [nzBorderless]=\"true\"\r\n  [nzBodyStyle]=\"{ padding: '10px', width: '100%' }\"\r\n>\r\n  <div class=\"page-container-title\" *ngIf=\"title\">{{ title }}</div>\r\n  <div class=\"page-container-header\">\r\n    <ng-container *ngTemplateOutlet=\"headerTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"page-container-body\">\r\n    <ng-container *ngTemplateOutlet=\"bodyTpl\"></ng-container>\r\n  </div>\r\n</nz-card>\r\n","styles":[".page-container-title{border-left:3px solid #096dd9;color:#1d1d1d;font-size:16px;margin-bottom:16px;padding-left:10px}.page-container-body,.page-container-header{box-sizing:border-box;padding:7px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"headerTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":9,"character":3},"arguments":["header"]}]}],"bodyTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":10,"character":3},"arguments":["body"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":14,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/grid","name":"NzGridModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":16,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/space","name":"NzSpaceModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵd"}],"providers":[],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-table-search-bar","template":"<div class=\"table-search-bar\">\r\n  <div class=\"table-search-bar-left\" style=\"--label-width: {{ labelWidth }}; --label-align: {{ labelAlign }};\">\r\n    <ng-container *ngTemplateOutlet=\"leftContentTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"table-search-bar-right\">\r\n    <nz-space nzDirection=\"vertical\" nzAlign=\"end\">\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionTextBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionImgBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n    </nz-space>\r\n    <!-- <ng-container *ngTemplateOutlet=\"rightContentTpl\"></ng-container> -->\r\n  </div>\r\n</div>\r\n","styles":["::ng-deep .table-search-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;width:100%}::ng-deep .table-search-bar-left{display:flex;flex:1;flex-wrap:wrap;gap:0 normal;min-width:0}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item{flex-shrink:0;flex-wrap:nowrap;width:250px}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label{flex-shrink:0;text-align:var(--label-align);width:var(--label-width)}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label label:after{content:\"\"}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-picker{width:100%}::ng-deep .table-search-bar-right{align-items:flex-start;display:flex;flex-shrink:0}"]}]}],"members":{"leftColSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"rightColSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"labelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"labelAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"leftContentTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":19,"character":3},"arguments":["leftContent"]}]}],"actionTextBtnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":20,"character":3},"arguments":["actionTextBtn"]}]}],"actionImgBtnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":21,"character":3},"arguments":["actionImgBtn"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setCSSVariablesToTarget":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-plate-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵe"},"multi":true}],"template":"<div\r\n  class=\"plate-antd-input-container\"\r\n  [class.plate-antd-input-disabled]=\"disabled\"\r\n>\r\n  <div\r\n    class=\"plate-input-prefix\"\r\n    [class.plate-input-prefix-disabled]=\"disabled\"\r\n    nz-popover\r\n    nzPopoverPlacement=\"bottom\"\r\n    nzPopoverOverlayClassName=\"plate-input-popover\"\r\n    [(nzPopoverVisible)]=\"nzPopoverVisible\"\r\n    [nzPopoverTrigger]=\"'manual'\"\r\n    [nzPopoverContent]=\"contentTemplate\"\r\n    (click)=\"handlePrefixClick($event)\"\r\n  >\r\n    {{ platePrefix | uppercase }}\r\n    <i\r\n      class=\"plate-input-icon-down\"\r\n      [nzRotate]=\"nzPopoverVisible ? 180 : 0\"\r\n      nz-icon\r\n      nzType=\"down\"\r\n      nzTheme=\"outline\"\r\n    ></i>\r\n  </div>\r\n  <ng-template #contentTemplate>\r\n    <div nz-row style=\"height: 100%\">\r\n      <div\r\n        nz-col\r\n        nzSpan=\"4\"\r\n        *ngFor=\"let item of platePrefixOptions\"\r\n        class=\"plate-input-popover-item\"\r\n        (click)=\"!disabled && handlePlatePrefix(item.value)\"\r\n        [ngClass]=\"{\r\n          'plate-input-popover-item-active': item.value === platePrefix,\r\n          'plate-input-popover-item-default': item.value !== platePrefix\r\n        }\"\r\n      >\r\n        <div class=\"plate-input-popover-item-label\">\r\n          {{ item.label }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <input\r\n    class=\"plate-input-suffix\"\r\n    type=\"text\"\r\n    nz-input\r\n    style=\"width: 75%\"\r\n    [value]=\"plateSuffix | uppercase\"\r\n    [disabled]=\"disabled\"\r\n    (blur)=\"!disabled && handleAntdPlateSuffixBlur($event)\"\r\n  />\r\n</div>\r\n","styles":["::ng-deep .plate-input-popover{box-sizing:border-box;padding:5px 0}::ng-deep .plate-input-popover .ant-popover-inner-content{height:264px;padding:0;width:387px}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item{box-sizing:border-box;cursor:pointer;height:42px;padding:6px 12px}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item .plate-input-popover-item-label{align-items:center;border:1px solid #ccc;display:flex;height:100%;justify-content:center;width:100%}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-default:hover{background-color:#eaeaea}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-active{background-color:#096dd9;color:#fff}::ng-deep .plate-input-prefix:hover:after{background-color:transparent;content:\"\";height:100%;position:absolute;right:0;top:0;width:1px;z-index:2}::ng-deep .plate-antd-input-container{display:flex;flex-wrap:nowrap;width:100%}::ng-deep .plate-antd-input-container .plate-input-prefix{align-items:center;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;display:flex;justify-content:center;min-height:32px;position:relative;text-align:center;width:60px}::ng-deep .plate-antd-input-container .plate-input-prefix .plate-input-icon-down{font-size:10px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}::ng-deep .plate-antd-input-container .plate-input-prefix:hover:not(.plate-input-prefix-disabled){border-color:#40a9ff}::ng-deep .plate-antd-input-container .plate-input-prefix-disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:rgba(0,0,0,.25);cursor:not-allowed}::ng-deep .plate-antd-input-container .plate-input-suffix{width:calc(100% - 60px)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":30,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":17},"arguments":[{"__symbolic":"reference","name":"PLATE_PREFIX_LOAD_SERVICE"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":28,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":24},{"__symbolic":"reference","name":"PlatePrefixLoadService"}]}],"ngOnInit":[{"__symbolic":"method"}],"handlePlatePrefix":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"handlePrefixClick":[{"__symbolic":"method"}],"attachClickOutsideListener":[{"__symbolic":"method"}],"removeClickOutsideListener":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"emitValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"handleAntdPlateSuffixBlur":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"app-colmuns-setting","template":"<div class=\"action-pic-btn\" (click)=\"handleModalVisible()\" title=\"列设置\">\r\n  <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\r\n</div>\r\n\r\n<nz-modal\r\n  [(nzVisible)]=\"modalVisible\"\r\n  [nzWidth]=\"820\"\r\n  [nzTitle]=\"modalTitle\"\r\n  (nzOnCancel)=\"handleModalClose()\"\r\n  [nzContent]=\"modalBody\"\r\n  [nzBodyStyle]=\"{ padding: '12px' }\"\r\n  (nzOnOk)=\"handleConfirm()\"\r\n  [nzWrapClassName]=\"'draggable-modal'\"\r\n>\r\n  <ng-template #modalTitle>\r\n    <div\r\n      class=\"modal-drag-handle\"\r\n      cdkDrag\r\n      [cdkDragRootElement]=\"'.draggable-modal .ant-modal'\"\r\n      cdkDragHandle\r\n      [cdkDragBoundary]=\"'.draggable-modal'\"\r\n    >\r\n      <span>设置显示字段</span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #modalBody>\r\n    <div class=\"modal-body\">\r\n      <div class=\"check-box-list\">\r\n        <div class=\"mb-12\">可选字段</div>\r\n        <nz-checkbox-wrapper style=\"width: 100%\">\r\n          <div nz-row [nzGutter]=\"[24, 24]\">\r\n            <div nz-col nzSpan=\"6\" *ngFor=\"let item of options\">\r\n              <label\r\n                nz-checkbox\r\n                nzValue=\"item.value\"\r\n                [ngModel]=\"item.checked\"\r\n                (ngModelChange)=\"handleCheckBoxChange($event, item)\"\r\n                >{{ item.label }}</label\r\n              >\r\n            </div>\r\n          </div>\r\n        </nz-checkbox-wrapper>\r\n      </div>\r\n      <div class=\"sort-list\">\r\n        <div nz-typography class=\"mb-4\">当前已经选定的字段</div>\r\n        <div\r\n          nz-typography\r\n          nzType=\"secondary\"\r\n          class=\"mb-4\"\r\n          [style.fontSize]=\"'12px'\"\r\n        >\r\n          提示：可拖动排序\r\n        </div>\r\n        <div #sortableContainer class=\"sortable-container\">\r\n          <div\r\n            class=\"sort-list-item mb-12\"\r\n            *ngFor=\"let item of selectedColumns; trackBy: trackByColumn\"\r\n          >\r\n            {{ item.title }}\r\n            <a\r\n              href=\"javascript:void(0)\"\r\n              class=\"fieldd-remove\"\r\n              title=\"删除\"\r\n              (click)=\"handleSelectRemove(item.prop)\"\r\n              >×</a\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</nz-modal>\r\n","styles":[".action-pic-btn{align-items:center;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.modal-body{display:flex;height:600px;width:100%}.modal-body .check-box-list{height:100%;width:calc(100% - 200px)}.modal-body .sort-list{border-left:1px solid #e3e3e3;box-sizing:border-box;height:100%;overflow-y:auto;padding-left:12px;padding-right:12px;width:200px}.modal-body .sort-list .sortable-container{min-height:100px}.modal-body .sort-list .sort-list-item{-moz-user-select:none;-webkit-user-select:none;align-items:center;cursor:move;display:flex;justify-content:space-between;user-select:none}.modal-body .sort-list .sort-list-item a{font-size:18px}.modal-drag-handle{-moz-user-select:none;-webkit-user-select:none;cursor:move;user-select:none;width:100%}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"selectedColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"tableName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"afterConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"sortableContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["sortableContainer",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":43,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":5},"arguments":[{"__symbolic":"reference","name":"PRO_TABLE_COLUMN_REMOTE"}]}]],"parameters":[{"__symbolic":"reference","name":"ProTableRemoteColumnService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initSortable":[{"__symbolic":"method"}],"onSortEnd":[{"__symbolic":"method"}],"trackByColumn":[{"__symbolic":"method"}],"syncOptionsWithSelectedColumns":[{"__symbolic":"method"}],"handleModalVisible":[{"__symbolic":"method"}],"handleModalClose":[{"__symbolic":"method"}],"handleSelectRemove":[{"__symbolic":"method"}],"handleCheckBoxChange":[{"__symbolic":"method"}],"handleConfirm":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-dynamic-search-field","template":"<ng-template #vc></ng-template>"}]}],"members":{"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"props":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"vc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["vc",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":27},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":18,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}],"applyProps":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"ProTableComponent":"./lib/pro-table.component","ProTableModule":"./lib/pro-table.module","PRO_TABLE_DEFAULT_PROPS":"./lib/constants","PRO_TABLE_DEFAULT_COLUMN":"./lib/constants","ValueType":"./lib/type","OptionsType":"./lib/type","InputFieldProps":"./lib/type","InputPlateFieldProps":"./lib/type","SelectFieldProps":"./lib/type","SelectMultipleFieldProps":"./lib/type","DateFieldProps":"./lib/type","CheckboxFieldProps":"./lib/type","InputNumberFieldProps":"./lib/type","AutoCompleteFieldProps":"./lib/type","CustomFieldProps":"./lib/type","ProTableColumn":"./lib/type","ProTablePageInfo":"./lib/type","ProTableRequestResult":"./lib/type","ProTableValuesChange":"./lib/type","ProTableRequestProps":"./lib/type","ProTableProps":"./lib/type","ProTableEvent":"./lib/type","ProTableInstance":"./lib/type","ProTableRemoteColumnService":"./lib/tokens","PRO_TABLE_COLUMN_REMOTE":"./lib/tokens","PlatePrefixOption":"./lib/tokens","PlatePrefixLoadService":"./lib/tokens","PLATE_PREFIX_LOAD_SERVICE":"./lib/tokens","DefaultPlatePrefixLoadService":"./lib/plate-input/plate-prefix-load.service","PlateInputModule":"./lib/plate-input/plate-input.module","AntdFormService":"./lib/page-public/antd-form","FieldErrorMessage":"./lib/page-public/antd-form","FieldErrorMessages":"./lib/page-public/antd-form","FieldConfig":"./lib/page-public/antd-form","FormModifyType":"./lib/page-public/antd-form","FormConfig":"./lib/page-public/antd-form","WatchOptions":"./lib/page-public/antd-form","AddFieldsConfigOptions":"./lib/page-public/antd-form","AddFieldsConfigResult":"./lib/page-public/antd-form","RemoveFieldsConfigOptions":"./lib/page-public/antd-form","RemoveFieldsConfigResult":"./lib/page-public/antd-form","ArrayFormService":"./lib/page-public/array-form","ValidationResult":"./lib/page-public/array-form","FieldValidator":"./lib/page-public/array-form","ArrayFieldConfig":"./lib/page-public/array-form","ArrayFormRow":"./lib/page-public/array-form","ArrayFormConfig":"./lib/page-public/array-form","ArrayFormStoreItem":"./lib/page-public/array-form","ArrayFormStore":"./lib/page-public/array-form","ɵa":"./lib/page-container/page-container.module","ɵb":"./lib/page-container/page-container.component","ɵc":"./lib/table-search-bar/table-search-bar-module","ɵd":"./lib/table-search-bar/table-search-bar.component","ɵe":"./lib/plate-input/plate-input.component","ɵf":"./lib/components/colmuns-setting/colmuns-setting.component","ɵg":"./lib/components/dynamic-search-field/dynamic-search-field.component"},"importAs":"@yibozhang/pro-table"}