rd-outer-component 0.0.38 → 0.0.40

package/esm2020/lib/modules/form-item/form-item.component.mjs

@@ -10,10 +10,10 @@ export class FormItemComponent {
     }
 }
 FormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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'\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{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-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:500}: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"] }] });
+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'\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{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-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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormItemComponent, decorators: [{
             type: Component,
-            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'\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{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-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:500}: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"] }]
+            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'\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{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-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"] }]
         }], propDecorators: { errorMessage: [{
                 type: Input
             }], disabled: [{