rd-outer-component 0.0.46 → 0.0.47
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.
- package/esm2020/lib/modules/custom-select/custom-select.component.mjs +52 -5
- package/esm2020/lib/modules/custom-select/custom-select.module.mjs +7 -3
- package/esm2020/lib/modules/custom-select/pure-select-token/pure-select-token.component.mjs +2 -2
- package/esm2020/lib/modules/custom-textarea/custom-textarea.component.mjs +2 -2
- package/esm2020/lib/modules/form-item/form-item.component.mjs +5 -3
- package/fesm2015/rd-outer-component.mjs +103 -50
- package/fesm2015/rd-outer-component.mjs.map +1 -1
- package/fesm2020/rd-outer-component.mjs +101 -50
- package/fesm2020/rd-outer-component.mjs.map +1 -1
- package/lib/modules/custom-select/custom-select.component.d.ts +12 -2
- package/lib/modules/custom-select/custom-select.module.d.ts +2 -1
- package/lib/modules/form-item/form-item.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -10,10 +10,10 @@ export class FormItemComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
FormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormItemComponent, selector: "app-rd-form-item", inputs: { errorMessage: "errorMessage", disabled: "disabled", label: "label", type: "type", focus: "focus", size: "size" }, ngImport: i0, template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal'
|
|
13
|
+
FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormItemComponent, selector: "app-rd-form-item", inputs: { errorMessage: "errorMessage", disabled: "disabled", label: "label", type: "type", focus: "focus", value: "value", size: "size" }, ngImport: i0, template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? '#9CA3AF' : '#030712'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:4px;border:1px solid #e5e7eb;background-color:#fff;width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:#f3f4f6;border-color:#d1d5db}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:#9ca3af}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:#9ca3af}:host .rd-form-item.rd-error{border-color:#e51c36}:host .rd-form-item.rd-focus{border:1px solid #367af6;box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:#d2152e;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormItemComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'app-rd-form-item', template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal'
|
|
16
|
+
args: [{ selector: 'app-rd-form-item', template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? '#9CA3AF' : '#030712'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:4px;border:1px solid #e5e7eb;background-color:#fff;width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:#f3f4f6;border-color:#d1d5db}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:#9ca3af}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:#9ca3af}:host .rd-form-item.rd-error{border-color:#e51c36}:host .rd-form-item.rd-focus{border:1px solid #367af6;box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:#d2152e;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"] }]
|
|
17
17
|
}], propDecorators: { errorMessage: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], disabled: [{
|
|
@@ -24,7 +24,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
24
24
|
type: Input
|
|
25
25
|
}], focus: [{
|
|
26
26
|
type: Input
|
|
27
|
+
}], value: [{
|
|
28
|
+
type: Input
|
|
27
29
|
}], size: [{
|
|
28
30
|
type: Input
|
|
29
31
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL2Zvcm0taXRlbS9mb3JtLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvZm9ybS1pdGVtL2Zvcm0taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFZVyxTQUFJLEdBQXdCLFFBQVEsQ0FBQztLQUsvQztJQUhDLElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUM7SUFDaEMsQ0FBQzs7K0dBWFUsaUJBQWlCO21HQUFqQixpQkFBaUIsb01DUDlCLHk3QkFtQ0E7NEZENUJhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxrQkFBa0I7OEJBS25CLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmQtZm9ybS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Zvcm0taXRlbS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtSXRlbUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZT86IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcbiAgQElucHV0KCkgdHlwZT86ICdzZWxlY3QnO1xuICBASW5wdXQoKSBmb2N1cz86IGJvb2xlYW47XG4gIEBJbnB1dCgpIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyIHwgYW55O1xuICBASW5wdXQoKSBzaXplPzogJ3NtYWxsJyB8ICdub3JtYWwnID0gJ25vcm1hbCc7XG5cbiAgZ2V0IGlzU2hvd1NlbGVjdEljb24oKSB7XG4gICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gJ3NlbGVjdCc7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJyZC1mb3JtLWl0ZW1cIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3JkLWRpc2FibGVkJzogZGlzYWJsZWQsXG4gICAgJ3JkLWVycm9yJzogISFlcnJvck1lc3NhZ2UsXG4gICAgJ3JkLWZvY3VzJzogZm9jdXMsXG4gICAgJ3JkLWhhcy12YWx1ZSc6ICEhdmFsdWUsXG4gICAgJ3JkLWZvcm0taXRlbS1zJzogc2l6ZSA9PT0gJ3NtYWxsJyxcbiAgICAncmQtZm9ybS1pdGVtLW5vcm1hbCc6IHNpemUgPT09ICdub3JtYWwnLFxuICB9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8ZGl2ICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cInJkLWZvcm0taXRlbS1sYWJlbFwiPnt7IGxhYmVsIH19PC9kaXY+XG4gIDxzdmdcbiAgICAqbmdJZj1cImlzU2hvd1NlbGVjdEljb25cIlxuICAgIGNsYXNzPVwicmQtZm9ybS1pdGVtLXNlbGVjdC1pY29uXCJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB3aWR0aD1cIjE2XCJcbiAgICBoZWlnaHQ9XCIxN1wiXG4gICAgdmlld0JveD1cIjAgMCAxNiAxN1wiXG4gICAgZmlsbD1cIm5vbmVcIlxuICA+XG4gICAgPHBhdGhcbiAgICAgIGQ9XCJNMyA1LjgzMzM3TDggMTEuMTY2N0wxMyA1LjgzMzM3XCJcbiAgICAgIFthdHRyLnN0cm9rZV09XCJkaXNhYmxlZCA/ICcjOUNBM0FGJyA6ICcjMDMwNzEyJ1wiXG4gICAgICBzdHJva2Utd2lkdGg9XCIxLjE2NjY3XCJcbiAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgIC8+XG4gIDwvc3ZnPlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwiZXJyb3JNZXNzYWdlXCIgY2xhc3M9XCJyZC1mb3JtLWl0ZW0tZXJyb3JcIj5cbiAgPGltZyBzcmM9XCIvYXNzZXRzL2ltZy9pY29uL2ljb24tZXJyb3Iuc3ZnXCIgLz5cbiAge3sgZXJyb3JNZXNzYWdlIH19XG48L2Rpdj5cbiJdfQ==
|