@alauda/ui 6.2.2-beta → 6.2.2-beta.0

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alauda/ui",
3
- "version": "6.2.2-beta",
3
+ "version": "6.2.2-beta.0",
4
4
  "description": "Angular UI components by Alauda Frontend Team.",
5
5
  "repository": "git+https://github.com/alauda/alauda-ui.git",
6
6
  "author": "Alauda Frontend",
@@ -1,4 +1,5 @@
1
- export * from './theme-picker.pipe';
1
+ export * from './theme.pipe';
2
2
  export * from './theme.module';
3
3
  export * from './theme.service';
4
4
  export * from './theme.types';
5
+ export * from './utils';
@@ -1,6 +1,16 @@
1
1
  import { ChangeDetectorRef, OnDestroy, PipeTransform } from '@angular/core';
2
2
  import { ThemeService } from './theme.service';
3
3
  import { ThemeSet } from './theme.types';
4
+ import { cssVar, rgbColor, rgbaColor } from './utils';
5
+ export declare class RgbColorPipe implements PipeTransform {
6
+ transform: typeof rgbColor;
7
+ }
8
+ export declare class RgbaColorPipe implements PipeTransform {
9
+ transform: typeof rgbaColor;
10
+ }
11
+ export declare class CssVarPipe implements PipeTransform {
12
+ transform: typeof cssVar;
13
+ }
4
14
  export declare class ThemePickerPipe<T> implements PipeTransform, OnDestroy {
5
15
  private currentTheme;
6
16
  private readonly destroy$$;
@@ -0,0 +1,3 @@
1
+ export declare function rgbColor(color: string): string;
2
+ export declare function rgbaColor([color, opacity]: [string, number]): string;
3
+ export declare function cssVar(value: string): string;
@@ -1,26 +0,0 @@
1
- import { Pipe } from '@angular/core';
2
- export class RgbColorPipe {
3
- transform(color) {
4
- return `rgb(var(--aui-color-${color}))`;
5
- }
6
- }
7
- RgbColorPipe.decorators = [
8
- { type: Pipe, args: [{ name: 'auiRgbColor', pure: true },] }
9
- ];
10
- export class RgbaColorPipe {
11
- transform([color, opacity]) {
12
- return `rgba(var(--aui-color-${color}), ${opacity})`;
13
- }
14
- }
15
- RgbaColorPipe.decorators = [
16
- { type: Pipe, args: [{ name: 'auiRgbaColor', pure: true },] }
17
- ];
18
- export class CssVarPipe {
19
- transform(value) {
20
- return `var(--aui-${value})`;
21
- }
22
- }
23
- CssVarPipe.decorators = [
24
- { type: Pipe, args: [{ name: 'auiCssVar', pure: true },] }
25
- ];
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9jb2xvci5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBR3BELE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLE9BQU8sdUJBQXVCLEtBQUssSUFBSSxDQUFDO0lBQzFDLENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFRekMsTUFBTSxPQUFPLGFBQWE7SUFDeEIsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBbUI7UUFDMUMsT0FBTyx3QkFBd0IsS0FBSyxNQUFNLE9BQU8sR0FBRyxDQUFDO0lBQ3ZELENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFRMUMsTUFBTSxPQUFPLFVBQVU7SUFDckIsU0FBUyxDQUFDLEtBQWE7UUFDckIsT0FBTyxhQUFhLEtBQUssR0FBRyxDQUFDO0lBQy9CLENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQFBpcGUoeyBuYW1lOiAnYXVpUmdiQ29sb3InLCBwdXJlOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgUmdiQ29sb3JQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShjb2xvcjogc3RyaW5nKSB7XG4gICAgcmV0dXJuIGByZ2IodmFyKC0tYXVpLWNvbG9yLSR7Y29sb3J9KSlgO1xuICB9XG59XG5cbkBQaXBlKHsgbmFtZTogJ2F1aVJnYmFDb2xvcicsIHB1cmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBSZ2JhQ29sb3JQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShbY29sb3IsIG9wYWNpdHldOiBbc3RyaW5nLCBudW1iZXJdKSB7XG4gICAgcmV0dXJuIGByZ2JhKHZhcigtLWF1aS1jb2xvci0ke2NvbG9yfSksICR7b3BhY2l0eX0pYDtcbiAgfVxufVxuXG5AUGlwZSh7IG5hbWU6ICdhdWlDc3NWYXInLCBwdXJlOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgQ3NzVmFyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0odmFsdWU6IHN0cmluZykge1xuICAgIHJldHVybiBgdmFyKC0tYXVpLSR7dmFsdWV9KWA7XG4gIH1cbn1cbiJdfQ==
@@ -1 +0,0 @@
1
- {"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"transform":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiRgbColor","pure":true}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"class","members":{"transform":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":1,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiRgbaColor","pure":true}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbolic":"class","members":{"transform":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":2,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiCssVar","pure":true}}],"symbols":[{"__symbol":0,"name":"RgbColorPipe","filePath":"./color.pipe"},{"__symbol":1,"name":"RgbaColorPipe","filePath":"./color.pipe"},{"__symbol":2,"name":"CssVarPipe","filePath":"./color.pipe"}]}
@@ -1,36 +0,0 @@
1
- import { ChangeDetectorRef, Pipe, } from '@angular/core';
2
- import { Subject } from 'rxjs';
3
- import { takeUntil } from 'rxjs/operators';
4
- import { ThemeService } from './theme.service';
5
- export class ThemePickerPipe {
6
- constructor(themeService, cdr) {
7
- this.destroy$$ = new Subject();
8
- themeService.currentTheme$
9
- .pipe(takeUntil(this.destroy$$))
10
- .subscribe(theme => {
11
- this.currentTheme = theme;
12
- cdr.markForCheck();
13
- });
14
- }
15
- transform(v) {
16
- if (v instanceof Function) {
17
- return v(this.currentTheme);
18
- }
19
- if (Array.isArray(v)) {
20
- return v[this.currentTheme === 'light' ? 0 : 1];
21
- }
22
- return v[this.currentTheme];
23
- }
24
- ngOnDestroy() {
25
- this.destroy$$.next();
26
- this.destroy$$.complete();
27
- }
28
- }
29
- ThemePickerPipe.decorators = [
30
- { type: Pipe, args: [{ name: 'auiThemePicker', pure: false },] }
31
- ];
32
- ThemePickerPipe.ctorParameters = () => [
33
- { type: ThemeService },
34
- { type: ChangeDetectorRef }
35
- ];
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtcGlja2VyLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGhlbWUvdGhlbWUtcGlja2VyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGlCQUFpQixFQUVqQixJQUFJLEdBRUwsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBSS9DLE1BQU0sT0FBTyxlQUFlO0lBSTFCLFlBQVksWUFBMEIsRUFBRSxHQUFzQjtRQUY3QyxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUcvQyxZQUFZLENBQUMsYUFBYTthQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUMvQixTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDakIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDMUIsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFNBQVMsQ0FBQyxDQUFjO1FBQ3RCLElBQUksQ0FBQyxZQUFZLFFBQVEsRUFBRTtZQUN6QixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDN0I7UUFDRCxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDcEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDakQ7UUFDRCxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs7O1lBM0JGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFOzs7WUFIcEMsWUFBWTtZQVJuQixpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgT25EZXN0cm95LFxuICBQaXBlLFxuICBQaXBlVHJhbnNmb3JtLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi90aGVtZS5zZXJ2aWNlJztcbmltcG9ydCB7IFRoZW1lLCBUaGVtZVNldCB9IGZyb20gJy4vdGhlbWUudHlwZXMnO1xuXG5AUGlwZSh7IG5hbWU6ICdhdWlUaGVtZVBpY2tlcicsIHB1cmU6IGZhbHNlIH0pXG5leHBvcnQgY2xhc3MgVGhlbWVQaWNrZXJQaXBlPFQ+IGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBjdXJyZW50VGhlbWU6IFRoZW1lO1xuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IodGhlbWVTZXJ2aWNlOiBUaGVtZVNlcnZpY2UsIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGVtZVNlcnZpY2UuY3VycmVudFRoZW1lJFxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSlcbiAgICAgIC5zdWJzY3JpYmUodGhlbWUgPT4ge1xuICAgICAgICB0aGlzLmN1cnJlbnRUaGVtZSA9IHRoZW1lO1xuICAgICAgICBjZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHRyYW5zZm9ybSh2OiBUaGVtZVNldDxUPikge1xuICAgIGlmICh2IGluc3RhbmNlb2YgRnVuY3Rpb24pIHtcbiAgICAgIHJldHVybiB2KHRoaXMuY3VycmVudFRoZW1lKTtcbiAgICB9XG4gICAgaWYgKEFycmF5LmlzQXJyYXkodikpIHtcbiAgICAgIHJldHVybiB2W3RoaXMuY3VycmVudFRoZW1lID09PSAnbGlnaHQnID8gMCA6IDFdO1xuICAgIH1cbiAgICByZXR1cm4gdlt0aGlzLmN1cnJlbnRUaGVtZV07XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRlc3Ryb3kkJC5uZXh0KCk7XG4gICAgdGhpcy5kZXN0cm95JCQuY29tcGxldGUoKTtcbiAgfVxufVxuIl19
@@ -1 +0,0 @@
1
- {"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":1,"members":[]},{"__symbol":2,"members":[]}]}],"transform":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":1,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":2,"members":[]}}}}],"lifecycleHooks":[1]},"name":"auiThemePicker","pure":false}}],"symbols":[{"__symbol":0,"name":"ThemePickerPipe","filePath":"./theme-picker.pipe"},{"__symbol":1,"name":"ThemeService","filePath":"./theme.service"},{"__symbol":2,"name":"ChangeDetectorRef","filePath":"@angular/core"}]}
@@ -1,10 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- export declare class RgbColorPipe implements PipeTransform {
3
- transform(color: string): string;
4
- }
5
- export declare class RgbaColorPipe implements PipeTransform {
6
- transform([color, opacity]: [string, number]): string;
7
- }
8
- export declare class CssVarPipe implements PipeTransform {
9
- transform(value: string): string;
10
- }