refactor: optimize document api usage

.changeset/beige-bananas-grin-233.md

@@ -0,0 +1,5 @@
+---
+'@alauda/ui': minor
+---
+
+- [BREAKING CHANGE] refactor: remove unnecessary exports

src/anchor/anchor.component.ts

@@ -23,7 +23,7 @@ import {
   tap,
 } from 'rxjs';
 
-import { buildBem, isTemplateRef, last } from '../utils';
+import { buildBem, isTemplateRef, last } from '../internal/utils';
 
 import { AnchorDirectiveChild } from './anchor.directive';
 import { AnchorItem, AnchorTreeItem } from './types';

src/anchor/anchor.directive.ts

@@ -21,7 +21,7 @@ import {
 } from '@angular/core';
 import { Subject, fromEvent, merge, startWith, takeUntil } from 'rxjs';
 
-import { observeResizeOn } from '../utils';
+import { observeResizeOn } from '../internal/utils';
 
 import { AnchorComponent } from './anchor.component';
 

src/anchor/utils.ts

@@ -1,4 +1,4 @@
-import { last } from '../utils';
+import { last } from '../internal/utils';
 
 import { AnchorItem, AnchorTreeItem } from './types';
 

src/autocomplete/autocomplete.component.ts

@@ -25,7 +25,7 @@ import {
   withLatestFrom,
 } from 'rxjs';
 
-import { publishRef } from '../utils';
+import { publishRef } from '../internal/utils';
 
 import { AutocompletePlaceholderComponent } from './autocomplete-placeholder.component';
 import { AutoCompleteDirective } from './autocomplete.directive';

src/autocomplete/autocomplete.directive.ts

@@ -28,9 +28,9 @@ import {
   distinctUntilChanged,
 } from 'rxjs';
 
+import { scrollIntoView } from '../internal/utils';
 import { BaseTooltip, TooltipTrigger, TooltipType } from '../tooltip';
 import { AnimationType } from '../tooltip/animations';
-import { scrollIntoView } from '../utils';
 
 import { AutocompleteComponent } from './autocomplete.component';
 import { AutoCompleteContext, SuggestionFilterFn } from './autocomplete.types';

src/autocomplete/suggestion-group/suggestion-group.component.ts

@@ -10,7 +10,7 @@ import {
 } from '@angular/core';
 import { Observable, combineLatest, of, map, startWith, switchMap } from 'rxjs';
 
-import { publishRef } from '../../utils';
+import { publishRef } from '../../internal/utils';
 import { SuggestionComponent } from '../suggestion/suggestion.component';
 
 @Component({

src/autocomplete/suggestion/suggestion.component.ts

@@ -20,7 +20,12 @@ import {
   tap,
 } from 'rxjs';
 
-import { Bem, buildBem, coerceAttrBoolean, publishRef } from '../../utils';
+import {
+  Bem,
+  buildBem,
+  coerceAttrBoolean,
+  publishRef,
+} from '../../internal/utils';
 import { AutocompleteComponent } from '../autocomplete.component';
 
 @Component({

src/button/button.component.spec.ts

@@ -2,7 +2,7 @@ import { Component, DebugElement } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 
-import { ComponentSize } from '../types';
+import { ComponentSize } from '../internal/types';
 
 import { ButtonComponent } from './button.component';
 import { ButtonType } from './button.types';

src/button/button.component.ts

@@ -11,7 +11,7 @@ import {
 } from '@angular/core';
 
 import { IconComponent } from '../icon/icon.component';
-import { ComponentSize } from '../types';
+import { ComponentSize } from '../internal/types';
 
 import { ButtonType } from './button.types';
 

src/button/button.types.ts

@@ -1,4 +1,4 @@
-import { ValueOf } from '../types';
+import { ValueOf } from '../internal/types';
 
 export const ButtonType = {
   Default: 'default',

src/date-picker/calendar/header/component.ts

@@ -12,7 +12,7 @@ import dayjs, { ConfigType, Dayjs } from 'dayjs';
 import { ButtonComponent } from '../../../button/button.component';
 import { I18nPipe } from '../../../i18n/i18n.pipe';
 import { IconComponent } from '../../../icon/icon.component';
-import { buildBem } from '../../../utils';
+import { buildBem } from '../../../internal/utils';
 import {
   CalendarHeaderRange,
   DateNavRange,

src/date-picker/calendar/panel/picker-panel.ts

@@ -14,7 +14,7 @@ import isBetween from 'dayjs/plugin/isBetween';
 
 import { ButtonComponent } from '../../../button/button.component';
 import { I18nPipe } from '../../../i18n/i18n.pipe';
-import { buildBem } from '../../../utils';
+import { buildBem } from '../../../internal/utils';
 import { DateNavRange } from '../../date-picker.type';
 import {
   DAY,

src/date-picker/calendar/range-picker-panel/component.ts

@@ -13,9 +13,9 @@ import dayjs, { Dayjs } from 'dayjs';
 
 import { CommonFormControl } from '../../../form/common-form';
 import { I18nPipe } from '../../../i18n/i18n.pipe';
+import { buildBem } from '../../../internal/utils';
 import { TimePickerComponent } from '../../../time-picker/component';
 import { TimePickerModel } from '../../../time-picker/time-picker.type';
-import { buildBem } from '../../../utils';
 import { DateNavRange, DisabledTimeFn, Side } from '../../date-picker.type';
 import { DatePickerType, MONTH, YEAR } from '../constant';
 import { CalendarFooterComponent } from '../footer/component';

src/date-picker/date-picker/date-picker.component.ts

@@ -13,8 +13,8 @@ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import dayjs, { ConfigType, Dayjs } from 'dayjs';
 
 import { CommonFormControl } from '../../form/common-form';
+import { ComponentSize } from '../../internal/types';
 import { TooltipDirective } from '../../tooltip/tooltip.directive';
-import { ComponentSize } from '../../types';
 import { DatePickerType } from '../calendar/constant';
 import { DatePickerPanelComponent } from '../calendar/date-picker-panel/component';
 import { DateNavRange, DisabledTimeFn } from '../date-picker.type';

src/date-picker/range-picker/range-picker.component.ts

@@ -11,8 +11,8 @@ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import dayjs, { ConfigType, Dayjs } from 'dayjs';
 
 import { CommonFormControl } from '../../form';
+import { ComponentSize } from '../../internal/types';
 import { TooltipDirective } from '../../tooltip/tooltip.directive';
-import { ComponentSize } from '../../types';
 import { DateRangePickerPanelComponent } from '../calendar/range-picker-panel/component';
 import { DisabledDateFn, DisabledTimeFn } from '../date-picker.type';
 import { DatePickerTriggerComponent } from '../trigger/trigger.component';

src/date-picker/trigger/trigger.component.ts

@@ -13,8 +13,8 @@ import { Dayjs } from 'dayjs';
 import { I18nPipe } from '../../i18n/i18n.pipe';
 import { IconComponent } from '../../icon/icon.component';
 import { InputComponent } from '../../input/input.component';
-import { ComponentSize } from '../../types';
-import { buildBem } from '../../utils';
+import { ComponentSize } from '../../internal/types';
+import { buildBem } from '../../internal/utils';
 
 const bem = buildBem('aui-date-picker-trigger');
 

src/dialog/confirm-dialog/confirm-dialog.component.ts

@@ -14,7 +14,7 @@ import { firstValueFrom, Observable } from 'rxjs';
 
 import { ButtonComponent } from '../../button/button.component';
 import { IconComponent } from '../../icon/icon.component';
-import { Bem, buildBem, isString, isTemplateRef } from '../../utils';
+import { Bem, buildBem, isString, isTemplateRef } from '../../internal/utils';
 import { DialogRef } from '../dialog-ref';
 import {
   BeforeAction,

src/dialog/dialog-animations.ts

@@ -9,7 +9,7 @@ import {
 } from '@angular/animations';
 
 import { AnimationDuration } from '../core/animation/animation-consts';
-import { getAnimationQueryMetadatas } from '../utils/animations';
+import { getAnimationQueryMetadatas } from '../internal/utils/animations';
 
 export const ZOOM_CLASS_NAME_MAP = {
   enter: 'aui-zoom-enter',

src/dialog/dialog-content/dialog-content.component.ts

@@ -8,7 +8,7 @@ import {
   ViewEncapsulation,
 } from '@angular/core';
 
-import { Bem, buildBem } from '../../utils';
+import { Bem, buildBem } from '../../internal/utils';
 
 @Component({
   selector: 'aui-dialog-content',

src/dialog/dialog-content/dialog-footer.component.ts

@@ -4,7 +4,7 @@ import {
   ViewEncapsulation,
 } from '@angular/core';
 
-import { Bem, buildBem } from '../../utils';
+import { Bem, buildBem } from '../../internal/utils';
 
 @Component({
   selector: 'aui-dialog-footer',

src/dialog/dialog-content/dialog-header.component.ts

@@ -10,7 +10,7 @@ import {
 } from '@angular/core';
 
 import { IconComponent } from '../../icon/icon.component';
-import { Bem, buildBem } from '../../utils';
+import { Bem, buildBem } from '../../internal/utils';
 import { DialogRef } from '../dialog-ref';
 import { DialogService } from '../dialog.service';
 import { getClosestDialog } from '../utils';

src/dialog/dialog.component.ts

@@ -21,7 +21,7 @@ import {
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { debounceTime, filter, fromEvent } from 'rxjs';
 
-import { Bem, buildBem, getElementOffset } from '../utils';
+import { Bem, buildBem, getElementOffset } from '../internal/utils';
 
 import {
   dialogAnimations,

src/drawer/component/internal/internal.component.ts

@@ -33,7 +33,7 @@ import { BehaviorSubject, Subject } from 'rxjs';
 
 import { TimingFunction } from '../../../core/animation/animation-consts';
 import { IconComponent } from '../../../icon/icon.component';
-import { handlePixel, isTemplateRef } from '../../../utils';
+import { handlePixel, isTemplateRef } from '../../../internal/utils';
 import { DrawerOptions, DrawerSize } from '../../types';
 
 export const DATA = new InjectionToken('drawer-data');

src/drawer/types.ts

@@ -1,7 +1,7 @@
 import { ComponentType } from '@angular/cdk/portal';
 import { TemplateRef } from '@angular/core';
 
-import { ValueOf } from '../types';
+import { ValueOf } from '../internal/types';
 
 export const DrawerSize = {
   Small: 'small',

src/dropdown/dropdown-button/dropdown-button.component.ts

@@ -15,8 +15,8 @@ import { Observable, map, startWith } from 'rxjs';
 import { ButtonType } from '../../button';
 import { ButtonComponent } from '../../button/button.component';
 import { IconComponent } from '../../icon/icon.component';
-import { ComponentSize } from '../../types';
-import { Bem, buildBem, coerceAttrBoolean } from '../../utils';
+import { ComponentSize } from '../../internal/types';
+import { Bem, buildBem, coerceAttrBoolean } from '../../internal/utils';
 import { DropdownDirective } from '../dropdown.directive';
 import { MenuItemComponent } from '../menu-item/menu-item.component';
 

src/dropdown/dropdown.types.ts

@@ -1,4 +1,4 @@
-import { ValueOf } from '../types';
+import { ValueOf } from '../internal/types';
 
 export const MenuItemType = {
   Default: 'default',

src/dropdown/menu-item/menu-item.component.ts

@@ -5,7 +5,7 @@ import {
   ViewEncapsulation,
 } from '@angular/core';
 
-import { Bem, buildBem } from '../../utils';
+import { Bem, buildBem } from '../../internal/utils';
 import { MenuItemType } from '../dropdown.types';
 
 @Component({

src/dropdown/menu/menu.component.ts

@@ -5,8 +5,8 @@ import {
   ViewEncapsulation,
 } from '@angular/core';
 
-import { ComponentSize } from '../../types';
-import { Bem, buildBem } from '../../utils';
+import { ComponentSize } from '../../internal/types';
+import { Bem, buildBem } from '../../internal/utils';
 
 @Component({
   selector: 'aui-menu',

src/dropdown/submenu/submenu.component.ts

@@ -8,11 +8,11 @@ import {
 } from '@angular/core';
 
 import { IconComponent } from '../../icon/icon.component';
+import { ComponentSize } from '../../internal/types';
+import { Bem, buildBem } from '../../internal/utils';
 import { TooltipTrigger } from '../../tooltip';
 import { TooltipActiveDirective } from '../../tooltip/tooltip-active.directive';
 import { TooltipDirective } from '../../tooltip/tooltip.directive';
-import { ComponentSize } from '../../types';
-import { Bem, buildBem } from '../../utils';
 import { MenuComponent } from '../menu/menu.component';
 import { MenuItemComponent } from '../menu-item/menu-item.component';
 

src/form/common-form.ts

@@ -8,7 +8,7 @@ import {
 import { ControlValueAccessor } from '@angular/forms';
 import { ReplaySubject } from 'rxjs';
 
-import { coerceAttrBoolean } from '../utils';
+import { coerceAttrBoolean } from '../internal/utils';
 
 /**
  * form control 内部不保持 value 属性，当不使用 ngModel 时可以通过 [(value)] 实现双向绑定；

src/form/form-item/form-item.component.ts

@@ -24,7 +24,7 @@ import {
   takeUntil,
 } from 'rxjs';
 
-import { Bem, buildBem, publishRef } from '../../utils';
+import { Bem, buildBem, publishRef } from '../../internal/utils';
 import { FormDirective } from '../form.directive';
 import { FormItemWidth, LabelPosition } from '../form.types';
 import {

src/form/form.types.ts

@@ -1,4 +1,4 @@
-import { ValueOf } from '../types';
+import { ValueOf } from '../internal/types';
 
 export const LabelPosition = {
   Top: 'top',

src/form/helper-directives.ts

@@ -1,6 +1,6 @@
 import { Directive, Input } from '@angular/core';
 
-import { coerceAttrBoolean } from '../utils';
+import { coerceAttrBoolean } from '../internal/utils';
 
 @Directive({
   selector: 'label[auiFormItemLabel]',

src/i18n/i18n.pipe.ts

@@ -7,7 +7,6 @@ import {
 import { Subject, takeUntil } from 'rxjs';
 
 import { I18nService } from './i18n.service';
-import { StringMap } from './i18n.type';
 
 @Pipe({
   name: 'auiI18n',
@@ -26,7 +25,7 @@ export class I18nPipe implements PipeTransform, OnDestroy {
       .subscribe(() => this.cdr.markForCheck());
   }
 
-  transform(value: any, data?: StringMap) {
+  transform(value: any, data?: Record<string, string>) {
     return this.i18n.translate(value, data);
   }
 

src/i18n/i18n.service.ts

@@ -1,7 +1,7 @@
 import { Inject, Injectable, isDevMode } from '@angular/core';
 import { BehaviorSubject, Observable, map } from 'rxjs';
 
-import { I18NInterface, I18NInterfaceToken, StringMap } from './i18n.type';
+import { I18NInterface, I18NInterfaceToken } from './i18n.type';
 
 @Injectable({
   providedIn: 'root',
@@ -27,7 +27,11 @@ export class I18nService {
     return this._i18n;
   }
 
-  translate(key: string, data?: StringMap, ignoreNonExist = false) {
+  translate(
+    key: string,
+    data?: Record<string, string>,
+    ignoreNonExist = false,
+  ) {
     let content = this._i18n.translation[key];
     if (content == null) {
       if (isDevMode() && !ignoreNonExist) {

src/i18n/i18n.type.ts

@@ -7,8 +7,6 @@ export interface I18NInterface {
   translation: Record<string, string>;
 }
 
-export type StringMap = Record<string, string>;
-
 export const I18NInterfaceToken = new InjectionToken('i18n token', {
   factory: () => en,
 });

src/icon/icon.component.ts

@@ -6,8 +6,8 @@ import {
   ViewEncapsulation,
 } from '@angular/core';
 
+import { Bem, buildBem, handlePixel } from '../internal/utils';
 import { ThemePickerPipe } from '../theme/theme.pipe';
-import { Bem, buildBem, handlePixel } from '../utils';
 
 import { IconRegisterService } from './icon-register.service';
 

src/index.ts

@@ -16,6 +16,19 @@ export * from './i18n';
 export * from './icon';
 export * from './inline-alert';
 export * from './input';
+export { ComponentSize } from './internal/types';
+export {
+  AttrBoolean,
+  Bem,
+  buildBem,
+  coerceAttrBoolean,
+  coerceString,
+  getCompatibleStylesRenderer,
+  handlePixel,
+  isTemplateRef,
+  observeMutationOn,
+  observeResizeOn,
+} from './internal/utils';
 export * from './message';
 export * from './notification';
 export * from './paginator';
@@ -34,5 +47,3 @@ export * from './theme';
 export * from './time-picker';
 export * from './tooltip';
 export * from './tree-select';
-export * from './types';
-export * from './utils';