, поэтому я собрал свою первую пользовательскую угловую библиотеку (за кулисами ng-packagr).К сожалению, моя встроенная библиотека содержит относительные пути к моей локальной машине, которые, очевидно, не будут работать для других.
Я создал пример приложения для проверки пользовательской библиотеки.
mya.animations.ts
import {animate, state, style, transition, trigger} from '@angular/animations';
export const FLYOUT_ANIMATIONS = trigger('slideContent', [
state('void', style({transform: 'translate3d(0, 0, 0)', opacity: 0})),
state('enter_TOP', style({transform: 'none', opacity: 1})),
state('leave_TOP', style({transform: 'translate3d(0, -25%, 0)', opacity: 0})),
transition('* => *', animate(ANIMATION_TIMINGS))
]);
export const CARET_ANIMATIONS = trigger('rotateCaret', [
state('open', style({transform: 'rotate(180deg)'})),
state('closed', style({transform: 'rotate(0)'})),
transition('* => *', animate(ANIMATION_TIMINGS))
]);
Итак, при создании создается файл с именем mya.animations.d.ts .К сожалению, эти пути не могут быть разрешены кем-либо еще.
export declare const EXPAND_COLLAPSE_ANIMATIONS: import("../../../../../../../../../../Users/mya/Development/mya-angular-libraries/node_modules/@angular/animations/src/animation_metadata").AnimationTriggerMetadata;
export declare const CARET_ANIMATIONS: import("../../../../../../../../../../Users/mya/Development/mya-angular-libraries/node_modules/@angular/animations/src/animation_metadata").AnimationTriggerMetadata;
В моем компоненте я просто импортирую эти анимации через
@Component({
...
animations: [CARET_ANIMATIONS]
...
})
Я не совсем уверен, что делаю неправильноВот.Помощь очень ценится:)