rd-outer-component 0.0.93 → 0.0.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/esm2020/lib/modules/custom-checkbox/custom-checkbox.component.mjs +26 -19
  2. package/esm2020/lib/modules/custom-date/custom-date.component.mjs +141 -18
  3. package/esm2020/lib/modules/custom-date/custom-date.module.mjs +19 -4
  4. package/esm2020/lib/modules/custom-filter/custom-filter.component.mjs +2 -2
  5. package/esm2020/lib/modules/custom-input/custom-input.component.mjs +68 -34
  6. package/esm2020/lib/modules/custom-input/custom-input.module.mjs +7 -3
  7. package/esm2020/lib/modules/custom-input-amount/custom-input-amount.component.mjs +28 -29
  8. package/esm2020/lib/modules/custom-radio/custom-radio.component.mjs +82 -16
  9. package/esm2020/lib/modules/custom-select/index.mjs +5 -3
  10. package/esm2020/lib/modules/custom-select/industry-cascader/industry-cascader.component.mjs +361 -0
  11. package/esm2020/lib/modules/custom-select/industry-cascader/industry-cascader.module.mjs +60 -0
  12. package/esm2020/lib/modules/custom-select/pure-select-token/pure-select-token.component.mjs +3 -3
  13. package/esm2020/lib/modules/custom-select/rd-select.component.mjs +432 -0
  14. package/esm2020/lib/modules/custom-select/rd-select.module.mjs +67 -0
  15. package/esm2020/lib/modules/custom-textarea/custom-textarea.component.mjs +2 -2
  16. package/esm2020/lib/modules/form-item/form-item.component.mjs +20 -3
  17. package/esm2020/lib/modules/rd-button/rd-button.component.mjs +133 -0
  18. package/esm2020/lib/modules/rd-button/rd-button.module.mjs +20 -0
  19. package/fesm2015/rd-outer-component.mjs +1280 -218
  20. package/fesm2015/rd-outer-component.mjs.map +1 -1
  21. package/fesm2020/rd-outer-component.mjs +1276 -214
  22. package/fesm2020/rd-outer-component.mjs.map +1 -1
  23. package/lib/modules/custom-checkbox/custom-checkbox.component.d.ts +7 -3
  24. package/lib/modules/custom-date/custom-date.component.d.ts +30 -6
  25. package/lib/modules/custom-date/custom-date.module.d.ts +2 -1
  26. package/lib/modules/custom-input/custom-input.component.d.ts +12 -3
  27. package/lib/modules/custom-input/custom-input.module.d.ts +2 -1
  28. package/lib/modules/custom-input-amount/custom-input-amount.component.d.ts +5 -5
  29. package/lib/modules/custom-radio/custom-radio.component.d.ts +21 -7
  30. package/lib/modules/custom-select/index.d.ts +4 -2
  31. package/lib/modules/custom-select/industry-cascader/industry-cascader.component.d.ts +81 -0
  32. package/lib/modules/custom-select/industry-cascader/industry-cascader.module.d.ts +18 -0
  33. package/lib/modules/custom-select/rd-select.component.d.ts +90 -0
  34. package/lib/modules/custom-select/rd-select.module.d.ts +19 -0
  35. package/lib/modules/form-item/form-item.component.d.ts +7 -2
  36. package/lib/modules/rd-button/rd-button.component.d.ts +53 -0
  37. package/lib/modules/rd-button/rd-button.module.d.ts +10 -0
  38. package/package.json +4 -2
  39. package/src/lib/assets/scss/form-item.scss +2 -2
  40. package/esm2020/lib/modules/custom-select/custom-select.component.mjs +0 -194
  41. package/esm2020/lib/modules/custom-select/custom-select.module.mjs +0 -39
  42. package/lib/modules/custom-select/custom-select.component.d.ts +0 -53
  43. package/lib/modules/custom-select/custom-select.module.d.ts +0 -12
@@ -1,13 +1,17 @@
1
1
  import { EventEmitter, ChangeDetectorRef } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
- import { ISelectOption } from '../../types/common.type';
3
+ import { ISelectOption } from '../custom-select';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class CustomCheckboxComponent implements ControlValueAccessor {
6
6
  private cdr;
7
7
  label: string;
8
8
  name: string;
9
9
  disabled: boolean;
10
- filteredOptions: ISelectOption[];
10
+ type: '' | 'isBpn';
11
+ /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
12
+ theme?: 'light' | 'dark';
13
+ get hostThemeLight(): boolean;
14
+ get hostThemeDark(): boolean;
11
15
  set options(val: ISelectOption[]);
12
16
  get options(): ISelectOption[];
13
17
  valueChange: EventEmitter<ISelectOption[]>;
@@ -23,5 +27,5 @@ export declare class CustomCheckboxComponent implements ControlValueAccessor {
23
27
  registerOnTouched(fn: any): void;
24
28
  handleValueChange(value: ISelectOption[]): void;
25
29
  static ɵfac: i0.ɵɵFactoryDeclaration<CustomCheckboxComponent, never>;
26
- static ɵcmp: i0.ɵɵComponentDeclaration<CustomCheckboxComponent, "app-rd-checkbox", never, { "label": "label"; "name": "name"; "disabled": "disabled"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
30
+ static ɵcmp: i0.ɵɵComponentDeclaration<CustomCheckboxComponent, "app-custom-checkbox", never, { "label": "label"; "name": "name"; "disabled": "disabled"; "type": "type"; "theme": "theme"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
27
31
  }
@@ -1,26 +1,50 @@
1
+ import { ChangeDetectorRef } from '@angular/core';
1
2
  import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
3
+ import { TranslateService } from '@ngx-translate/core';
2
4
  import { NzDatePickerComponent } from 'ng-zorro-antd/date-picker';
3
5
  import * as i0 from "@angular/core";
4
6
  export declare class CustomDateComponent implements ControlValueAccessor, Validator {
7
+ private cdr;
8
+ private translate;
5
9
  disabled: boolean;
6
10
  disabledDate?: (d: Date) => boolean;
7
11
  label: string;
12
+ type: 'date' | 'range';
13
+ required: boolean;
14
+ name: string;
15
+ placeholder: string;
16
+ /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
17
+ theme?: 'light' | 'dark';
18
+ errorMessages: {
19
+ [key: string]: string;
20
+ };
8
21
  datePicker: NzDatePickerComponent;
9
- inputValue: [string, string] | null;
22
+ get hostThemeLight(): boolean;
23
+ get hostThemeDark(): boolean;
24
+ get popupClassName(): string;
25
+ inputValue: [string, string] | string | null;
10
26
  isPickerOpen: boolean;
11
- showError: boolean;
12
- currentErrorMessage: string;
27
+ isFocus: boolean;
28
+ isComponentReady: boolean;
29
+ private control;
13
30
  private onChange;
14
31
  private onTouched;
15
- ngOnInit(): void;
32
+ constructor(cdr: ChangeDetectorRef, translate: TranslateService);
33
+ get currentErrorMessage(): string;
34
+ get showError(): boolean;
35
+ get displayValue(): string;
36
+ validate(control: AbstractControl): ValidationErrors | null;
16
37
  writeValue(value: any): void;
17
38
  registerOnChange(fn: any): void;
18
39
  registerOnTouched(fn: any): void;
19
40
  setDisabledState(isDisabled: boolean): void;
20
- validate(control: AbstractControl): ValidationErrors | null;
21
41
  onDateChange(value: any): void;
22
42
  onOpenChange(open: any): void;
23
43
  openPicker(): void;
44
+ onFocus(): void;
45
+ onBlur(): void;
46
+ ngAfterViewInit(): void;
47
+ disabledEndDate: (current: Date) => boolean;
24
48
  static ɵfac: i0.ɵɵFactoryDeclaration<CustomDateComponent, never>;
25
- static ɵcmp: i0.ɵɵComponentDeclaration<CustomDateComponent, "app-rd-date", never, { "disabled": "disabled"; "disabledDate": "disabledDate"; "label": "label"; }, {}, never, never, false, never>;
49
+ static ɵcmp: i0.ɵɵComponentDeclaration<CustomDateComponent, "app-rd-date", never, { "disabled": "disabled"; "disabledDate": "disabledDate"; "label": "label"; "type": "type"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "theme": "theme"; "errorMessages": "errorMessages"; }, {}, never, never, false, never>;
26
50
  }
@@ -3,8 +3,9 @@ import * as i1 from "./custom-date.component";
3
3
  import * as i2 from "@angular/common";
4
4
  import * as i3 from "@angular/forms";
5
5
  import * as i4 from "ng-zorro-antd/date-picker";
6
+ import * as i5 from "../form-item/form-item.module";
6
7
  export declare class RdDateModule {
7
8
  static ɵfac: i0.ɵɵFactoryDeclaration<RdDateModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdDateModule, [typeof i1.CustomDateComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.NzDatePickerModule], [typeof i1.CustomDateComponent]>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdDateModule, [typeof i1.CustomDateComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.NzDatePickerModule, typeof i5.FormItemModule], [typeof i1.CustomDateComponent]>;
9
10
  static ɵinj: i0.ɵɵInjectorDeclaration<RdDateModule>;
10
11
  }
@@ -1,9 +1,10 @@
1
1
  import { EventEmitter, ChangeDetectorRef } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator, ValidatorFn } from '@angular/forms';
3
+ import { TranslateService } from '@ngx-translate/core';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class CustomInputComponent implements ControlValueAccessor, Validator {
5
6
  private cdr;
6
- lang: string;
7
+ private translate;
7
8
  label: string;
8
9
  symbol: string;
9
10
  name: string;
@@ -11,19 +12,26 @@ export declare class CustomInputComponent implements ControlValueAccessor, Valid
11
12
  maskNumber: number;
12
13
  maskType: 'amount' | 'number' | 'text';
13
14
  type: 'password' | 'text' | 'select';
15
+ allowNegativeNumbers: boolean;
16
+ /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
17
+ theme?: 'light' | 'dark';
14
18
  required: boolean;
19
+ placeholder?: string;
15
20
  min?: number;
16
21
  max?: number;
17
22
  minLength?: number;
18
23
  maxLength?: number;
19
24
  pattern?: string | RegExp;
20
25
  customValidator?: ValidatorFn;
26
+ size?: 'small' | 'default';
21
27
  errorMessages: {
22
28
  [key: string]: string;
23
29
  };
24
30
  valueChange: EventEmitter<string>;
25
31
  focus: EventEmitter<void>;
26
32
  blur: EventEmitter<void>;
33
+ get hostThemeLight(): boolean;
34
+ get hostThemeDark(): boolean;
27
35
  value: string;
28
36
  isFocused: boolean;
29
37
  private touched;
@@ -33,7 +41,8 @@ export declare class CustomInputComponent implements ControlValueAccessor, Valid
33
41
  private onValidatorChange;
34
42
  get currentErrorMessage(): string;
35
43
  get showError(): boolean;
36
- constructor(cdr: ChangeDetectorRef);
44
+ get resolvedPlaceholder(): string;
45
+ constructor(cdr: ChangeDetectorRef, translate: TranslateService);
37
46
  writeValue(value: string): void;
38
47
  registerOnChange(fn: (value: string) => void): void;
39
48
  registerOnTouched(fn: () => void): void;
@@ -44,5 +53,5 @@ export declare class CustomInputComponent implements ControlValueAccessor, Valid
44
53
  handleValueChange(value: string): void;
45
54
  validate(control: AbstractControl | null): ValidationErrors | null;
46
55
  static ɵfac: i0.ɵɵFactoryDeclaration<CustomInputComponent, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputComponent, "app-rd-input", never, { "lang": "lang"; "label": "label"; "symbol": "symbol"; "name": "name"; "disabled": "disabled"; "maskNumber": "maskNumber"; "maskType": "maskType"; "type": "type"; "required": "required"; "min": "min"; "max": "max"; "minLength": "minLength"; "maxLength": "maxLength"; "pattern": "pattern"; "customValidator": "customValidator"; "errorMessages": "errorMessages"; }, { "valueChange": "valueChange"; "focus": "focus"; "blur": "blur"; }, never, ["*"], false, never>;
56
+ static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputComponent, "app-rd-input", never, { "label": "label"; "symbol": "symbol"; "name": "name"; "disabled": "disabled"; "maskNumber": "maskNumber"; "maskType": "maskType"; "type": "type"; "allowNegativeNumbers": "allowNegativeNumbers"; "theme": "theme"; "required": "required"; "placeholder": "placeholder"; "min": "min"; "max": "max"; "minLength": "minLength"; "maxLength": "maxLength"; "pattern": "pattern"; "customValidator": "customValidator"; "size": "size"; "errorMessages": "errorMessages"; }, { "valueChange": "valueChange"; "focus": "focus"; "blur": "blur"; }, never, ["*"], false, never>;
48
57
  }
@@ -4,8 +4,9 @@ import * as i2 from "@angular/common";
4
4
  import * as i3 from "@angular/forms";
5
5
  import * as i4 from "ng-zorro-antd/input";
6
6
  import * as i5 from "ngx-mask";
7
+ import * as i6 from "@ngx-translate/core";
7
8
  export declare class RdInputModule {
8
9
  static ɵfac: i0.ɵɵFactoryDeclaration<RdInputModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdInputModule, [typeof i1.CustomInputComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i3.FormsModule, typeof i4.NzInputModule, typeof i5.NgxMaskModule], [typeof i1.CustomInputComponent]>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdInputModule, [typeof i1.CustomInputComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i3.FormsModule, typeof i4.NzInputModule, typeof i5.NgxMaskModule, typeof i6.TranslateModule], [typeof i1.CustomInputComponent]>;
10
11
  static ɵinj: i0.ɵɵInjectorDeclaration<RdInputModule>;
11
12
  }
@@ -1,8 +1,10 @@
1
1
  import { EventEmitter, ChangeDetectorRef } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
3
+ import { TranslateService } from '@ngx-translate/core';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class CustomInputAmountComponent implements ControlValueAccessor, Validator {
5
6
  private cdr;
7
+ private translate;
6
8
  lang: string;
7
9
  label: string;
8
10
  symbol: string;
@@ -14,9 +16,7 @@ export declare class CustomInputAmountComponent implements ControlValueAccessor,
14
16
  allowNegativeNumbers: boolean;
15
17
  required: boolean;
16
18
  nzSize: 'default' | 'small';
17
- errorMessages: {
18
- [key: string]: string;
19
- };
19
+ errorMessages: any;
20
20
  clearError: boolean;
21
21
  blur: EventEmitter<void>;
22
22
  focus: EventEmitter<void>;
@@ -29,10 +29,10 @@ export declare class CustomInputAmountComponent implements ControlValueAccessor,
29
29
  private onChange;
30
30
  private onTouched;
31
31
  private onValidatorChange;
32
- constructor(cdr: ChangeDetectorRef);
32
+ constructor(cdr: ChangeDetectorRef, translate: TranslateService);
33
33
  get currentErrorMessage(): string;
34
34
  get showError(): boolean;
35
- handleValueChange(raw: string): void;
35
+ handleValueChange(value: string): void;
36
36
  onBlur(): void;
37
37
  onFocus(): void;
38
38
  registerOnChange(fn: (value: string) => void): void;
@@ -7,20 +7,34 @@ export declare class CustomRadioComponent implements ControlValueAccessor {
7
7
  label: string;
8
8
  name: string;
9
9
  disabled: boolean;
10
+ /** 按钮大小:large, default, small */
11
+ size: 'large' | 'default' | 'small';
12
+ direction: 'horizontal' | 'vertical';
13
+ allowDeselect: boolean;
14
+ /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
15
+ theme?: 'light' | 'dark';
16
+ get hostThemeLight(): boolean;
17
+ get hostThemeDark(): boolean;
10
18
  set options(val: ISelectOption[]);
11
19
  get options(): ISelectOption[];
12
- valueChange: EventEmitter<ISelectOption | undefined>;
20
+ valueChange: EventEmitter<ISelectOption | null>;
13
21
  private _rawOptions;
14
- value: ISelectOption | undefined;
15
- nativeValue: ISelectOption['value'] | undefined;
16
- onChange: (value: ISelectOption | undefined) => void;
22
+ private _value;
23
+ onChange: (value: ISelectOption | null) => void;
17
24
  onTouched: () => void;
18
25
  constructor(cdr: ChangeDetectorRef);
26
+ ngOnInit(): void;
27
+ ngOnDestroy(): void;
28
+ get value(): ISelectOption | null;
29
+ set value(val: ISelectOption | null);
30
+ get nativeValue(): any;
31
+ set nativeValue(val: any);
19
32
  setDisabledState(isDisabled: boolean): void;
20
- writeValue(value: ISelectOption): void;
33
+ writeValue(value: any): void;
21
34
  registerOnChange(fn: any): void;
22
35
  registerOnTouched(fn: any): void;
23
- handleValueChange(value: ISelectOption['value']): void;
36
+ handleRadioClick(optionValue: any): void;
37
+ isOptionSelected(optionValue: any): boolean;
24
38
  static ɵfac: i0.ɵɵFactoryDeclaration<CustomRadioComponent, never>;
25
- static ɵcmp: i0.ɵɵComponentDeclaration<CustomRadioComponent, "app-rd-radio", never, { "label": "label"; "name": "name"; "disabled": "disabled"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<CustomRadioComponent, "app-rd-radio", never, { "label": "label"; "name": "name"; "disabled": "disabled"; "size": "size"; "direction": "direction"; "allowDeselect": "allowDeselect"; "theme": "theme"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
26
40
  }
@@ -1,5 +1,7 @@
1
- export * from './custom-select.component';
2
- export * from './custom-select.module';
1
+ export * from './rd-select.component';
2
+ export * from './rd-select.module';
3
3
  export * from './pure-select-token/pure-select-token.type';
4
4
  export * from './pure-select-token/pure-select-token.component';
5
5
  export * from './pure-select-token/pure-select-token.module';
6
+ export * from './industry-cascader/industry-cascader.component';
7
+ export * from './industry-cascader/industry-cascader.module';
@@ -0,0 +1,81 @@
1
+ import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, EventEmitter, AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
2
+ import { AbstractControl, ControlValueAccessor, ValidationErrors } from '@angular/forms';
3
+ import { TranslateService } from '@ngx-translate/core';
4
+ import { NzCascaderOption } from 'ng-zorro-antd/cascader';
5
+ import * as i0 from "@angular/core";
6
+ export declare class IndustryCascaderComponent implements OnInit, OnChanges, ControlValueAccessor, AfterViewInit, OnDestroy {
7
+ private translate;
8
+ private cdr;
9
+ cascaderContainer: ElementRef;
10
+ valueText: ElementRef;
11
+ constructor(translate: TranslateService, cdr: ChangeDetectorRef);
12
+ disabled: boolean;
13
+ errorMessages: {
14
+ [key: string]: string;
15
+ };
16
+ industryCodes: any;
17
+ valueChange: EventEmitter<string[] | null>;
18
+ label: string;
19
+ name: string;
20
+ /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
21
+ theme?: 'light' | 'dark';
22
+ get hostThemeLight(): boolean;
23
+ get hostThemeDark(): boolean;
24
+ get drawerWrapClassName(): string;
25
+ options: NzCascaderOption[];
26
+ searchInput: string;
27
+ value: string[];
28
+ drawerOpen: boolean;
29
+ view: 'root' | 'children';
30
+ activeParent: any | NzCascaderOption | null;
31
+ isFocus: boolean;
32
+ isOpen: boolean;
33
+ searchTerm: string;
34
+ searchChildrenTerm: string;
35
+ filteredOptions: any;
36
+ filteredChildren: any;
37
+ private searchTimer;
38
+ private control;
39
+ isTextOverflow: boolean;
40
+ textOverflowInfo: {
41
+ isOverflow: boolean;
42
+ lineCount: number;
43
+ maxLines: number;
44
+ exceededLines: number;
45
+ };
46
+ overflowLineCount: number;
47
+ maxAllowedLines: number;
48
+ private resizeObserver;
49
+ get showError(): boolean;
50
+ get currentErrorMessage(): string;
51
+ onChange: (value: string[] | null | undefined) => void;
52
+ onTouched: () => void;
53
+ isMobile: boolean;
54
+ onResize(): void;
55
+ ngOnInit(): void;
56
+ ngOnChanges(changes: SimpleChanges): void;
57
+ ngAfterViewInit(): void;
58
+ ngOnDestroy(): void;
59
+ private setupResizeObserver;
60
+ private checkTextOverflow;
61
+ private calculateLineCount;
62
+ private checkWidthOverflow;
63
+ handleValueChange(value: string[]): void;
64
+ private updateIsMobile;
65
+ cascaderSearchFn: (input: string, path: any[]) => boolean;
66
+ validate(control: AbstractControl | null): ValidationErrors | null;
67
+ setDisabledState(isDisabled: boolean): void;
68
+ writeValue(value: any): void;
69
+ registerOnChange(fn: any): void;
70
+ registerOnTouched(fn: any): void;
71
+ onVisibleChange(value: any): void;
72
+ handleInitOptions(): void;
73
+ openDrawer(): void;
74
+ closeDrawer(): void;
75
+ goBackMobile(): void;
76
+ selectLeafMobile(option: any, parent?: any): void;
77
+ openChildrenMobile(opt: any): void;
78
+ doMobileSearch(value: string): void;
79
+ static ɵfac: i0.ɵɵFactoryDeclaration<IndustryCascaderComponent, never>;
80
+ static ɵcmp: i0.ɵɵComponentDeclaration<IndustryCascaderComponent, "app-industry-cascader", never, { "disabled": "disabled"; "errorMessages": "errorMessages"; "industryCodes": "industryCodes"; "label": "label"; "name": "name"; "theme": "theme"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
81
+ }
@@ -0,0 +1,18 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./industry-cascader.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/forms";
5
+ import * as i4 from "ng-zorro-antd/cascader";
6
+ import * as i5 from "ng-zorro-antd/drawer";
7
+ import * as i6 from "ng-zorro-antd/input";
8
+ import * as i7 from "ng-zorro-antd/list";
9
+ import * as i8 from "ng-zorro-antd/spin";
10
+ import * as i9 from "ng-zorro-antd/button";
11
+ import * as i10 from "../../form-item/form-item.module";
12
+ import * as i11 from "ng-zorro-antd/radio";
13
+ import * as i12 from "@ngx-translate/core";
14
+ export declare class IndustryCascaderModule {
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<IndustryCascaderModule, never>;
16
+ static ɵmod: i0.ɵɵNgModuleDeclaration<IndustryCascaderModule, [typeof i1.IndustryCascaderComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NzCascaderModule, typeof i5.NzDrawerModule, typeof i6.NzInputModule, typeof i7.NzListModule, typeof i8.NzSpinModule, typeof i9.NzButtonModule, typeof i10.FormItemModule, typeof i11.NzRadioModule, typeof i12.TranslateModule], [typeof i1.IndustryCascaderComponent]>;
17
+ static ɵinj: i0.ɵɵInjectorDeclaration<IndustryCascaderModule>;
18
+ }
@@ -0,0 +1,90 @@
1
+ import { EventEmitter, ChangeDetectorRef, AfterViewInit } from '@angular/core';
2
+ import { AbstractControl, ControlValueAccessor, ValidationErrors } from '@angular/forms';
3
+ import { TranslateService } from '@ngx-translate/core';
4
+ import { ISelectOption } from '../../types/common.type';
5
+ import * as i0 from "@angular/core";
6
+ export declare class RdSelectComponent implements ControlValueAccessor, AfterViewInit {
7
+ private cdr;
8
+ private translate;
9
+ label: string;
10
+ customTpl: any;
11
+ optionTpl: any;
12
+ name: string;
13
+ disabled: boolean;
14
+ nzMode: 'multiple' | 'default';
15
+ isCurrency?: boolean;
16
+ currencyUrlMap?: Record<string, string>;
17
+ optionHeightPx?: number;
18
+ nzMaxMultipleCount: any;
19
+ isLoading: boolean;
20
+ isShowSearch: boolean;
21
+ isRemoteSearch: boolean;
22
+ placeholder: string;
23
+ isRquired: boolean;
24
+ isShowErrorTip: boolean;
25
+ isSearchWidthAuto: boolean;
26
+ set options(val: ISelectOption[]);
27
+ get options(): ISelectOption[];
28
+ errorMessages: {
29
+ [key: string]: string;
30
+ };
31
+ searchChange: EventEmitter<string>;
32
+ valueChange: EventEmitter<ISelectOption | ISelectOption[]>;
33
+ scrollToBottomEmit: EventEmitter<void>;
34
+ private _rawOptions;
35
+ filteredOptions: ISelectOption[];
36
+ value: ISelectOption | ISelectOption[] | undefined;
37
+ nativeValue: ISelectOption['value'] | ISelectOption['value'][] | undefined;
38
+ drawerSelectValue: any | ISelectOption['value'] | ISelectOption['value'][] | undefined;
39
+ searchInput: string;
40
+ businessLocation: boolean;
41
+ businessLocationTitle: string;
42
+ onChange: (value: ISelectOption | ISelectOption[] | undefined) => void;
43
+ onTouched: () => void;
44
+ isFocus: boolean;
45
+ isOpen: boolean;
46
+ isComponentReady: boolean;
47
+ private control;
48
+ searchTerm: string;
49
+ drawerOpen: boolean;
50
+ modalOpen: boolean;
51
+ showSelectedCount: boolean;
52
+ showClearAll: boolean;
53
+ selectedLabel: string;
54
+ clearAllLabel: string;
55
+ showTopHint: boolean;
56
+ topHintText: string;
57
+ get selectedCount(): number;
58
+ get dropdownClassNames(): string[];
59
+ get isShowMaxCount(): boolean;
60
+ isMobile: boolean;
61
+ onResize(): void;
62
+ clearAll(): void;
63
+ get currentErrorMessage(): string;
64
+ get showError(): boolean;
65
+ constructor(cdr: ChangeDetectorRef, translate: TranslateService);
66
+ private updateIsMobile;
67
+ openDrawer(): void;
68
+ getDrawerSelectValueLen(): number;
69
+ closeDrawer(): void;
70
+ closeModal(): void;
71
+ get drawerSelectedCount(): number;
72
+ getOptionDisabled(option: ISelectOption): boolean;
73
+ onCheckboxChange(selectedValues: any[]): void;
74
+ multSelectMobileNext(): void;
75
+ getDisableNext(): boolean;
76
+ doMobileSearch(value: string): void;
77
+ isValueSelected(optionValue: any): boolean;
78
+ validate(control: AbstractControl | null): ValidationErrors | null;
79
+ setDisabledState(isDisabled: boolean): void;
80
+ writeValue(value: ISelectOption | ISelectOption[]): void;
81
+ registerOnChange(fn: any): void;
82
+ registerOnTouched(fn: any): void;
83
+ handleValueChange(value: ISelectOption['value'] | ISelectOption['value'][]): void;
84
+ onScrollToBottom(): void;
85
+ onSearch(searchValue: string): void;
86
+ handleOpenChange(value: boolean): void;
87
+ ngAfterViewInit(): void;
88
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdSelectComponent, never>;
89
+ static ɵcmp: i0.ɵɵComponentDeclaration<RdSelectComponent, "app-rd-select", never, { "label": "label"; "customTpl": "customTpl"; "optionTpl": "optionTpl"; "name": "name"; "disabled": "disabled"; "nzMode": "nzMode"; "isCurrency": "isCurrency"; "currencyUrlMap": "currencyUrlMap"; "optionHeightPx": "optionHeightPx"; "nzMaxMultipleCount": "nzMaxMultipleCount"; "isLoading": "isLoading"; "isShowSearch": "isShowSearch"; "isRemoteSearch": "isRemoteSearch"; "placeholder": "placeholder"; "isRquired": "isRquired"; "isShowErrorTip": "isShowErrorTip"; "isSearchWidthAuto": "isSearchWidthAuto"; "options": "options"; "errorMessages": "errorMessages"; "businessLocation": "businessLocation"; "businessLocationTitle": "businessLocationTitle"; "showSelectedCount": "showSelectedCount"; "showClearAll": "showClearAll"; "selectedLabel": "selectedLabel"; "clearAllLabel": "clearAllLabel"; "showTopHint": "showTopHint"; "topHintText": "topHintText"; }, { "searchChange": "searchChange"; "valueChange": "valueChange"; "scrollToBottomEmit": "scrollToBottomEmit"; }, never, never, false, never>;
90
+ }
@@ -0,0 +1,19 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./rd-select.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/forms";
5
+ import * as i4 from "ng-zorro-antd/spin";
6
+ import * as i5 from "ng-zorro-antd/select";
7
+ import * as i6 from "../form-item/form-item.module";
8
+ import * as i7 from "ng-zorro-antd/drawer";
9
+ import * as i8 from "ng-zorro-antd/input";
10
+ import * as i9 from "@ngx-translate/core";
11
+ import * as i10 from "ng-zorro-antd/checkbox";
12
+ import * as i11 from "ng-zorro-antd/button";
13
+ import * as i12 from "ng-zorro-antd/modal";
14
+ import * as i13 from "../rd-button/rd-button.module";
15
+ export declare class RdSelectModule {
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdSelectModule, never>;
17
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdSelectModule, [typeof i1.RdSelectComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.NzSpinModule, typeof i5.NzSelectModule, typeof i6.FormItemModule, typeof i7.NzDrawerModule, typeof i8.NzInputModule, typeof i9.TranslateModule, typeof i10.NzCheckboxModule, typeof i11.NzButtonModule, typeof i12.NzModalModule, typeof i13.RdButtonModule], [typeof i1.RdSelectComponent]>;
18
+ static ɵinj: i0.ɵɵInjectorDeclaration<RdSelectModule>;
19
+ }
@@ -3,11 +3,16 @@ export declare class FormItemComponent {
3
3
  errorMessage?: string;
4
4
  disabled?: boolean;
5
5
  label?: string;
6
- type?: 'select';
6
+ type?: 'select' | 'date';
7
7
  focus?: boolean;
8
8
  value?: string | number | any;
9
9
  size?: 'small' | 'normal';
10
+ /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
11
+ theme?: 'light' | 'dark';
12
+ get hostThemeLight(): boolean;
13
+ get hostThemeDark(): boolean;
10
14
  get isShowSelectIcon(): boolean;
15
+ get isShowDateIcon(): boolean;
11
16
  static ɵfac: i0.ɵɵFactoryDeclaration<FormItemComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<FormItemComponent, "app-rd-form-item", never, { "errorMessage": "errorMessage"; "disabled": "disabled"; "label": "label"; "type": "type"; "focus": "focus"; "value": "value"; "size": "size"; }, {}, never, ["*"], false, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<FormItemComponent, "app-rd-form-item", never, { "errorMessage": "errorMessage"; "disabled": "disabled"; "label": "label"; "type": "type"; "focus": "focus"; "value": "value"; "size": "size"; "theme": "theme"; }, {}, never, ["*"], false, never>;
13
18
  }
@@ -0,0 +1,53 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ type NzButtonType = 'primary' | 'default' | 'dashed' | 'link' | 'text';
4
+ type NzButtonShape = 'circle' | 'round';
5
+ type NzButtonSize = 'large' | 'default' | 'small';
6
+ export declare class RdButtonComponent {
7
+ /** 按钮类型:primary, default, danger, yellow, link, text */
8
+ type: 'primary' | 'default' | 'danger' | 'yellow' | 'gray' | 'link' | 'text';
9
+ /** 按钮大小:large, default, small */
10
+ size: 'large' | 'default' | 'small';
11
+ /** 按钮形状:default, circle, round */
12
+ shape: 'default' | 'circle' | 'round';
13
+ /** 是否禁用 */
14
+ disabled: boolean;
15
+ /** 是否加载中 */
16
+ loading: boolean;
17
+ /** 是否块级元素,宽度充满父容器 */
18
+ block: boolean;
19
+ /** 原生 button 类型:button, submit, reset */
20
+ htmlType: 'button' | 'submit' | 'reset';
21
+ /** 是否显示为幽灵按钮(背景透明) */
22
+ ghost: boolean;
23
+ /** 是否显示为虚线按钮 */
24
+ dashed: boolean;
25
+ /** 图标类名(使用项目图标库) */
26
+ icon?: string;
27
+ /** 危险按钮(type=danger 时自动为 true) */
28
+ danger: boolean;
29
+ /** 点击事件 */
30
+ click: EventEmitter<MouseEvent>;
31
+ minWidth: number;
32
+ /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
33
+ theme?: 'light' | 'dark';
34
+ get hostThemeLight(): boolean;
35
+ get hostThemeDark(): boolean;
36
+ /** 获取 ng-zorro 的 nzType,兼容现有代码 */
37
+ get nzType(): NzButtonType;
38
+ /** 获取 ng-zorro 的 nzShape */
39
+ get nzShape(): NzButtonShape | any;
40
+ /** 获取 ng-zorro 的 nzSize */
41
+ get nzSize(): NzButtonSize | any;
42
+ /** 处理点击事件 */
43
+ onClick(event: MouseEvent): void;
44
+ /** 获取按钮 CSS 类 */
45
+ get buttonClasses(): {
46
+ [key: string]: boolean;
47
+ };
48
+ /** 检查是否有内容(除了图标) */
49
+ get hasContent(): boolean;
50
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdButtonComponent, never>;
51
+ static ɵcmp: i0.ɵɵComponentDeclaration<RdButtonComponent, "app-rd-button", never, { "type": "type"; "size": "size"; "shape": "shape"; "disabled": "disabled"; "loading": "loading"; "block": "block"; "htmlType": "htmlType"; "ghost": "ghost"; "dashed": "dashed"; "icon": "icon"; "danger": "danger"; "minWidth": "minWidth"; "theme": "theme"; }, { "click": "click"; }, never, ["*"], false, never>;
52
+ }
53
+ export {};
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./rd-button.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "ng-zorro-antd/button";
5
+ import * as i4 from "ng-zorro-antd/icon";
6
+ export declare class RdButtonModule {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdButtonModule, never>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdButtonModule, [typeof i1.RdButtonComponent], [typeof i2.CommonModule, typeof i3.NzButtonModule, typeof i4.NzIconModule], [typeof i1.RdButtonComponent]>;
9
+ static ɵinj: i0.ɵɵInjectorDeclaration<RdButtonModule>;
10
+ }
package/package.json CHANGED
@@ -1,12 +1,14 @@
1
1
  {
2
2
  "name": "rd-outer-component",
3
- "version": "0.0.93",
3
+ "version": "0.0.96",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "15.2.10",
6
6
  "@angular/core": "15.2.10",
7
+ "@ngx-translate/core": "14.0.0",
7
8
  "ng-zorro-antd": "15.1.0",
8
9
  "ngx-mask": "13.2.2",
9
- "big.js": "6.2.2"
10
+ "big.js": "6.2.2",
11
+ "lottie-web": "^5.13.0"
10
12
  },
11
13
  "dependencies": {
12
14
  "tslib": "2.3.0"
@@ -1,6 +1,6 @@
1
1
  .rd-form-item {
2
2
  position: relative;
3
- border-radius: 16px;
3
+ border-radius: 12px;
4
4
  padding: 2px 0;
5
5
  border: 1px solid var(--rd-input-fg-default);
6
6
  background-color: var(--rd-input-bg-default);
@@ -110,7 +110,7 @@
110
110
 
111
111
  .rd-form-number-item {
112
112
  position: relative;
113
- border-radius: 4px;
113
+ border-radius: 16px;
114
114
  padding: 12px 16px;
115
115
  background-color: var(--rd-input-bg-default);
116
116
  border: 1px solid var(--rd-input-fg-default);