ohayolibs/packages/form/src/sf-item-wrap.component.html

Ohayo is a set of essential modules for ohayojp.

<nz-form-item [style.width.px]="ui.width" [class.ant-form-item-has-error]="showError" [class.ant-form-item-with-help]="showError">
  <nz-col *ngIf="showTitle" [nzSpan]="ui.spanLabel" class="ant-form-item-label">
    <label *ngIf="t" [attr.for]="id" [class.ant-form-item-required]="ui._required">
      <span class="sf__label-text">{{ t }}</span>
      <span *ngIf="ui.optional || oh" class="sf__optional">
        {{ ui.optional }}
        <i
          *ngIf="oh"
          nz-tooltip
          [nzTooltipTitle]="oh.text"
          [nzTooltipPlacement]="oh.placement"
          [nzTooltipTrigger]="oh.trigger"
          [nzTooltipColor]="oh.bgColor"
          [nzTooltipOverlayClassName]="oh.overlayClassName"
          [nzTooltipOverlayStyle]="oh.overlayStyle"
          [nzTooltipMouseEnterDelay]="oh.mouseEnterDelay"
          [nzTooltipMouseLeaveDelay]="oh.mouseLeaveDelay"
          nz-icon
          [nzType]="oh.icon"
        ></i>
      </span>
    </label>
  </nz-col>
  <nz-col class="ant-form-item-control" [nzSpan]="ui.spanControl" [nzOffset]="ui.offsetControl">
    <div class="ant-form-item-control-input">
      <div class="ant-form-item-control-input-content">
        <ng-content></ng-content>
      </div>
    </div>
    <div *ngIf="!ui.onlyVisual && showError" class="ant-form-item-explain ant-form-item-explain-error">
      <div @helpMotion>{{ error }}</div>
    </div>
    <div *ngIf="schema.description" class="ant-form-item-extra" [innerHTML]="schema._description"></div>
  </nz-col>
</nz-form-item>