@ng-nest/ui 12.0.11 → 13.0.3

package/fesm2015/ng-nest-ui-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-form.mjs","sources":["../../../../lib/ng-nest/ui/form/form.property.ts","../../../../lib/ng-nest/ui/form/control.component.ts","../../../../lib/ng-nest/ui/form/control.component.html","../../../../lib/ng-nest/ui/form/form.component.ts","../../../../lib/ng-nest/ui/form/form.component.html","../../../../lib/ng-nest/ui/form/form.module.ts","../../../../lib/ng-nest/ui/form/ng-nest-ui-form.ts"],"sourcesContent":["import { XIdentity, XIdentityProperty, XBoolean, XIsEmpty, XNumber, XInputNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component, TemplateRef } from '@angular/core';\r\nimport { FormControl, FormGroup } from '@angular/forms';\r\nimport { XInputOption, XInputComponent } from '@ng-nest/ui/input';\r\nimport { XSelectOption, XSelectComponent } from '@ng-nest/ui/select';\r\nimport { XCascadeOption, XCascadeComponent } from '@ng-nest/ui/cascade';\r\nimport { XCheckboxOption, XCheckboxComponent } from '@ng-nest/ui/checkbox';\r\nimport { XColorPickerOption, XColorPickerComponent } from '@ng-nest/ui/color-picker';\r\nimport { XDatePickerOption, XDatePickerComponent } from '@ng-nest/ui/date-picker';\r\nimport { XInputNumberOption, XInputNumberComponent } from '@ng-nest/ui/input-number';\r\nimport { XRadioOption, XRadioComponent } from '@ng-nest/ui/radio';\r\nimport { XRateOption, XRateComponent } from '@ng-nest/ui/rate';\r\nimport { XSliderSelectOption, XSliderSelectComponent } from '@ng-nest/ui/slider-select';\r\nimport { XSwitchOption, XSwitchComponent } from '@ng-nest/ui/switch';\r\nimport { XTimePickerOption, XTimePickerComponent } from '@ng-nest/ui/time-picker';\r\nimport { XTextareaOption, XTextareaComponent } from '@ng-nest/ui/textarea';\r\nimport { XFindOption, XFindComponent } from '@ng-nest/ui/find';\r\nimport { XFormOption, XFormProp } from '@ng-nest/ui/base-form';\r\nimport { XAutoCompleteOption, XAutoCompleteComponent } from '@ng-nest/ui/auto-complete';\r\n\r\n/**\r\n * Form\r\n * @selector x-form\r\n * @decorator component\r\n */\r\nexport const XFormPrefix = 'x-form';\r\nconst X_CONFIG_NAME = 'form';\r\n\r\n/**\r\n * @zh_CN 模板\r\n * @en_US Template\r\n */\r\nexport type XFormTemplate = { [property: string]: TemplateRef<any> };\r\n/**\r\n * Form Property\r\n */\r\n@Component({ template: '' })\r\nexport class XFormProperty extends XFormProp {\r\n  /**\r\n   * @zh_CN 表单 FormGroup\r\n   * @en_US Form FormGroup\r\n   */\r\n  @Input() formGroup: FormGroup = new FormGroup({});\r\n  /**\r\n   * @zh_CN 表单名称\r\n   * @en_US Form name\r\n   */\r\n  @Input() title?: string;\r\n  /**\r\n   * @zh_CN 控件间距，单位rem\r\n   * @en_US Control spacing, unit rem\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 1) @XInputNumber() space?: XNumber;\r\n  /**\r\n   * @zh_CN 控件宽度，24栅格\r\n   * @en_US Control width, 24 grid\r\n   */\r\n  @Input() @XInputNumber() span?: XNumber;\r\n  /**\r\n   * @zh_CN 标签后缀\r\n   * @en_US Label suffix\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, '') labelSuffix?: string;\r\n  /**\r\n   * @zh_CN 表单控件\r\n   * @en_US Form control\r\n   */\r\n  @Input() controls: XFormControlOption[] | XFormRow[] = [];\r\n  /**\r\n   * @zh_CN 表单宽度\r\n   * @en_US Form width\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '100%') width: string = '100%';\r\n  /**\r\n   * @zh_CN 自定义模板\r\n   * @en_US Custom template\r\n   */\r\n  @Input() controlTpl: XFormTemplate = {};\r\n}\r\n\r\n/**\r\n * @zh_CN 控件对象\r\n * @en_US Control object\r\n */\r\nexport interface XControlOption extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 值\r\n   * @en_US Value\r\n   */\r\n  value?: any;\r\n  /**\r\n   * @zh_CN 控件类型\r\n   * @en_US Control type\r\n   */\r\n  control?: XControlType;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: XBoolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Read only\r\n   */\r\n  readonly?: XBoolean;\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  required?: XBoolean;\r\n  /**\r\n   * @zh_CN 隐藏\r\n   * @en_US Hide\r\n   */\r\n  hidden?: XBoolean;\r\n  /**\r\n   * @zh_CN 列宽\r\n   * @en_US Column width\r\n   */\r\n  span?: number;\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular validation rules\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verification failed prompt text\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * @zh_CN 外部改变事件\r\n   * @en_US External change event\r\n   */\r\n  change?: () => void;\r\n  /**\r\n   * @zh_CN 自定义属性\r\n   * @en_US Custom attributes\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN 控件对象\r\n * @en_US Control object\r\n */\r\nexport class XControl extends XIdentity implements XControlOption {\r\n  /**\r\n   * @zh_CN 值\r\n   * @en_US Value\r\n   */\r\n  value?: any;\r\n  /**\r\n   * @zh_CN 控件类型\r\n   * @en_US Control type\r\n   */\r\n  control?: XControlType;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: XBoolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Read only\r\n   */\r\n  readonly?: XBoolean;\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  required?: XBoolean;\r\n  /**\r\n   * @zh_CN 隐藏\r\n   * @en_US Hide\r\n   */\r\n  hidden?: XBoolean;\r\n  /**\r\n   * @zh_CN 列宽\r\n   * @en_US Column width\r\n   */\r\n  span?: number;\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular validation rules\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verification failed prompt text\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * @zh_CN 外部改变事件\r\n   * @en_US External change event\r\n   */\r\n  change?: () => void;\r\n  /**\r\n   * @zh_CN 设置验证\r\n   * @en_US Set verification\r\n   */\r\n  setValidators?: () => void;\r\n  /**\r\n   * @zh_CN 自定义属性\r\n   * @en_US Custom attributes\r\n   */\r\n  [property: string]: any;\r\n\r\n  constructor(option: XControlOption = {}) {\r\n    super();\r\n    if (XIsEmpty(this.value)) this.value = '';\r\n    Object.assign(this, option);\r\n  }\r\n}\r\n\r\n/**\r\n * @zh_CN 表单行对象\r\n * @en_US Form row object\r\n */\r\nexport interface XFormRow {\r\n  /**\r\n   * @zh_CN 行标题\r\n   * @en_US Row header\r\n   */\r\n  title?: string;\r\n  /**\r\n   * @zh_CN 行图标\r\n   * @en_US Row icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 行中的控件\r\n   * @en_US Control in row\r\n   */\r\n  controls: XFormControlOption[];\r\n  /**\r\n   * @zh_CN 隐藏\r\n   * @en_US Hidden\r\n   */\r\n  hidden?: XBoolean;\r\n}\r\n\r\n/**\r\n * Control\r\n * @selector x-control\r\n * @decorator component\r\n */\r\nexport const XControlPrefix = 'x-control';\r\n\r\n/**\r\n * Control Property\r\n */\r\n@Component({ template: '' })\r\nexport class XControlProperty {\r\n  /**\r\n   * @zh_CN 控件对象\r\n   * @en_US Control object\r\n   */\r\n  @Input() option?: XControlOption;\r\n}\r\n\r\nexport class XFormControl extends FormControl {\r\n  /**\r\n   * @zh_CN 提示信息\r\n   * @en_US Prompt information\r\n   */\r\n  messages?: string[] = [];\r\n}\r\n\r\nexport type XFormControlOption =\r\n  | XInputControlOption\r\n  | XSelectControlOption\r\n  | XCascadeControlOption\r\n  | XCheckboxControlOption\r\n  | XColorPickerControlOption\r\n  | XDatePickerControlOption\r\n  | XInputNumberControlOption\r\n  | XRadioControlOption\r\n  | XRateControlOption\r\n  | XSliderSelectControlOption\r\n  | XSwitchControlOption\r\n  | XTimePickerControlOption\r\n  | XFindControlOption\r\n  | XTemplateControlOption;\r\n\r\nexport type XFormControlComponent =\r\n  | XInputComponent\r\n  | XSelectComponent\r\n  | XCascadeComponent\r\n  | XCheckboxComponent\r\n  | XColorPickerComponent\r\n  | XDatePickerComponent\r\n  | XInputNumberComponent\r\n  | XRadioComponent\r\n  | XRateComponent\r\n  | XSliderSelectComponent\r\n  | XSwitchComponent\r\n  | XTimePickerComponent\r\n  | XTextareaComponent\r\n  | XFindComponent\r\n  | XAutoCompleteComponent;\r\n\r\nexport type XFormControlType =\r\n  | XInputControl\r\n  | XSelectControl\r\n  | XCascadeControl\r\n  | XCheckboxControl\r\n  | XColorPickerControl\r\n  | XDatePickerControl\r\n  | XInputNumberControl\r\n  | XRadioControl\r\n  | XRateControl\r\n  | XSliderSelectControl\r\n  | XSwitchControl\r\n  | XTimePickerControl\r\n  | XTextareaControl\r\n  | XFindControl\r\n  | XAutoCompleteControl;\r\n\r\nexport type XControlType =\r\n  | 'input'\r\n  | 'select'\r\n  | 'cascade'\r\n  | 'checkbox'\r\n  | 'color-picker'\r\n  | 'date-picker'\r\n  | 'input-number'\r\n  | 'radio'\r\n  | 'rate'\r\n  | 'slider-select'\r\n  | 'switch'\r\n  | 'time-picker'\r\n  | 'textarea'\r\n  | 'find'\r\n  | 'auto-complete'\r\n  | 'template';\r\n\r\n/**\r\n * Input Control\r\n */\r\nexport interface XInputControlOption extends XControlOption, XInputOption {}\r\nexport class XInputControl extends XControl {\r\n  constructor(option: XInputControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Select Control\r\n */\r\nexport interface XSelectControlOption extends XControlOption, XSelectOption {}\r\nexport class XSelectControl extends XControl {\r\n  constructor(option: XSelectControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Cascade Control\r\n */\r\nexport interface XCascadeControlOption extends XControlOption, XCascadeOption {}\r\nexport class XCascadeControl extends XControl {\r\n  constructor(option: XCascadeControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Checkbox Control\r\n */\r\nexport interface XCheckboxControlOption extends XControlOption, XCheckboxOption {}\r\nexport class XCheckboxControl extends XControl {\r\n  constructor(option: XCheckboxControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * ColorPicker Control\r\n */\r\nexport interface XColorPickerControlOption extends XControlOption, XColorPickerOption {}\r\nexport class XColorPickerControl extends XControl {\r\n  constructor(option: XColorPickerControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * DatePicker Control\r\n */\r\nexport interface XDatePickerControlOption extends XControlOption, XDatePickerOption {}\r\nexport class XDatePickerControl extends XControl {\r\n  constructor(option: XDatePickerControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * InputNumber Control\r\n */\r\nexport interface XInputNumberControlOption extends XControlOption, XInputNumberOption {}\r\nexport class XInputNumberControl extends XControl {\r\n  constructor(option: XInputNumberControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Radio Control\r\n */\r\nexport interface XRadioControlOption extends XControlOption, XRadioOption {}\r\nexport class XRadioControl extends XControl {\r\n  constructor(option: XRadioControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Rate Control\r\n */\r\nexport interface XRateControlOption extends XControlOption, XRateOption {}\r\nexport class XRateControl extends XControl {\r\n  constructor(option: XRateControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * SliderSelect Control\r\n */\r\nexport interface XSliderSelectControlOption extends XControlOption, XSliderSelectOption {}\r\nexport class XSliderSelectControl extends XControl {\r\n  constructor(option: XSliderSelectControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Switch Control\r\n */\r\nexport interface XSwitchControlOption extends XControlOption, XSwitchOption {}\r\nexport class XSwitchControl extends XControl {\r\n  constructor(option: XSwitchControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * TimePicker Control\r\n */\r\nexport interface XTimePickerControlOption extends XControlOption, XTimePickerOption {}\r\nexport class XTimePickerControl extends XControl {\r\n  constructor(option: XTimePickerControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Textarea Control\r\n */\r\nexport interface XTextareaControlOption extends XControlOption, XTextareaOption {}\r\nexport class XTextareaControl extends XControl {\r\n  constructor(option: XTextareaControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Find Control\r\n */\r\nexport interface XFindControlOption extends XControlOption, XFindOption {}\r\nexport class XFindControl extends XControl {\r\n  constructor(option: XFindControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * AutoComplete Control\r\n */\r\nexport interface XAutoCompleteControlOption extends XControlOption, XAutoCompleteOption {}\r\nexport class XAutoCompleteControl extends XControl {\r\n  constructor(option: XAutoCompleteControlOption = {}) {\r\n    super(option);\r\n  }\r\n}\r\n\r\n/**\r\n * Template Control\r\n */\r\nexport interface XTemplateControlOption extends XControlOption, XFormOption {}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Input,\r\n  ViewChild,\r\n  ChangeDetectorRef,\r\n  OnInit,\r\n  AfterViewInit,\r\n  OnDestroy\r\n} from '@angular/core';\r\nimport {\r\n  XControlProperty,\r\n  XFormControlOption,\r\n  XFormControlComponent,\r\n  XFormControlType,\r\n  XCascadeControl,\r\n  XCascadeControlOption,\r\n  XInputControl,\r\n  XInputControlOption,\r\n  XSelectControl,\r\n  XSelectControlOption,\r\n  XCheckboxControl,\r\n  XCheckboxControlOption,\r\n  XRadioControl,\r\n  XRadioControlOption,\r\n  XDatePickerControlOption,\r\n  XDatePickerControl,\r\n  XInputNumberControl,\r\n  XInputNumberControlOption,\r\n  XSwitchControl,\r\n  XSwitchControlOption,\r\n  XRateControl,\r\n  XRateControlOption,\r\n  XSliderSelectControl,\r\n  XSliderSelectControlOption,\r\n  XTimePickerControl,\r\n  XTimePickerControlOption,\r\n  XColorPickerControl,\r\n  XColorPickerControlOption,\r\n  XFormControl,\r\n  XFindControl,\r\n  XFindControlOption,\r\n  XTextareaControlOption,\r\n  XTextareaControl,\r\n  XAutoCompleteControl,\r\n  XAutoCompleteControlOption\r\n} from './form.property';\r\nimport { FormControlName, Validators, FormControl, ValidatorFn } from '@angular/forms';\r\nimport { XIsEmpty, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: 'x-control',\r\n  templateUrl: './control.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XControlComponent extends XControlProperty implements OnInit, AfterViewInit, OnDestroy {\r\n  @Input() override option!: XFormControlOption;\r\n  @Input() form: any;\r\n  @ViewChild(FormControlName, { static: false }) control!: FormControlName;\r\n  private _sharedProps = ['span', 'direction', 'justify', 'align', 'labelWidth', 'labelAlign'];\r\n  private _changeProps = ['label', ...this._sharedProps];\r\n  private _control!: XFormControlType;\r\n  private _validatorFns: ValidatorFn[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  private _formControl!: FormControl;\r\n\r\n  constructor(\r\n    // @Host() @Optional() public form: XFormComponent,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setProps();\r\n    this.option.label = `${this.option.label}${this.form.labelSuffix}`;\r\n    this._control = this.createControl(this.option);\r\n    this._formControl = new FormControl(this._control.value);\r\n    this.setValidators();\r\n    this._formControl.statusChanges.pipe(takeUntil(this._unSubject)).subscribe((x) => {\r\n      this.setMessages(x);\r\n    });\r\n    this._control.setValidators = () => this.setValidators();\r\n    this.form.formGroup.addControl(this._control.id, this._formControl);\r\n    this.option.change = () => {\r\n      this._changeProps.forEach((x: string) => {\r\n        if (this.control.valueAccessor && this.option[x]) {\r\n          (this.control.valueAccessor as any)[x] = this.option[x];\r\n        }\r\n      });\r\n      this.form.controlComponents[this._control.id].formControlChanges();\r\n    };\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    Object.assign(this.control.valueAccessor, this._control);\r\n    this.form.controlTypes[this._control.id] = this._control;\r\n    this.form.controlComponents[this._control.id] = this.control.valueAccessor as XFormControlComponent;\r\n    this.form.controlComponents[this._control.id].formControlChanges();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setValidators() {\r\n    this._validatorFns = [];\r\n    if (this._control.disabled || this.form.disabled) {\r\n      this._formControl.disable();\r\n    } else {\r\n      this._formControl.enable();\r\n    }\r\n    if (this._control.required && !this.form.disabled) {\r\n      this._validatorFns = [...this._validatorFns, Validators.required];\r\n    }\r\n    if (this._control.pattern) {\r\n      this.setPattern();\r\n    }\r\n    this._formControl.setValidators(this._validatorFns);\r\n    this._formControl.updateValueAndValidity();\r\n  }\r\n\r\n  setProps() {\r\n    for (let prop of this._sharedProps) {\r\n      if (XIsEmpty(this.option[prop])) this.option[prop] = (this.form as any)[prop];\r\n    }\r\n  }\r\n\r\n  setPattern() {\r\n    if (Array.isArray(this._control.pattern)) {\r\n      for (const pt of this._control.pattern) {\r\n        this._validatorFns = [...this._validatorFns, Validators.pattern(pt)];\r\n      }\r\n    } else {\r\n      this._validatorFns = [...this._validatorFns, Validators.pattern(this._control.pattern as RegExp)];\r\n    }\r\n  }\r\n\r\n  getPatternMsg(pattern: string) {\r\n    if (Array.isArray(this._control.pattern)) {\r\n      return (this._control.message as Array<any>)[this._control.pattern.findIndex((x) => String(x) === pattern)];\r\n    } else {\r\n      return this._control.message;\r\n    }\r\n  }\r\n\r\n  setMessages(state: 'VALID' | 'INVALID' | 'PENDING' | 'DISABLED') {\r\n    let control: XFormControl = this._formControl;\r\n    if (state === 'INVALID' && this._formControl.errors !== null) {\r\n      for (const key in control.errors) {\r\n        if (key === 'required') {\r\n          control.messages = [`${this._control.label} 必填`];\r\n        } else if (key === 'pattern') {\r\n          control.messages = [`${this._control.label} ${this.getPatternMsg(control.errors[key].requiredPattern)}`];\r\n        }\r\n      }\r\n    } else if (state === 'VALID') {\r\n      control.messages = [];\r\n    }\r\n  }\r\n\r\n  createControl(option: XFormControlOption) {\r\n    switch (option.control) {\r\n      case 'input':\r\n        return new XInputControl(option as XInputControlOption);\r\n      case 'select':\r\n        return new XSelectControl(option as XSelectControlOption);\r\n      case 'checkbox':\r\n        return new XCheckboxControl(option as XCheckboxControlOption);\r\n      case 'radio':\r\n        return new XRadioControl(option as XRadioControlOption);\r\n      case 'switch':\r\n        return new XSwitchControl(option as XSwitchControlOption);\r\n      case 'rate':\r\n        return new XRateControl(option as XRateControlOption);\r\n      case 'date-picker':\r\n        return new XDatePickerControl(option as XDatePickerControlOption);\r\n      case 'time-picker':\r\n        return new XTimePickerControl(option as XTimePickerControlOption);\r\n      case 'input-number':\r\n        return new XInputNumberControl(option as XInputNumberControlOption);\r\n      case 'slider-select':\r\n        return new XSliderSelectControl(option as XSliderSelectControlOption);\r\n      case 'cascade':\r\n        return new XCascadeControl(option as XCascadeControlOption);\r\n      case 'color-picker':\r\n        return new XColorPickerControl(option as XColorPickerControlOption);\r\n      case 'textarea':\r\n        return new XTextareaControl(option as XTextareaControlOption);\r\n      case 'find':\r\n        return new XFindControl(option as XFindControlOption);\r\n      case 'auto-complete':\r\n        return new XAutoCompleteControl(option as XAutoCompleteControlOption);\r\n      default:\r\n        return new XInputControl(option as XInputControlOption);\r\n    }\r\n  }\r\n}\r\n","<div class=\"x-control\" [formGroup]=\"form.formGroup\">\r\n  <ng-container [ngSwitch]=\"option.control\">\r\n    <ng-container *ngSwitchCase=\"'input'\">\r\n      <x-input [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-input>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'select'\">\r\n      <x-select [formControlName]=\"option.id\"></x-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'cascade'\">\r\n      <x-cascade [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-cascade>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox [formControlName]=\"option.id\"></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'color-picker'\">\r\n      <x-color-picker [formControlName]=\"option.id\"></x-color-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date-picker'\">\r\n      <x-date-picker [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-date-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'input-number'\">\r\n      <x-input-number [formControlName]=\"option.id\"></x-input-number>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'radio'\">\r\n      <x-radio [formControlName]=\"option.id\"></x-radio>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rate'\">\r\n      <x-rate [formControlName]=\"option.id\"></x-rate>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'slider-select'\">\r\n      <x-slider-select [formControlName]=\"option.id\"></x-slider-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'switch'\">\r\n      <x-switch [formControlName]=\"option.id\"></x-switch>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'time-picker'\">\r\n      <x-time-picker [formControlName]=\"option.id\"></x-time-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n      <x-textarea [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'auto-complete'\">\r\n      <x-auto-complete [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-auto-complete>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'find'\">\r\n      <x-find [formControlName]=\"option.id\"></x-find>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, SimpleChanges } from '@angular/core';\r\nimport {\r\n  XFormProperty,\r\n  XFormRow,\r\n  XFormPrefix,\r\n  XFormControlOption,\r\n  XFormControl,\r\n  XFormControlComponent,\r\n  XFormControlType\r\n} from './form.property';\r\nimport { XIsChange, XBoolean, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XFormPrefix}`,\r\n  templateUrl: './form.component.html',\r\n  styleUrls: ['./form.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XFormComponent extends XFormProperty implements OnInit {\r\n  controlsType!: 'controls' | 'rows';\r\n  controlComponents: { [property: string]: XFormControlComponent } = {};\r\n  controlTypes: { [property: string]: XFormControlType } = {};\r\n\r\n  constructor(public cdr: ChangeDetectorRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    const { disabled } = changes;\r\n    XIsChange(disabled) && this.setDisabled();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setControls();\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setDisabled();\r\n  }\r\n\r\n  setControls() {\r\n    if (this.controls && this.controls.length > 0) {\r\n      this.controlsType = this.controls[0].controls ? 'rows' : 'controls';\r\n    }\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XFormPrefix}-${this.controlsType}`] = true;\r\n  }\r\n\r\n  setDisabled() {\r\n    if (Object.keys(this.controlComponents).length === 0) return;\r\n    if (this.disabled) {\r\n      for (let key in this.controlComponents) {\r\n        let [control, type] = [this.controlComponents[key], this.controlTypes[key]];\r\n        control.disabled = true;\r\n        control.required = false;\r\n        delete (control as any).pattern;\r\n        type.setValidators && type.setValidators();\r\n        control.formControlChanges();\r\n      }\r\n    } else {\r\n      for (let key in this.controlComponents) {\r\n        let [control, type] = [this.controlComponents[key], this.controlTypes[key]];\r\n        control.disabled = type.disabled as XBoolean;\r\n        control.required = type.required as XBoolean;\r\n        control.pattern = type.pattern as RegExp | RegExp[];\r\n        type.setValidators && type.setValidators();\r\n        control.formControlChanges();\r\n      }\r\n    }\r\n    this.formGroup.updateValueAndValidity();\r\n  }\r\n\r\n  getValidatorMessages(): string[] {\r\n    let result: string[] = [];\r\n    if (this.formGroup.valid) return result;\r\n    else {\r\n      const eachControls = (array: XFormControlOption[]) => {\r\n        for (const ctr of array) {\r\n          const formCtr = this.formGroup.controls[ctr.id] as XFormControl;\r\n          if (formCtr && formCtr.invalid) {\r\n            result = [...result, ...(formCtr.messages as string[])];\r\n          }\r\n        }\r\n      };\r\n      if (this.controlsType === 'rows') {\r\n        for (const row of this.controls as XFormRow[]) {\r\n          eachControls(row.controls);\r\n        }\r\n      } else {\r\n        eachControls(this.controls as XFormControlOption[]);\r\n      }\r\n    }\r\n    return result;\r\n  }\r\n\r\n  trackByControl(_index: number, item: XFormControlOption) {\r\n    return item.id;\r\n  }\r\n}\r\n","<form\r\n  #form\r\n  class=\"x-form\"\r\n  [formGroup]=\"formGroup\"\r\n  [style.width]=\"width\"\r\n  [style.padding-bottom.rem]=\"controlsType === 'controls' ? this.space : 0\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <ng-container [ngSwitch]=\"controlsType\">\r\n    <ng-container *ngSwitchCase=\"'controls'\">\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: controls }\"> </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rows'\">\r\n      <ng-container *ngTemplateOutlet=\"rowsTemp; context: { rows: controls }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</form>\r\n\r\n<ng-template #rowsTemp let-rows=\"rows\">\r\n  <ng-container *ngFor=\"let row of rows\">\r\n    <x-row [hidden]=\"row.hidden\">\r\n      <ng-container *ngTemplateOutlet=\"titleTemp; context: { row: row }\"></ng-container>\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: row.controls }\"></ng-container>\r\n    </x-row>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #controlsTemp let-controls=\"controls\">\r\n  <x-row [space]=\"space\">\r\n    <x-col\r\n      [style.padding-top.rem]=\"space\"\r\n      [span]=\"!control.span ? span : control.span\"\r\n      *ngFor=\"let control of controls; trackBy: trackByControl\"\r\n      [hidden]=\"control.hidden\"\r\n    >\r\n      <ng-container *xOutlet=\"controlTpl[control.id]; context: { $option: control }\">\r\n        <x-control [option]=\"control\" [form]=\"this\"></x-control>\r\n      </ng-container>\r\n    </x-col>\r\n  </x-row>\r\n</ng-template>\r\n\r\n<ng-template #titleTemp let-row=\"row\">\r\n  <label class=\"x-form-title\">\r\n    <x-icon *ngIf=\"row.icon\" [type]=\"row.icon\"></x-icon>\r\n    <span>{{ row.title }}</span>\r\n  </label>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XFormComponent } from './form.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XLayoutModule } from '@ng-nest/ui/layout';\r\nimport { XControlComponent } from './control.component';\r\nimport { XFormProperty, XControlProperty } from './form.property';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XSelectModule } from '@ng-nest/ui/select';\r\nimport { XCascadeModule } from '@ng-nest/ui/cascade';\r\nimport { XCheckboxModule } from '@ng-nest/ui/checkbox';\r\nimport { XColorPickerModule } from '@ng-nest/ui/color-picker';\r\nimport { XDatePickerModule } from '@ng-nest/ui/date-picker';\r\nimport { XInputNumberModule } from '@ng-nest/ui/input-number';\r\nimport { XRadioModule } from '@ng-nest/ui/radio';\r\nimport { XRateModule } from '@ng-nest/ui/rate';\r\nimport { XSliderSelectModule } from '@ng-nest/ui/slider-select';\r\nimport { XSwitchModule } from '@ng-nest/ui/switch';\r\nimport { XTimePickerModule } from '@ng-nest/ui/time-picker';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XFindModule } from '@ng-nest/ui/find';\r\nimport { XTextareaModule } from '@ng-nest/ui/textarea';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\nimport { XAutoCompleteModule } from '@ng-nest/ui/auto-complete';\r\n\r\nconst modules = [\r\n  XLayoutModule,\r\n  XIconModule,\r\n  XInputModule,\r\n  XSelectModule,\r\n  XCascadeModule,\r\n  XCheckboxModule,\r\n  XColorPickerModule,\r\n  XDatePickerModule,\r\n  XInputNumberModule,\r\n  XRadioModule,\r\n  XRateModule,\r\n  XSliderSelectModule,\r\n  XSwitchModule,\r\n  XTimePickerModule,\r\n  XTextareaModule,\r\n  XFindModule,\r\n  XAutoCompleteModule,\r\n  XOutletModule,\r\n  XBaseFormModule\r\n];\r\n\r\n@NgModule({\r\n  declarations: [XFormComponent, XControlComponent, XFormProperty, XControlProperty],\r\n  exports: [XFormComponent, XControlComponent],\r\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, ...modules]\r\n})\r\nexport class XFormModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-highlight.mjs

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+import { XProperty, XIsChange, XIsEmpty } from '@ng-nest/ui/core';
+import * as i1 from '@angular/platform-browser';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Highlight
+ * @selector x-highlight
+ * @decorator component
+ */
+const XHighlightPrefix = 'x-highlight';
+/**
+ * Highlight Property
+ */
+class XHighlightProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 高亮行数据
+         * @en_US Highlight row data
+         */
+        this.highlightLines = {};
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XHighlightProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XHighlightProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XHighlightProperty, selector: "ng-component", inputs: { type: "type", data: "data", highlightLines: "highlightLines" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], highlightLines: [{
+                type: Input
+            }] } });
+
+class XHighlightComponent extends XHighlightProperty {
+    constructor(elementRef, renderer, cdr, sanitizer) {
+        super();
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.sanitizer = sanitizer;
+        this.lines = [];
+        this.lineHeight = 1.1875;
+        this.renderer.addClass(this.elementRef.nativeElement, XHighlightPrefix);
+    }
+    ngOnChanges(changes) {
+        const { data } = changes;
+        XIsChange(data) && this.setData();
+    }
+    setData() {
+        var _a;
+        if (XIsEmpty(this.type))
+            return;
+        if (XIsEmpty(this.data))
+            this.data = '';
+        if ((_a = Prism === null || Prism === void 0 ? void 0 : Prism.languages) === null || _a === void 0 ? void 0 : _a[this.type]) {
+            this.lines = this.data.split(/\n(?!$)/g);
+            this.display = this.sanitizer.bypassSecurityTrustHtml(Prism.highlight(this.data, Prism.languages[this.type], this.type) + this.createLineNumbers() + this.createHighlightLines());
+        }
+        else {
+            console.warn(`x-highlight: [${this.type}] file are not supported, the prismjs plugin is used for highlight, so configure the introduction in angular.json.`);
+            this.display = this.sanitizer.bypassSecurityTrustHtml(this.data);
+        }
+        this.cdr.detectChanges();
+    }
+    createLineNumbers() {
+        var _a;
+        let result = '';
+        if (((_a = this.lines) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            result = `<span class="line-numbers">${new Array(this.lines.length + 1).join('<span></span>')}</span>`;
+        }
+        return result;
+    }
+    createHighlightLines() {
+        let result = '';
+        for (const key in this.highlightLines) {
+            const spt = this.highlightLines[key].split(',');
+            for (const st of spt) {
+                const sp = st.split('-');
+                const top = this.lineHeight * (Number(sp[0]) - 1);
+                let height = this.lineHeight * (sp.length === 2 ? Number(sp[1]) - Number(sp[0]) + 1 : 1);
+                result += `<div class="line-highlight ${key}" style="top: ${top}rem; height: ${height}rem"></div>`;
+            }
+        }
+        return result;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XHighlightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XHighlightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XHighlightComponent, selector: "x-highlight", viewQueries: [{ propertyName: "codeRef", first: true, predicate: ["code"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<pre>\r\n  <code #code class=\"language-{{ type }}\" [innerHTML]=\"display\"></code>\r\n</pre>\r\n", styles: [".x-highlight{margin:0;padding:0;display:block;line-height:0;width:100%;border:.0625rem solid var(--x-border)}.x-highlight>pre{display:flex;padding:.875rem .875rem .875rem 3.5rem;margin:0;overflow:auto;background-color:var(--x-background);counter-reset:line-number}.x-highlight>pre>code{position:relative;line-height:1.1875rem;text-shadow:none;white-space:inherit;min-width:100%;color:var(--x-text)}.x-highlight>pre>code>span.line-numbers{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.5rem;width:3.5rem;letter-spacing:-1px;-webkit-user-select:none;user-select:none;color:var(--x-text-400)}.x-highlight>pre>code>span.line-numbers>span:before{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-right:.5rem;margin-right:.875rem;text-align:right;pointer-events:none;display:block;counter-increment:line-number;content:counter(line-number)}.x-highlight>pre>code>.line-highlight{position:absolute;opacity:.1;pointer-events:none;line-height:inherit;white-space:pre;width:calc(100% + 3.5rem);left:-3.5rem;border-radius:var(--x-border-radius)}.x-highlight>pre>code>.line-highlight.primary{background-color:var(--x-primary)}.x-highlight>pre>code>.line-highlight.success{background-color:var(--x-success)}.x-highlight>pre>code>.line-highlight.warning{background-color:var(--x-warning)}.x-highlight>pre>code>.line-highlight.danger{background-color:var(--x-danger)}.x-highlight>pre>code>.line-highlight.info{background-color:var(--x-info)}.x-highlight .token.operator,.x-highlight .token.entity,.x-highlight .token.url,.x-highlight .language-css .token.string,.x-highlight .style .token.string{color:var(--x-text);background:transparent}.x-highlight .token.property,.x-highlight .token.tag,.x-highlight .token.boolean,.x-highlight .token.number,.x-highlight .token.constant,.x-highlight .token.symbol,.x-highlight .token.deleted{color:#e6a23c}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XHighlightPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<pre>\r\n  <code #code class=\"language-{{ type }}\" [innerHTML]=\"display\"></code>\r\n</pre>\r\n", styles: [".x-highlight{margin:0;padding:0;display:block;line-height:0;width:100%;border:.0625rem solid var(--x-border)}.x-highlight>pre{display:flex;padding:.875rem .875rem .875rem 3.5rem;margin:0;overflow:auto;background-color:var(--x-background);counter-reset:line-number}.x-highlight>pre>code{position:relative;line-height:1.1875rem;text-shadow:none;white-space:inherit;min-width:100%;color:var(--x-text)}.x-highlight>pre>code>span.line-numbers{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.5rem;width:3.5rem;letter-spacing:-1px;-webkit-user-select:none;user-select:none;color:var(--x-text-400)}.x-highlight>pre>code>span.line-numbers>span:before{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-right:.5rem;margin-right:.875rem;text-align:right;pointer-events:none;display:block;counter-increment:line-number;content:counter(line-number)}.x-highlight>pre>code>.line-highlight{position:absolute;opacity:.1;pointer-events:none;line-height:inherit;white-space:pre;width:calc(100% + 3.5rem);left:-3.5rem;border-radius:var(--x-border-radius)}.x-highlight>pre>code>.line-highlight.primary{background-color:var(--x-primary)}.x-highlight>pre>code>.line-highlight.success{background-color:var(--x-success)}.x-highlight>pre>code>.line-highlight.warning{background-color:var(--x-warning)}.x-highlight>pre>code>.line-highlight.danger{background-color:var(--x-danger)}.x-highlight>pre>code>.line-highlight.info{background-color:var(--x-info)}.x-highlight .token.operator,.x-highlight .token.entity,.x-highlight .token.url,.x-highlight .language-css .token.string,.x-highlight .style .token.string{color:var(--x-text);background:transparent}.x-highlight .token.property,.x-highlight .token.tag,.x-highlight .token.boolean,.x-highlight .token.number,.x-highlight .token.constant,.x-highlight .token.symbol,.x-highlight .token.deleted{color:#e6a23c}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { codeRef: [{
+                type: ViewChild,
+                args: ['code', { static: false }]
+            }] } });
+
+class XHighlightModule {
+}
+/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightModule, declarations: [XHighlightComponent, XHighlightProperty], imports: [CommonModule], exports: [XHighlightComponent] });
+/** @nocollapse */ /** @nocollapse */ XHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHighlightModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XHighlightComponent, XHighlightProperty],
+                    exports: [XHighlightComponent],
+                    imports: [CommonModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XHighlightComponent, XHighlightModule, XHighlightPrefix, XHighlightProperty };
+//# sourceMappingURL=ng-nest-ui-highlight.mjs.map

package/fesm2015/ng-nest-ui-highlight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-highlight.mjs","sources":["../../../../lib/ng-nest/ui/highlight/highlight.property.ts","../../../../lib/ng-nest/ui/highlight/highlight.component.ts","../../../../lib/ng-nest/ui/highlight/highlight.component.html","../../../../lib/ng-nest/ui/highlight/highlight.module.ts","../../../../lib/ng-nest/ui/highlight/ng-nest-ui-highlight.ts"],"sourcesContent":["import { XProperty } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Highlight\r\n * @selector x-highlight\r\n * @decorator component\r\n */\r\nexport const XHighlightPrefix = 'x-highlight';\r\n\r\n/**\r\n * Highlight Property\r\n */\r\n@Component({ template: '' })\r\nexport class XHighlightProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 代码类型\r\n   * @en_US Code type\r\n   */\r\n  @Input() type?: string;\r\n  /**\r\n   * @zh_CN 数据\r\n   * @en_US Data\r\n   */\r\n  @Input() data?: string;\r\n  /**\r\n   * @zh_CN 高亮行数据\r\n   * @en_US Highlight row data\r\n   */\r\n  @Input() highlightLines: XHighlightLines = {};\r\n}\r\n\r\n/**\r\n * @zh_CN 高亮行数据\r\n * @en_US Highlight row data\r\n * @description {'danger': '1, 2, 4', 'primary': '7-10, 12, 15-20'}\r\n */\r\nexport type XHighlightLines = { [property: string]: string };\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  Renderer2,\r\n  OnChanges,\r\n  ViewChild,\r\n  ChangeDetectorRef,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XHighlightPrefix, XHighlightProperty } from './highlight.property';\r\nimport { XIsChange, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\n\r\ndeclare let Prism: any;\r\n\r\n@Component({\r\n  selector: `${XHighlightPrefix}`,\r\n  templateUrl: './highlight.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XHighlightComponent extends XHighlightProperty implements OnChanges {\r\n  @ViewChild('code', { static: false }) codeRef!: ElementRef;\r\n\r\n  display!: SafeHtml;\r\n  lines: string[] = [];\r\n  lineHeight = 1.1875;\r\n\r\n  constructor(public elementRef: ElementRef, public renderer: Renderer2, public cdr: ChangeDetectorRef, public sanitizer: DomSanitizer) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XHighlightPrefix);\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  setData(): void {\r\n    if (XIsEmpty(this.type)) return;\r\n    if (XIsEmpty(this.data)) this.data = '';\r\n    if (Prism?.languages?.[this.type as string]) {\r\n      this.lines = (this.data as string).split(/\\n(?!$)/g);\r\n      this.display = this.sanitizer.bypassSecurityTrustHtml(\r\n        Prism.highlight(this.data, Prism.languages[this.type as string], this.type) + this.createLineNumbers() + this.createHighlightLines()\r\n      );\r\n    } else {\r\n      console.warn(\r\n        `x-highlight: [${this.type}] file are not supported, the prismjs plugin is used for highlight, so configure the introduction in angular.json.`\r\n      );\r\n      this.display = this.sanitizer.bypassSecurityTrustHtml(this.data as string);\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  createLineNumbers() {\r\n    let result = '';\r\n    if (this.lines?.length > 0) {\r\n      result = `<span class=\"line-numbers\">${new Array(this.lines.length + 1).join('<span></span>')}</span>`;\r\n    }\r\n    return result;\r\n  }\r\n\r\n  createHighlightLines() {\r\n    let result = '';\r\n    for (const key in this.highlightLines) {\r\n      const spt = this.highlightLines[key].split(',');\r\n      for (const st of spt) {\r\n        const sp = st.split('-');\r\n        const top = this.lineHeight * (Number(sp[0]) - 1);\r\n        let height = this.lineHeight * (sp.length === 2 ? Number(sp[1]) - Number(sp[0]) + 1 : 1);\r\n        result += `<div class=\"line-highlight ${key}\" style=\"top: ${top}rem; height: ${height}rem\"></div>`;\r\n      }\r\n    }\r\n\r\n    return result;\r\n  }\r\n}\r\n","<pre>\r\n  <code #code class=\"language-{{ type }}\" [innerHTML]=\"display\"></code>\r\n</pre>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XHighlightComponent } from './highlight.component';\r\nimport { XHighlightProperty } from './highlight.property';\r\n\r\n@NgModule({\r\n  declarations: [XHighlightComponent, XHighlightProperty],\r\n  exports: [XHighlightComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XHighlightModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}