rd-outer-component 0.0.96 → 0.0.98

package/lib/modules/rd-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './rd-button.component';
+export * from './rd-button.module';

package/lib/modules/rd-loading/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./rd-loading.component";
+export * from "./rd-loading.module";

package/lib/modules/rd-loading/rd-loading.component.d.ts

@@ -0,0 +1,49 @@
+import { ElementRef, AfterViewInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RdLoadingComponent implements AfterViewInit, OnDestroy, OnChanges {
+    lottieContainer: ElementRef;
+    /**
+     * 动画容器尺寸（px）。
+     *
+     * **注意**：OPLoading.json 原始尺寸为 368×368，模板内通过 `scale(0.17)` 缩放以消除锯齿。
+     * 实际显示尺寸 = `size × 0.173`。
+     *
+     * @example
+     * // 默认 ≈ 64px
+     * <app-rd-loading></app-rd-loading>
+     *
+     * // ≈ 40px
+     * <app-rd-loading [size]="235"></app-rd-loading>
+     */
+    size: number;
+    loop: boolean;
+    autoplay: boolean;
+    speed: number;
+    margin: string;
+    containerClass: string;
+    customAnimationData?: any;
+    private animation;
+    private get animationData();
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private loadAnimation;
+    private reloadAnimation;
+    private destroyAnimation;
+    /** 停止动画 */
+    stop(): void;
+    /** 设置播放速度 */
+    setSpeed(speed: number): void;
+    /** 跳转到指定帧并播放 */
+    goToAndPlay(value: number, isFrame?: boolean): void;
+    /** 跳转到指定帧并停止 */
+    goToAndStop(value: number, isFrame?: boolean): void;
+    /** 获取动画总帧数 */
+    getTotalFrames(): number;
+    /** 获取动画持续时间（秒） */
+    getDuration(): number;
+    /** 重新启动动画 */
+    restart(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdLoadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RdLoadingComponent, "app-rd-loading", never, { "size": "size"; "loop": "loop"; "autoplay": "autoplay"; "speed": "speed"; "margin": "margin"; "containerClass": "containerClass"; "customAnimationData": "customAnimationData"; }, {}, never, never, false, never>;
+}

package/lib/modules/rd-loading/rd-loading.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rd-loading.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ng-zorro-antd/input";
+export declare class RdLoadingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdLoadingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdLoadingModule, [typeof i1.RdLoadingComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i3.FormsModule, typeof i4.NzInputModule], [typeof i1.RdLoadingComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdLoadingModule>;
+}

package/lib/modules/rd-phone/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./rd-phone.component";
+export * from "./rd-phone.module";

package/lib/modules/rd-phone/rd-phone.component.d.ts

@@ -0,0 +1,25 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class RdPhoneComponent implements OnInit, OnDestroy {
+    /** Parent FormGroup — controls are registered into it */
+    form: any | FormGroup;
+    areaCodeControlName: string;
+    phoneControlName: string;
+    label: string;
+    required: boolean;
+    /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
+    theme?: 'light' | 'dark';
+    /** Area codes to exclude from the dropdown (e.g. ['+86']) */
+    excludeAreaCodes: string[];
+    _areaCodeOptions: any[];
+    get areaCodeOptions(): any[];
+    private destroy$;
+    get hostThemeLight(): boolean;
+    get hostThemeDark(): boolean;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdPhoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RdPhoneComponent, "app-rd-phone", never, { "form": "form"; "areaCodeControlName": "areaCodeControlName"; "phoneControlName": "phoneControlName"; "label": "label"; "required": "required"; "theme": "theme"; "excludeAreaCodes": "excludeAreaCodes"; "_areaCodeOptions": "_areaCodeOptions"; }, {}, never, never, false, never>;
+}

package/lib/modules/rd-phone/rd-phone.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rd-phone.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "../rd-select-value/rd-select-value.module";
+import * as i6 from "../custom-input/custom-input.module";
+export declare class RdPhoneModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdPhoneModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdPhoneModule, [typeof i1.RdPhoneComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.TranslateModule, typeof i5.RdSelectValueModule, typeof i6.RdInputModule], [typeof i1.RdPhoneComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdPhoneModule>;
+}

package/lib/modules/rd-remark-history/index.d.ts

@@ -0,0 +1,2 @@
+export * from './rd-remark-history.component';
+export * from './rd-remark-history.module';

package/lib/modules/rd-remark-history/rd-remark-history.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class RdRemarkHistoryComponent {
+    remarks: string[];
+    select: EventEmitter<string>;
+    onSelect(remark: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdRemarkHistoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RdRemarkHistoryComponent, "app-rd-remark-history", never, { "remarks": "remarks"; }, { "select": "select"; }, never, never, false, never>;
+}

package/lib/modules/rd-remark-history/rd-remark-history.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rd-remark-history.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+export declare class RdRemarkHistoryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdRemarkHistoryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdRemarkHistoryModule, [typeof i1.RdRemarkHistoryComponent], [typeof i2.CommonModule, typeof i3.TranslateModule], [typeof i1.RdRemarkHistoryComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdRemarkHistoryModule>;
+}

package/lib/modules/rd-select-value/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./rd-select-value.component";
+export * from "./rd-select-value.module";

package/lib/modules/rd-select-value/rd-select-value.component.d.ts

@@ -0,0 +1,41 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export declare class RdSelectValueComponent implements ControlValueAccessor {
+    private cdr;
+    private translate;
+    options: {
+        name: string;
+        value: any;
+    }[];
+    isShowSearch: boolean;
+    isShowErrorTip: boolean;
+    placeholder: string;
+    label: string;
+    name: string;
+    /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
+    theme?: 'light' | 'dark';
+    get hostThemeLight(): boolean;
+    get hostThemeDark(): boolean;
+    get dropdownClassName(): string;
+    value: any;
+    isDisabled: boolean;
+    isFocus: boolean;
+    isOpen: boolean;
+    searchInput: string;
+    private control;
+    private onChange;
+    private onTouched;
+    constructor(cdr: ChangeDetectorRef, translate: TranslateService);
+    get showError(): boolean;
+    get currentErrorMessage(): string;
+    onValueChange(val: any): void;
+    validate(control: AbstractControl | null): ValidationErrors | null;
+    writeValue(val: any): void;
+    registerOnChange(fn: (val: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdSelectValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RdSelectValueComponent, "app-rd-select-value", never, { "options": "options"; "isShowSearch": "isShowSearch"; "isShowErrorTip": "isShowErrorTip"; "placeholder": "placeholder"; "label": "label"; "name": "name"; "theme": "theme"; }, {}, never, never, false, never>;
+}

package/lib/modules/rd-select-value/rd-select-value.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rd-select-value.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ng-zorro-antd/select";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "../form-item/form-item.module";
+export declare class RdSelectValueModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdSelectValueModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdSelectValueModule, [typeof i1.RdSelectValueComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NzSelectModule, typeof i5.TranslateModule, typeof i6.FormItemModule], [typeof i1.RdSelectValueComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdSelectValueModule>;
+}

package/lib/modules/rd-switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./rd-switch.component";
+export * from "./rd-switch.module";

package/lib/modules/rd-switch/rd-switch.component.d.ts

@@ -0,0 +1,41 @@
+import { EventEmitter, ChangeDetectorRef } from "@angular/core";
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from "@angular/forms";
+import { TranslateService } from "@ngx-translate/core";
+import * as i0 from "@angular/core";
+export declare class RdSwitchComponent implements ControlValueAccessor, Validator {
+    private cdr;
+    private translate;
+    label: string;
+    name: string;
+    tooltip: string;
+    disabled: boolean;
+    required: boolean;
+    checkedChildren: string;
+    unCheckedChildren: string;
+    /** Local color context. Omit to inherit body `.theme-light` / `.theme-dark`. */
+    theme?: "light" | "dark";
+    get hostThemeLight(): boolean;
+    get hostThemeDark(): boolean;
+    errorMessages: {
+        [key: string]: string;
+    };
+    valueChange: EventEmitter<boolean>;
+    blur: EventEmitter<void>;
+    value: boolean;
+    private touched;
+    private onChange;
+    private onTouched;
+    private control;
+    get currentErrorMessage(): string;
+    get showError(): boolean;
+    constructor(cdr: ChangeDetectorRef, translate: TranslateService);
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onBlur(): void;
+    handleValueChange(value: boolean): void;
+    validate(control: AbstractControl | null): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RdSwitchComponent, "app-rd-switch", never, { "label": "label"; "name": "name"; "tooltip": "tooltip"; "disabled": "disabled"; "required": "required"; "checkedChildren": "checkedChildren"; "unCheckedChildren": "unCheckedChildren"; "theme": "theme"; "errorMessages": "errorMessages"; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, false, never>;
+}

package/lib/modules/rd-switch/rd-switch.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rd-switch.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ng-zorro-antd/switch";
+import * as i5 from "ng-zorro-antd/tooltip";
+import * as i6 from "@ngx-translate/core";
+export declare class RdSwitchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdSwitchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdSwitchModule, [typeof i1.RdSwitchComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i3.FormsModule, typeof i4.NzSwitchModule, typeof i5.NzToolTipModule, typeof i6.TranslateModule], [typeof i1.RdSwitchComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdSwitchModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rd-outer-component",
-  "version": "0.0.96",
+  "version": "0.0.98",
   "peerDependencies": {
     "@angular/common": "15.2.10",
     "@angular/core": "15.2.10",

package/public-api.d.ts

@@ -11,6 +11,12 @@ export * from './lib/modules/status-field';
 export * from './lib/modules/header-step';
 export * from './lib/modules/rd-notification';
 export * from './lib/modules/task-base';
+export * from './lib/modules/rd-button';
+export * from './lib/modules/rd-loading';
+export * from './lib/modules/rd-phone';
+export * from './lib/modules/rd-remark-history';
+export * from './lib/modules/rd-select-value';
+export * from './lib/modules/rd-switch';
 export * from './lib/pipes';
 export * from './lib/decorators';
 export * from './lib/utils/debounce';

package/src/lib/assets/scss/form-item.scss

@@ -1,3 +1,11 @@
+input {
+  border: none;
+}
+
+textarea[disabled] {
+  background: var(--input-bg-disable) !important;
+}
+
 .rd-form-item {
   position: relative;
   border-radius: 12px;
@@ -110,7 +118,7 @@
 
 .rd-form-number-item {
   position: relative;
-  border-radius: 16px;
+  border-radius: 12px;
   padding: 12px 16px;
   background-color: var(--rd-input-bg-default);
   border: 1px solid var(--rd-input-fg-default);