@alauda/ui 6.2.2-beta.1 → 6.2.2-beta.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alauda/ui",
-  "version": "6.2.2-beta.1",
+  "version": "6.2.2-beta.10",
   "description": "Angular UI components by Alauda Frontend Team.",
   "repository": "git+https://github.com/alauda/alauda-ui.git",
   "author": "Alauda Frontend",

package/theme/_mixin.scss

@@ -181,7 +181,7 @@
 
   &.isExpanded {
     transform: rotate(90deg);
-    color: use-rgb(n-10);
+    color: white;
     background-color: use-rgb(primary);
 
     &:hover {

package/theme/public-api.d.ts

@@ -1,4 +1,5 @@
-export * from './theme-picker.pipe';
+export * from './theme.pipe';
 export * from './theme.module';
 export * from './theme.service';
 export * from './theme.types';
+export * from './utils';

package/theme/style.css

@@ -55,9 +55,12 @@
   --aui-color-n-8: 237, 239, 242;
   --aui-color-n-9: 247, 249, 252;
   --aui-color-n-10: 255, 255, 255;
-  --aui-color-main-bg: var(--aui-color-n-9);
-  --aui-color-popper-bg: var(--aui-color-n-10);
   --aui-color-origin-shadow: var(--aui-color-n-1);
+  --aui-color-popper-bg: var(--aui-color-n-10);
+  --aui-color-button-bg: var(--aui-color-n-9);
+  --aui-color-main-bg: var(--aui-color-n-9);
+  --aui-color-divider: var(--aui-color-n-8);
+  --aui-color-border: var(--aui-color-n-7);
 }
 
 html[aui-theme-mode=light] {
@@ -101,9 +104,12 @@ html[aui-theme-mode=light] {
   --aui-color-n-8: 237, 239, 242;
   --aui-color-n-9: 247, 249, 252;
   --aui-color-n-10: 255, 255, 255;
-  --aui-color-main-bg: var(--aui-color-n-9);
-  --aui-color-popper-bg: var(--aui-color-n-10);
   --aui-color-origin-shadow: var(--aui-color-n-1);
+  --aui-color-popper-bg: var(--aui-color-n-10);
+  --aui-color-button-bg: var(--aui-color-n-9);
+  --aui-color-main-bg: var(--aui-color-n-9);
+  --aui-color-divider: var(--aui-color-n-8);
+  --aui-color-border: var(--aui-color-n-7);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -146,11 +152,14 @@ html[aui-theme-mode=light] {
     --aui-color-n-6: 120, 123, 135;
     --aui-color-n-7: 92, 95, 107;
     --aui-color-n-8: 67, 70, 82;
-    --aui-color-n-9: 56, 59, 71;
+    --aui-color-n-9: 24, 27, 39;
     --aui-color-n-10: 36, 39, 51;
-    --aui-color-main-bg: 24, 27, 39;
-    --aui-color-popper-bg: var(--aui-color-n-8);
-    --aui-color-origin-shadow: var(--aui-color-main-bg);
+    --aui-color-origin-shadow: var(--aui-color-n-9);
+    --aui-color-popper-bg: 56, 59, 71;
+    --aui-color-button-bg: 56, 59, 71;
+    --aui-color-main-bg: var(--aui-color-n-9);
+    --aui-color-divider: var(--aui-color-n-8);
+    --aui-color-border: var(--aui-color-n-7);
   }
 }
 html[aui-theme-mode=dark] {
@@ -192,11 +201,14 @@ html[aui-theme-mode=dark] {
   --aui-color-n-6: 120, 123, 135;
   --aui-color-n-7: 92, 95, 107;
   --aui-color-n-8: 67, 70, 82;
-  --aui-color-n-9: 56, 59, 71;
+  --aui-color-n-9: 24, 27, 39;
   --aui-color-n-10: 36, 39, 51;
-  --aui-color-main-bg: 24, 27, 39;
-  --aui-color-popper-bg: var(--aui-color-n-8);
-  --aui-color-origin-shadow: var(--aui-color-main-bg);
+  --aui-color-origin-shadow: var(--aui-color-n-9);
+  --aui-color-popper-bg: 56, 59, 71;
+  --aui-color-button-bg: 56, 59, 71;
+  --aui-color-main-bg: var(--aui-color-n-9);
+  --aui-color-divider: var(--aui-color-n-8);
+  --aui-color-border: var(--aui-color-n-7);
 }
 
 :root {
@@ -238,12 +250,6 @@ html[aui-theme-mode=dark] {
   --aui-icon-size-s: 12px;
   --aui-border-radius-l: 4px;
   --aui-border-radius-m: 2px;
-  --aui-page-header-height: 60px;
-  --aui-page-toolbar-height: 44px;
-  --aui-page-snackbar-height: 60px;
-  --aui-page-sider-width: 260px;
-  --aui-page-padding-m: 20px;
-  --aui-page-padding-s: 16px;
   --aui-form-item-width-l: 732px;
   --aui-form-item-width-m: 436px;
   --aui-form-item-width-s: 140px;

package/theme/{theme-picker.pipe.d.ts → theme.pipe.d.ts}

@@ -1,6 +1,16 @@
 import { ChangeDetectorRef, OnDestroy, PipeTransform } from '@angular/core';
 import { ThemeService } from './theme.service';
 import { ThemeSet } from './theme.types';
+import { cssVar, rgbColor, rgbaColor } from './utils';
+export declare class RgbColorPipe implements PipeTransform {
+    transform: typeof rgbColor;
+}
+export declare class RgbaColorPipe implements PipeTransform {
+    transform: typeof rgbaColor;
+}
+export declare class CssVarPipe implements PipeTransform {
+    transform: typeof cssVar;
+}
 export declare class ThemePickerPipe<T> implements PipeTransform, OnDestroy {
     private currentTheme;
     private readonly destroy$$;

package/theme/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function rgbColor(color: string): string;
+export declare function rgbaColor([color, opacity]: [string, number]): string;
+export declare function cssVar(value: string): string;

package/esm2015/theme/color.pipe.js

@@ -1,26 +0,0 @@
-import { Pipe } from '@angular/core';
-export class RgbColorPipe {
-    transform(color) {
-        return `rgb(var(--aui-color-${color}))`;
-    }
-}
-RgbColorPipe.decorators = [
-    { type: Pipe, args: [{ name: 'auiRgbColor', pure: true },] }
-];
-export class RgbaColorPipe {
-    transform([color, opacity]) {
-        return `rgba(var(--aui-color-${color}), ${opacity})`;
-    }
-}
-RgbaColorPipe.decorators = [
-    { type: Pipe, args: [{ name: 'auiRgbaColor', pure: true },] }
-];
-export class CssVarPipe {
-    transform(value) {
-        return `var(--aui-${value})`;
-    }
-}
-CssVarPipe.decorators = [
-    { type: Pipe, args: [{ name: 'auiCssVar', pure: true },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9jb2xvci5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBR3BELE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLE9BQU8sdUJBQXVCLEtBQUssSUFBSSxDQUFDO0lBQzFDLENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFRekMsTUFBTSxPQUFPLGFBQWE7SUFDeEIsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBbUI7UUFDMUMsT0FBTyx3QkFBd0IsS0FBSyxNQUFNLE9BQU8sR0FBRyxDQUFDO0lBQ3ZELENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFRMUMsTUFBTSxPQUFPLFVBQVU7SUFDckIsU0FBUyxDQUFDLEtBQWE7UUFDckIsT0FBTyxhQUFhLEtBQUssR0FBRyxDQUFDO0lBQy9CLENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQFBpcGUoeyBuYW1lOiAnYXVpUmdiQ29sb3InLCBwdXJlOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgUmdiQ29sb3JQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShjb2xvcjogc3RyaW5nKSB7XG4gICAgcmV0dXJuIGByZ2IodmFyKC0tYXVpLWNvbG9yLSR7Y29sb3J9KSlgO1xuICB9XG59XG5cbkBQaXBlKHsgbmFtZTogJ2F1aVJnYmFDb2xvcicsIHB1cmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBSZ2JhQ29sb3JQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShbY29sb3IsIG9wYWNpdHldOiBbc3RyaW5nLCBudW1iZXJdKSB7XG4gICAgcmV0dXJuIGByZ2JhKHZhcigtLWF1aS1jb2xvci0ke2NvbG9yfSksICR7b3BhY2l0eX0pYDtcbiAgfVxufVxuXG5AUGlwZSh7IG5hbWU6ICdhdWlDc3NWYXInLCBwdXJlOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgQ3NzVmFyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0odmFsdWU6IHN0cmluZykge1xuICAgIHJldHVybiBgdmFyKC0tYXVpLSR7dmFsdWV9KWA7XG4gIH1cbn1cbiJdfQ==

package/esm2015/theme/color.pipe.ngsummary.json

@@ -1 +0,0 @@
-{"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"}]}

package/esm2015/theme/theme-picker.pipe.js

@@ -1,36 +0,0 @@
-import { ChangeDetectorRef, Pipe, } from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { ThemeService } from './theme.service';
-export class ThemePickerPipe {
-    constructor(themeService, cdr) {
-        this.destroy$$ = new Subject();
-        themeService.currentTheme$
-            .pipe(takeUntil(this.destroy$$))
-            .subscribe(theme => {
-            this.currentTheme = theme;
-            cdr.markForCheck();
-        });
-    }
-    transform(v) {
-        if (v instanceof Function) {
-            return v(this.currentTheme);
-        }
-        if (Array.isArray(v)) {
-            return v[this.currentTheme === 'light' ? 0 : 1];
-        }
-        return v[this.currentTheme];
-    }
-    ngOnDestroy() {
-        this.destroy$$.next();
-        this.destroy$$.complete();
-    }
-}
-ThemePickerPipe.decorators = [
-    { type: Pipe, args: [{ name: 'auiThemePicker', pure: false },] }
-];
-ThemePickerPipe.ctorParameters = () => [
-    { type: ThemeService },
-    { type: ChangeDetectorRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtcGlja2VyLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGhlbWUvdGhlbWUtcGlja2VyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGlCQUFpQixFQUVqQixJQUFJLEdBRUwsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBSS9DLE1BQU0sT0FBTyxlQUFlO0lBSTFCLFlBQVksWUFBMEIsRUFBRSxHQUFzQjtRQUY3QyxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUcvQyxZQUFZLENBQUMsYUFBYTthQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUMvQixTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDakIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDMUIsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFNBQVMsQ0FBQyxDQUFjO1FBQ3RCLElBQUksQ0FBQyxZQUFZLFFBQVEsRUFBRTtZQUN6QixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDN0I7UUFDRCxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDcEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDakQ7UUFDRCxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs7O1lBM0JGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFOzs7WUFIcEMsWUFBWTtZQVJuQixpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgT25EZXN0cm95LFxuICBQaXBlLFxuICBQaXBlVHJhbnNmb3JtLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi90aGVtZS5zZXJ2aWNlJztcbmltcG9ydCB7IFRoZW1lLCBUaGVtZVNldCB9IGZyb20gJy4vdGhlbWUudHlwZXMnO1xuXG5AUGlwZSh7IG5hbWU6ICdhdWlUaGVtZVBpY2tlcicsIHB1cmU6IGZhbHNlIH0pXG5leHBvcnQgY2xhc3MgVGhlbWVQaWNrZXJQaXBlPFQ+IGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBjdXJyZW50VGhlbWU6IFRoZW1lO1xuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IodGhlbWVTZXJ2aWNlOiBUaGVtZVNlcnZpY2UsIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGVtZVNlcnZpY2UuY3VycmVudFRoZW1lJFxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSlcbiAgICAgIC5zdWJzY3JpYmUodGhlbWUgPT4ge1xuICAgICAgICB0aGlzLmN1cnJlbnRUaGVtZSA9IHRoZW1lO1xuICAgICAgICBjZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHRyYW5zZm9ybSh2OiBUaGVtZVNldDxUPikge1xuICAgIGlmICh2IGluc3RhbmNlb2YgRnVuY3Rpb24pIHtcbiAgICAgIHJldHVybiB2KHRoaXMuY3VycmVudFRoZW1lKTtcbiAgICB9XG4gICAgaWYgKEFycmF5LmlzQXJyYXkodikpIHtcbiAgICAgIHJldHVybiB2W3RoaXMuY3VycmVudFRoZW1lID09PSAnbGlnaHQnID8gMCA6IDFdO1xuICAgIH1cbiAgICByZXR1cm4gdlt0aGlzLmN1cnJlbnRUaGVtZV07XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRlc3Ryb3kkJC5uZXh0KCk7XG4gICAgdGhpcy5kZXN0cm95JCQuY29tcGxldGUoKTtcbiAgfVxufVxuIl19

package/esm2015/theme/theme-picker.pipe.ngsummary.json

@@ -1 +0,0 @@
-{"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"}]}

package/theme/color.pipe.d.ts

@@ -1,10 +0,0 @@
-import { PipeTransform } from '@angular/core';
-export declare class RgbColorPipe implements PipeTransform {
-    transform(color: string): string;
-}
-export declare class RgbaColorPipe implements PipeTransform {
-    transform([color, opacity]: [string, number]): string;
-}
-export declare class CssVarPipe implements PipeTransform {
-    transform(value: string): string;
-}