rd-outer-component 0.0.20 → 0.0.21

package/lib/modules/custom-input-amount/custom-input-amount.component.d.ts

@@ -35,5 +35,5 @@ export declare class CustomInputAmountComponent implements ControlValueAccessor,
     validate(control: AbstractControl): ValidationErrors | null;
     writeValue(value: string | number | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomInputAmountComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputAmountComponent, "app-rd-input-amount", never, { "label": "label"; "symbol": "symbol"; "name": "name"; "disabled": "disabled"; "min": "min"; "max": "max"; "nzPrecision": "nzPrecision"; "required": "required"; "errorMessages": "errorMessages"; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputAmountComponent, "app-rd-input-amount", never, { "label": "label"; "symbol": "symbol"; "name": "name"; "disabled": "disabled"; "min": "min"; "max": "max"; "nzPrecision": "nzPrecision"; "required": "required"; "errorMessages": "errorMessages"; }, { "valueChange": "valueChange"; }, never, ["[slot='token']", "*"], false, never>;
 }

package/lib/modules/custom-select/index.d.ts

@@ -1,2 +1,5 @@
 export * from './custom-select.component';
 export * from './custom-select.module';
+export * from './pure-select-token/pure-select-token.type';
+export * from './pure-select-token/pure-select-token.component';
+export * from './pure-select-token/pure-select-token.module';

package/lib/modules/custom-select/pure-select-token/pure-select-token.component.d.ts

@@ -0,0 +1,31 @@
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ITokenSelectOption } from './pure-select-token.type';
+import * as i0 from "@angular/core";
+export interface ISelectOption {
+    value: string;
+    name: string;
+    iconUrl: string;
+    disabled?: boolean;
+}
+export declare class PureSelectTokenComponent implements ControlValueAccessor, OnInit {
+    disabled: boolean;
+    tokens: ITokenSelectOption[];
+    label: string;
+    value: string | null;
+    isLoading: boolean;
+    isFocus: boolean;
+    isOpen: boolean;
+    ngOnInit(): void;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    handleValueChange(value: string): void;
+    handleOpenChange(value: boolean): void;
+    getIconUrl(token: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PureSelectTokenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PureSelectTokenComponent, "app-rd-pure-select-token", never, { "disabled": "disabled"; "tokens": "tokens"; "label": "label"; }, {}, never, never, false, never>;
+}

package/lib/modules/custom-select/pure-select-token/pure-select-token.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./pure-select-token.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ng-zorro-antd/spin";
+import * as i5 from "ng-zorro-antd/select";
+import * as i6 from "../../form-item/form-item.module";
+import * as i7 from "ng-zorro-antd/avatar";
+export declare class RdPureSelectTokenModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdPureSelectTokenModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdPureSelectTokenModule, [typeof i1.PureSelectTokenComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.NzSpinModule, typeof i5.NzSelectModule, typeof i6.FormItemModule, typeof i7.NzAvatarModule], [typeof i1.PureSelectTokenComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdPureSelectTokenModule>;
+}

package/lib/modules/custom-select/pure-select-token/pure-select-token.type.d.ts

@@ -0,0 +1,6 @@
+export interface ITokenSelectOption {
+    value: string;
+    name: string;
+    disabled?: boolean;
+    iconUrl?: string;
+}

package/lib/modules/form-item/form-item.component.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class FormItemComponent {
+    errorMessage?: string;
+    disabled?: boolean;
+    label?: string;
+    type?: 'select';
+    focus?: boolean;
+    size?: 'small' | 'normal';
+    get isShowSelectIcon(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormItemComponent, "app-rd-form-item", never, { "errorMessage": "errorMessage"; "disabled": "disabled"; "label": "label"; "type": "type"; "focus": "focus"; "size": "size"; }, {}, never, ["*"], false, never>;
+}

package/lib/modules/form-item/form-item.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-item.component";
+import * as i2 from "@angular/common";
+export declare class FormItemModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormItemModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormItemModule, [typeof i1.FormItemComponent], [typeof i2.CommonModule], [typeof i1.FormItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormItemModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rd-outer-component",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "peerDependencies": {
     "@angular/common": "^15.2.0",
     "@angular/core": "^15.2.0",

package/src/lib/assets/img/no-data.svg

@@ -0,0 +1,6 @@
+<svg width="61" height="68" viewBox="0 0 61 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6865 5.29492L19.2978 22.5046" stroke="#D1D5DB" stroke-width="1.37052"/>
+<path d="M0 9H50.7093V67.9324H10.9642C4.90883 67.9324 0 63.0236 0 56.9682V9Z" fill="#F3F4F6"/>
+<path d="M11.7318 7.5053C11.6338 7.13974 11.2581 6.9228 10.8925 7.02075C10.5269 7.1187 10.31 7.49446 10.4079 7.86002L11.7318 7.5053ZM9.32173 22.3397L9.98364 22.1624L5.9044 6.93844L5.24249 7.1158L4.58058 7.29316L8.65982 22.5171L9.32173 22.3397ZM11.0698 7.68266L10.4079 7.86002L13.9551 21.0982L14.617 20.9209L15.2789 20.7435L11.7318 7.5053L11.0698 7.68266ZM14.5092 4.63278L13.8473 4.81014L14.7341 8.11969L15.396 7.94233L16.0579 7.76497L15.1711 4.45542L14.5092 4.63278ZM12.6788 24.278L12.5014 23.616C11.4048 23.9099 10.2775 23.2591 9.98364 22.1624L9.32173 22.3397L8.65982 22.5171C9.14958 24.3449 11.0283 25.4296 12.8562 24.9399L12.6788 24.278ZM12.6788 24.278L12.8562 24.9399C14.684 24.4501 15.7687 22.5713 15.2789 20.7435L14.617 20.9209L13.9551 21.0982C14.249 22.1949 13.5981 23.3222 12.5014 23.616L12.6788 24.278ZM8.63435 1.24091L8.81171 1.90282C11.0051 1.31511 13.2596 2.61676 13.8473 4.81014L14.5092 4.63278L15.1711 4.45542C14.3875 1.53092 11.3815 -0.204617 8.45699 0.579002L8.63435 1.24091ZM8.63435 1.24091L8.45699 0.579002C5.53249 1.36262 3.79696 4.36866 4.58058 7.29316L5.24249 7.1158L5.9044 6.93844C5.31668 4.74506 6.61833 2.49054 8.81171 1.90282L8.63435 1.24091Z" fill="#D1D5DB"/>
+<path opacity="0.5" d="M60.3027 57.0361C60.3026 63.0913 55.3941 67.9999 49.3389 68H8.22266C14.2779 68 19.1874 63.0914 19.1875 57.0361V52.9248H60.3027V57.0361Z" fill="#367AF6" fill-opacity="0.2"/>
+</svg>

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

@@ -116,8 +116,8 @@
 
 .form-number-item {
   position: relative;
-  border-radius: 12px;
-  padding: 12px 6px;
+  border-radius: 4px;
+  padding: 12px 16px;
   background-color: #fff;
   border: 1px solid #e5e7eb;
   width: 100%;
@@ -126,8 +126,8 @@
   .item-label {
     color: #6b7280;
     font-size: 12px;
-    padding: 0 12px;
-    font-weight: 500;
+    // padding: 0 12px;
+    font-weight: 600;
   }
 
   .item-content {
@@ -145,6 +145,7 @@
       line-height: 48px;
       color: #030712;
       border: none;
+      padding: 4px 0;
 
       &:focus,
       &:active,