@alauda/ui 6.2.2-beta.1 → 6.2.2-beta.13
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/alauda-ui.d.ts +20 -21
- package/alauda-ui.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +82 -76
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/esm2015/accordion/accordion-item/accordion-item.component.js +1 -1
- package/esm2015/accordion/accordion-item/accordion-item.component.scss.ngstyle.js +1 -1
- package/esm2015/alauda-ui.js +21 -22
- package/esm2015/alauda-ui.ngsummary.json +1 -1
- package/esm2015/autocomplete/suggestion/suggestion.component.js +1 -1
- package/esm2015/autocomplete/suggestion/suggestion.component.scss.ngstyle.js +1 -1
- package/esm2015/button/button.component.js +1 -1
- package/esm2015/button/button.component.scss.ngstyle.js +1 -1
- package/esm2015/icon/icon.component.js +1 -1
- package/esm2015/icon/icon.component.ngfactory.js +1 -1
- package/esm2015/icon/icon.component.scss.ngstyle.js +1 -1
- package/esm2015/icon/icon.module.ngfactory.js +1 -1
- package/esm2015/input/tags-input/tags-input.component.js +1 -1
- package/esm2015/input/tags-input/tags-input.component.scss.ngstyle.js +1 -1
- package/esm2015/public-api.ngsummary.json +1 -1
- package/esm2015/radio/radio-button/radio-button.component.js +1 -1
- package/esm2015/radio/radio-button/radio-button.component.scss.ngstyle.js +1 -1
- package/esm2015/radio/radio.component.js +1 -1
- package/esm2015/radio/radio.component.scss.ngstyle.js +1 -1
- package/esm2015/select/multi-select/multi-select.component.js +1 -1
- package/esm2015/select/multi-select/multi-select.component.scss.ngstyle.js +1 -1
- package/esm2015/select/option/option.component.js +1 -1
- package/esm2015/select/option/option.component.scss.ngstyle.js +1 -1
- package/esm2015/switch/switch.component.js +1 -1
- package/esm2015/switch/switch.component.scss.ngstyle.js +1 -1
- package/esm2015/table/table.component.js +1 -1
- package/esm2015/table/table.component.scss.ngstyle.js +1 -1
- package/esm2015/tag/check-tag/check-tag.component.js +1 -1
- package/esm2015/tag/tag.component.js +1 -1
- package/esm2015/tag/tag.component.scss.ngstyle.js +1 -1
- package/esm2015/theme/public-api.js +3 -2
- package/esm2015/theme/public-api.ngsummary.json +1 -1
- package/esm2015/theme/theme.module.js +2 -3
- package/esm2015/theme/theme.module.ngfactory.js +1 -1
- package/esm2015/theme/theme.module.ngsummary.json +1 -1
- package/esm2015/theme/theme.pipe.js +61 -0
- package/esm2015/theme/theme.pipe.ngsummary.json +1 -0
- package/esm2015/theme/utils.js +10 -0
- package/esm2015/theme/utils.ngsummary.json +1 -0
- package/fesm2015/alauda-ui.js +48 -39
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
- package/theme/_mixin.scss +1 -1
- package/theme/public-api.d.ts +2 -1
- package/theme/style.css +24 -18
- package/theme/{theme-picker.pipe.d.ts → theme.pipe.d.ts} +10 -0
- package/theme/utils.d.ts +3 -0
- package/esm2015/theme/color.pipe.js +0 -26
- package/esm2015/theme/color.pipe.ngsummary.json +0 -1
- package/esm2015/theme/theme-picker.pipe.js +0 -36
- package/esm2015/theme/theme-picker.pipe.ngsummary.json +0 -1
- package/theme/color.pipe.d.ts +0 -10
|
@@ -0,0 +1,61 @@
|
|
|
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
|
+
import { cssVar, rgbColor, rgbaColor } from './utils';
|
|
6
|
+
export class RgbColorPipe {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.transform = rgbColor;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
RgbColorPipe.decorators = [
|
|
12
|
+
{ type: Pipe, args: [{ name: 'auiRgbColor', pure: true },] }
|
|
13
|
+
];
|
|
14
|
+
export class RgbaColorPipe {
|
|
15
|
+
constructor() {
|
|
16
|
+
this.transform = rgbaColor;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
RgbaColorPipe.decorators = [
|
|
20
|
+
{ type: Pipe, args: [{ name: 'auiRgbaColor', pure: true },] }
|
|
21
|
+
];
|
|
22
|
+
export class CssVarPipe {
|
|
23
|
+
constructor() {
|
|
24
|
+
this.transform = cssVar;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
CssVarPipe.decorators = [
|
|
28
|
+
{ type: Pipe, args: [{ name: 'auiCssVar', pure: true },] }
|
|
29
|
+
];
|
|
30
|
+
export class ThemePickerPipe {
|
|
31
|
+
constructor(themeService, cdr) {
|
|
32
|
+
this.destroy$$ = new Subject();
|
|
33
|
+
themeService.currentTheme$
|
|
34
|
+
.pipe(takeUntil(this.destroy$$))
|
|
35
|
+
.subscribe(theme => {
|
|
36
|
+
this.currentTheme = theme;
|
|
37
|
+
cdr.markForCheck();
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
transform(v) {
|
|
41
|
+
if (v instanceof Function) {
|
|
42
|
+
return v(this.currentTheme);
|
|
43
|
+
}
|
|
44
|
+
if (Array.isArray(v)) {
|
|
45
|
+
return v[this.currentTheme === 'light' ? 0 : 1];
|
|
46
|
+
}
|
|
47
|
+
return v[this.currentTheme];
|
|
48
|
+
}
|
|
49
|
+
ngOnDestroy() {
|
|
50
|
+
this.destroy$$.next();
|
|
51
|
+
this.destroy$$.complete();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
ThemePickerPipe.decorators = [
|
|
55
|
+
{ type: Pipe, args: [{ name: 'auiThemePicker', pure: false },] }
|
|
56
|
+
];
|
|
57
|
+
ThemePickerPipe.ctorParameters = () => [
|
|
58
|
+
{ type: ThemeService },
|
|
59
|
+
{ type: ChangeDetectorRef }
|
|
60
|
+
];
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS90aGVtZS5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxpQkFBaUIsRUFFakIsSUFBSSxHQUVMLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFHdEQsTUFBTSxPQUFPLFlBQVk7SUFEekI7UUFFRSxjQUFTLEdBQUcsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7OztZQUhBLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFNekMsTUFBTSxPQUFPLGFBQWE7SUFEMUI7UUFFRSxjQUFTLEdBQUcsU0FBUyxDQUFDO0lBQ3hCLENBQUM7OztZQUhBLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFNMUMsTUFBTSxPQUFPLFVBQVU7SUFEdkI7UUFFRSxjQUFTLEdBQUcsTUFBTSxDQUFDO0lBQ3JCLENBQUM7OztZQUhBLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFNdkMsTUFBTSxPQUFPLGVBQWU7SUFJMUIsWUFBWSxZQUEwQixFQUFFLEdBQXNCO1FBRjdDLGNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBRy9DLFlBQVksQ0FBQyxhQUFhO2FBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQy9CLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNqQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUMxQixHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsU0FBUyxDQUFDLENBQWM7UUFDdEIsSUFBSSxDQUFDLFlBQVksUUFBUSxFQUFFO1lBQ3pCLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUM3QjtRQUNELElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNwQixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNqRDtRQUNELE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDOzs7WUEzQkYsSUFBSSxTQUFDLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxLQUFLLEVBQUU7OztZQW5CcEMsWUFBWTtZQVJuQixpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgT25EZXN0cm95LFxuICBQaXBlLFxuICBQaXBlVHJhbnNmb3JtLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi90aGVtZS5zZXJ2aWNlJztcbmltcG9ydCB7IFRoZW1lLCBUaGVtZVNldCB9IGZyb20gJy4vdGhlbWUudHlwZXMnO1xuaW1wb3J0IHsgY3NzVmFyLCByZ2JDb2xvciwgcmdiYUNvbG9yIH0gZnJvbSAnLi91dGlscyc7XG5cbkBQaXBlKHsgbmFtZTogJ2F1aVJnYkNvbG9yJywgcHVyZTogdHJ1ZSB9KVxuZXhwb3J0IGNsYXNzIFJnYkNvbG9yUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0gPSByZ2JDb2xvcjtcbn1cblxuQFBpcGUoeyBuYW1lOiAnYXVpUmdiYUNvbG9yJywgcHVyZTogdHJ1ZSB9KVxuZXhwb3J0IGNsYXNzIFJnYmFDb2xvclBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtID0gcmdiYUNvbG9yO1xufVxuXG5AUGlwZSh7IG5hbWU6ICdhdWlDc3NWYXInLCBwdXJlOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgQ3NzVmFyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0gPSBjc3NWYXI7XG59XG5cbkBQaXBlKHsgbmFtZTogJ2F1aVRoZW1lUGlja2VyJywgcHVyZTogZmFsc2UgfSlcbmV4cG9ydCBjbGFzcyBUaGVtZVBpY2tlclBpcGU8VD4gaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtLCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIGN1cnJlbnRUaGVtZTogVGhlbWU7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveSQkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3Rvcih0aGVtZVNlcnZpY2U6IFRoZW1lU2VydmljZSwgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHRoZW1lU2VydmljZS5jdXJyZW50VGhlbWUkXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCQpKVxuICAgICAgLnN1YnNjcmliZSh0aGVtZSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudFRoZW1lID0gdGhlbWU7XG4gICAgICAgIGNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgdHJhbnNmb3JtKHY6IFRoZW1lU2V0PFQ+KSB7XG4gICAgaWYgKHYgaW5zdGFuY2VvZiBGdW5jdGlvbikge1xuICAgICAgcmV0dXJuIHYodGhpcy5jdXJyZW50VGhlbWUpO1xuICAgIH1cbiAgICBpZiAoQXJyYXkuaXNBcnJheSh2KSkge1xuICAgICAgcmV0dXJuIHZbdGhpcy5jdXJyZW50VGhlbWUgPT09ICdsaWdodCcgPyAwIDogMV07XG4gICAgfVxuICAgIHJldHVybiB2W3RoaXMuY3VycmVudFRoZW1lXTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuZGVzdHJveSQkLm5leHQoKTtcbiAgICB0aGlzLmRlc3Ryb3kkJC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":0,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiRgbColor","pure":true}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":0,"type":{"reference":{"__symbol":1,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiRgbaColor","pure":true}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":0,"type":{"reference":{"__symbol":2,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiCssVar","pure":true}},{"symbol":{"__symbol":3,"members":[]},"metadata":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]},{"__symbol":5,"members":[]}]}],"transform":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":3,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[1]},"name":"auiThemePicker","pure":false}}],"symbols":[{"__symbol":0,"name":"RgbColorPipe","filePath":"./theme.pipe"},{"__symbol":1,"name":"RgbaColorPipe","filePath":"./theme.pipe"},{"__symbol":2,"name":"CssVarPipe","filePath":"./theme.pipe"},{"__symbol":3,"name":"ThemePickerPipe","filePath":"./theme.pipe"},{"__symbol":4,"name":"ThemeService","filePath":"./theme.service"},{"__symbol":5,"name":"ChangeDetectorRef","filePath":"@angular/core"}]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export function rgbColor(color) {
|
|
2
|
+
return `rgb(var(--aui-color-${color}))`;
|
|
3
|
+
}
|
|
4
|
+
export function rgbaColor([color, opacity]) {
|
|
5
|
+
return `rgba(var(--aui-color-${color}), ${opacity})`;
|
|
6
|
+
}
|
|
7
|
+
export function cssVar(value) {
|
|
8
|
+
return `var(--aui-${value})`;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGhlbWUvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxVQUFVLFFBQVEsQ0FBQyxLQUFhO0lBQ3BDLE9BQU8sdUJBQXVCLEtBQUssSUFBSSxDQUFDO0FBQzFDLENBQUM7QUFFRCxNQUFNLFVBQVUsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBbUI7SUFDMUQsT0FBTyx3QkFBd0IsS0FBSyxNQUFNLE9BQU8sR0FBRyxDQUFDO0FBQ3ZELENBQUM7QUFFRCxNQUFNLFVBQVUsTUFBTSxDQUFDLEtBQWE7SUFDbEMsT0FBTyxhQUFhLEtBQUssR0FBRyxDQUFDO0FBQy9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZnVuY3Rpb24gcmdiQ29sb3IoY29sb3I6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgcmdiKHZhcigtLWF1aS1jb2xvci0ke2NvbG9yfSkpYDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHJnYmFDb2xvcihbY29sb3IsIG9wYWNpdHldOiBbc3RyaW5nLCBudW1iZXJdKSB7XG4gIHJldHVybiBgcmdiYSh2YXIoLS1hdWktY29sb3ItJHtjb2xvcn0pLCAke29wYWNpdHl9KWA7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBjc3NWYXIodmFsdWU6IHN0cmluZykge1xuICByZXR1cm4gYHZhcigtLWF1aS0ke3ZhbHVlfSlgO1xufVxuIl19
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"function","parameters":["color"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"rgb(var(--aui-color-","right":{"__symbolic":"reference","name":"color"}},"right":"))"}}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"function","parameters":["color","opacity"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"rgba(var(--aui-color-","right":{"__symbolic":"reference","name":"color"}},"right":"), "},"right":{"__symbolic":"reference","name":"opacity"}},"right":")"}}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"var(--aui-","right":{"__symbolic":"reference","name":"value"}},"right":")"}}}],"symbols":[{"__symbol":0,"name":"rgbColor","filePath":"./utils"},{"__symbol":1,"name":"rgbaColor","filePath":"./utils"},{"__symbol":2,"name":"cssVar","filePath":"./utils"}]}
|