refactor(standalone): update all components to standalone components

includes: other all components

docs/course/rbac/4-ui-navigation/demo/13__ui/src/layout/index/index.module.ts

@@ -9,7 +9,7 @@ import { TabsComponent } from './tabs/tabs.component';
 import { RouterModule } from '@angular/router';
 import { mainRoutes } from 'src/environments/routes';
 import { XMenuComponent } from '@ng-nest/ui/menu';
-import { XSliderModule } from '@ng-nest/ui/slider';
+import { XSliderComponent } from '@ng-nest/ui/slider';
 import { XIconComponent } from '@ng-nest/ui/icon';
 import { XCrumbModule } from '@ng-nest/ui/crumb';
 
@@ -18,7 +18,7 @@ import { XCrumbModule } from '@ng-nest/ui/crumb';
   imports: [
     CommonModule,
     XMenuComponent,
-    XSliderModule,
+    XSliderComponent,
     XIconComponent,
     XCrumbModule,
     RouterModule.forChild([

docs/course/rbac/4-ui-navigation/demo/9__ui/src/layout/index/index.module.ts

@@ -9,15 +9,15 @@ import { TabsComponent } from './tabs/tabs.component';
 import { RouterModule } from '@angular/router';
 import { mainRoutes } from 'src/environments/routes';
 import { XMenuComponent } from '@ng-nest/ui/menu';
-import { XSliderModule } from '@ng-nest/ui/slider';
+import { XSliderComponent } from '@ng-nest/ui/slider';
 import { XIconComponent } from '@ng-nest/ui/icon';
 
 @NgModule({
   declarations: [IndexComponent, ContentComponent, CrumbComponent, HeaderComponent, SidebarComponent, TabsComponent],
   imports: [
     CommonModule,
     XMenuComponent,
-    XSliderModule,
+    XSliderComponent,
     XIconComponent,
     RouterModule.forChild([
       {

docs/course/rbac/5-user-manage/demo/17__ui/src/main/system/users/user.module.ts

@@ -2,13 +2,13 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { UserComponent } from './user.component';
 import { RouterModule } from '@angular/router';
-import { XTableModule } from '@ng-nest/ui/table';
+import { XTableComponent } from '@ng-nest/ui/table';
 
 @NgModule({
   declarations: [UserComponent],
   imports: [
     CommonModule,
-    XTableModule,
+    XTableComponent,
     RouterModule.forChild([
       {
         path: '',

docs/course/rbac/5-user-manage/demo/22__ui/src/main/system/users/user.module.ts

@@ -2,14 +2,14 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { UserComponent } from './user.component';
 import { RouterModule } from '@angular/router';
-import { XTableModule } from '@ng-nest/ui/table';
+import { XTableComponent } from '@ng-nest/ui/table';
 import { UserDetailComponent } from './user-detail/user-detail.component';
 
 @NgModule({
   declarations: [UserComponent, UserDetailComponent],
   imports: [
     CommonModule,
-    XTableModule,
+    XTableComponent,
     RouterModule.forChild([
       { path: '', component: UserComponent },
       { path: ':type', component: UserDetailComponent },

docs/course/rbac/5-user-manage/demo/23__ui/src/main/system/users/user.module.ts

@@ -2,15 +2,15 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { UserComponent } from './user.component';
 import { RouterModule } from '@angular/router';
-import { XTableModule } from '@ng-nest/ui/table';
+import { XTableComponent } from '@ng-nest/ui/table';
 import { UserDetailComponent } from './user-detail/user-detail.component';
 import { XButtonComponent } from '@ng-nest/ui/button';
 
 @NgModule({
   declarations: [UserComponent, UserDetailComponent],
   imports: [
     CommonModule,
-    XTableModule,
+    XTableComponent,
     XButtonComponent,
     RouterModule.forChild([
       { path: '', component: UserComponent },

docs/course/rbac/5-user-manage/demo/24__ui/src/main/system/users/user.module.ts

@@ -2,20 +2,18 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { UserComponent } from './user.component';
 import { RouterModule } from '@angular/router';
-import { XTableModule } from '@ng-nest/ui/table';
+import { XTableComponent } from '@ng-nest/ui/table';
 import { UserDetailComponent } from './user-detail/user-detail.component';
 import { XButtonComponent } from '@ng-nest/ui/button';
 import { XFormComponent } from '@ng-nest/ui/form';
-import { XMessageModule } from '@ng-nest/ui/message';
 
 @NgModule({
   declarations: [UserComponent, UserDetailComponent],
   imports: [
     CommonModule,
-    XTableModule,
+    XTableComponent,
     XButtonComponent,
     XFormComponent,
-    XMessageModule,
     RouterModule.forChild([
       { path: '', component: UserComponent },
       { path: ':type', component: UserDetailComponent },

docs/course/rbac/5-user-manage/demo/25__ui/src/main/system/users/user.module.ts

@@ -2,24 +2,20 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { UserComponent } from './user.component';
 import { RouterModule } from '@angular/router';
-import { XTableModule } from '@ng-nest/ui/table';
+import { XTableComponent } from '@ng-nest/ui/table';
 import { UserDetailComponent } from './user-detail/user-detail.component';
 import { XButtonComponent } from '@ng-nest/ui/button';
 import { XFormComponent } from '@ng-nest/ui/form';
-import { XMessageModule } from '@ng-nest/ui/message';
 import { XLinkComponent } from '@ng-nest/ui/link';
-import { XMessageBoxModule } from '@ng-nest/ui/message-box';
 
 @NgModule({
   declarations: [UserComponent, UserDetailComponent],
   imports: [
     CommonModule,
-    XTableModule,
+    XTableComponent,
     XButtonComponent,
     XFormComponent,
-    XMessageModule,
     XLinkComponent,
-    XMessageBoxModule,
     RouterModule.forChild([
       { path: '', component: UserComponent },
       { path: ':type', component: UserDetailComponent },

docs/course/rbac/5-user-manage/readme.en_US.md

@@ -126,7 +126,7 @@ Open the front-end project, here we use the `table` component to create our list
 
 {{ __17\__ui:src/main/system/users/user.component.ts:true:true }}
 
-- Adding a `XTableModule` module in `user.module.ts`
+- Adding a `XTableComponent` component in `user.module.ts`
 - Using `table` components in `user.component.html` and `uesr.component.ts`
 - `columns` configuration
 - `data` specify the `table` display data, configure it to a return type to `Observable` Observe the function of the object

docs/course/rbac/5-user-manage/readme.zh_CN.md

@@ -126,7 +126,7 @@ DTO 用于展示层与服务层之间的数据传输，我们在 `users` 中定
 
 {{ __17\__ui:src/main/system/users/user.component.ts:true:true }}
 
-- 在 `user.module.ts` 中添加 `XTableModule` 模块的引入
+- 在 `user.module.ts` 中添加 `XTableComponent` 模块的引入
 - 在 `user.component.html` 和 `uesr.component.ts` 中使用 `table` 组件
 - `columns` 配置 `table` 列
 - `data` 指定 `table` 显示数据，此处配置为一个返回类型为 `Observable` 可观察对象的函数

lib/ng-nest/ui/affix/affix.component.spec.ts

@@ -5,7 +5,7 @@ import { By } from '@angular/platform-browser';
 import { XAffixComponent } from '@ng-nest/ui/affix';
 import { XAffixPrefix } from './affix.property';
 import { XButtonComponent } from '@ng-nest/ui/button';
-import { XThemeModule } from '@ng-nest/ui/theme';
+import { XThemeComponent } from '@ng-nest/ui/theme';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 
@@ -17,7 +17,7 @@ describe(XAffixPrefix, () => {
         HttpClientTestingModule,
         XAffixComponent,
         XButtonComponent,
-        XThemeModule
+        XThemeComponent
       ],
       declarations: [TestXAffixComponent]
     }).compileComponents();

lib/ng-nest/ui/affix/affix.property.ts

@@ -12,7 +12,7 @@ const X_CONFIG_NAME = 'affix';
 /**
  * Affix Property
  */
-@Component({ selector: `${XAffixPrefix}-property`, template: '', standalone: true })
+@Component({ selector: `${XAffixPrefix}-property`, template: '' })
 export class XAffixProperty extends XProperty {
   /**
    * @zh_CN 距离顶部距离

lib/ng-nest/ui/alert/alert.component.spec.ts

@@ -5,10 +5,10 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { XAlertComponent } from '@ng-nest/ui/alert';
 import { FormsModule } from '@angular/forms';
 import { XAlertPrefix } from './alert.property';
-import { XStatisticModule } from '@ng-nest/ui/statistic';
+import { XCountdownComponent } from '@ng-nest/ui/statistic';
 import { XAddSeconds } from '@ng-nest/ui/core';
 import { XButtonComponent } from '@ng-nest/ui/button';
-import { XThemeModule } from '@ng-nest/ui/theme';
+import { XThemeComponent } from '@ng-nest/ui/theme';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 
 describe(XAlertPrefix, () => {
@@ -21,8 +21,8 @@ describe(XAlertPrefix, () => {
         BrowserAnimationsModule,
         XButtonComponent,
         XAlertComponent,
-        XStatisticModule,
-        XThemeModule
+        XCountdownComponent,
+        XThemeComponent
       ],
       declarations: [TestXAlertComponent]
     }).compileComponents();

lib/ng-nest/ui/alert/alert.property.ts

@@ -24,7 +24,7 @@ const X_CONFIG_NAME = 'alert';
 /**
  * Alert Property
  */
-@Component({ selector: `${XAlertPrefix}-property`, template: '', standalone: true })
+@Component({ selector: `${XAlertPrefix}-property`, template: '' })
 export class XAlertProperty extends XProperty {
   /**
    * @zh_CN 隐藏

lib/ng-nest/ui/alert/examples/en_US/default/custom/custom.component.ts

@@ -1,12 +1,12 @@
 import { Component } from '@angular/core';
 import { XAlertComponent } from '@ng-nest/ui/alert';
 import { XAddSeconds } from '@ng-nest/ui/core';
-import { XStatisticModule } from '@ng-nest/ui/statistic';
+import { XCountdownComponent } from '@ng-nest/ui/statistic';
 
 @Component({
   selector: 'ex-custom',
   standalone: true,
-  imports: [XAlertComponent, XStatisticModule],
+  imports: [XAlertComponent, XCountdownComponent],
   templateUrl: './custom.component.html',
   styleUrls: ['./custom.component.scss']
 })

lib/ng-nest/ui/alert/examples/zh_CN/default/custom/custom.component.ts

@@ -1,12 +1,12 @@
 import { Component } from '@angular/core';
 import { XAlertComponent } from '@ng-nest/ui/alert';
 import { XAddSeconds } from '@ng-nest/ui/core';
-import { XStatisticModule } from '@ng-nest/ui/statistic';
+import { XCountdownComponent } from '@ng-nest/ui/statistic';
 
 @Component({
   selector: 'ex-custom',
   standalone: true,
-  imports: [XAlertComponent, XStatisticModule],
+  imports: [XAlertComponent, XCountdownComponent],
   templateUrl: './custom.component.html',
   styleUrls: ['./custom.component.scss']
 })

lib/ng-nest/ui/anchor/anchor.component.spec.ts

@@ -4,7 +4,7 @@ import { Component, DebugElement } from '@angular/core';
 import { By } from '@angular/platform-browser';
 import { XAnchorComponent } from '@ng-nest/ui/anchor';
 import { XAnchorPrefix } from './anchor.property';
-import { XThemeModule } from '@ng-nest/ui/theme';
+import { XThemeComponent } from '@ng-nest/ui/theme';
 import { XButtonComponent } from '@ng-nest/ui/button';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
@@ -16,7 +16,7 @@ describe(XAnchorPrefix, () => {
         BrowserAnimationsModule,
         HttpClientTestingModule,
         XAnchorComponent,
-        XThemeModule,
+        XThemeComponent,
         XButtonComponent
       ],
       declarations: [TestXAnchorComponent]

lib/ng-nest/ui/anchor/anchor.component.ts

@@ -21,7 +21,7 @@ import {
   XIsUndefined,
   XConfigService
 } from '@ng-nest/ui/core';
-import { XSliderNode, XSliderModule } from '@ng-nest/ui/slider';
+import { XSliderNode, XSliderComponent } from '@ng-nest/ui/slider';
 import { XAffixComponent } from '@ng-nest/ui/affix';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import { fromEvent, Subject } from 'rxjs';
@@ -30,7 +30,7 @@ import { throttleTime, takeUntil, distinctUntilChanged } from 'rxjs/operators';
 @Component({
   selector: `${XAnchorPrefix}`,
   standalone: true,
-  imports: [CommonModule, XAffixComponent, XSliderModule],
+  imports: [CommonModule, XAffixComponent, XSliderComponent],
   templateUrl: './anchor.component.html',
   styleUrls: ['./anchor.component.scss'],
   encapsulation: ViewEncapsulation.None,

lib/ng-nest/ui/anchor/anchor.property.ts

@@ -19,7 +19,7 @@ const X_CONFIG_NAME = 'anchor';
 /**
  * Anchor Property
  */
-@Component({ selector: `${XAnchorPrefix}-property`, template: '', standalone: true })
+@Component({ selector: `${XAnchorPrefix}-property`, template: '' })
 export class XAnchorProperty extends XProperty {
   /**
    * @zh_CN 滚动区域对象
@@ -58,7 +58,7 @@ export const XAnchorInnerPrefix = 'x-anchor-inner';
 /**
  * Anchor inner Property
  */
-@Component({ selector: `${XAnchorInnerPrefix}-property`, template: '', standalone: true })
+@Component({ selector: `${XAnchorInnerPrefix}-property`, template: '' })
 export class XAnchorInnerProperty {}
 
 /**

lib/ng-nest/ui/auto-complete/auto-complete.component.spec.ts

@@ -9,14 +9,14 @@ import { XRowComponent, XColComponent } from '@ng-nest/ui/layout';
 import { Observable, interval } from 'rxjs';
 import { XData } from '@ng-nest/ui/core';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { XThemeModule } from '@ng-nest/ui/theme';
-import { XRadioModule } from '@ng-nest/ui/radio';
+import { XThemeComponent } from '@ng-nest/ui/theme';
+import { XRadioComponent } from '@ng-nest/ui/radio';
 import { XInputComponent } from '@ng-nest/ui/input';
-import { XSelectModule } from '@ng-nest/ui/select';
+import { XSelectComponent } from '@ng-nest/ui/select';
 import { XCascadeComponent } from '@ng-nest/ui/cascade';
 import { XColorPickerComponent } from '@ng-nest/ui/color-picker';
 import { XFindComponent } from '@ng-nest/ui/find';
-import { XTextareaModule } from '@ng-nest/ui/textarea';
+import { XTextareaComponent } from '@ng-nest/ui/textarea';
 import { XTimePickerModule } from '@ng-nest/ui/time-picker';
 import { XButtonComponent } from '@ng-nest/ui/button';
 import { XDatePickerComponent } from '@ng-nest/ui/date-picker';
@@ -29,20 +29,20 @@ describe(XAutoCompletePrefix, () => {
       imports: [
         BrowserAnimationsModule,
         HttpClientTestingModule,
-        XThemeModule,
+        XThemeComponent,
         XAutoCompleteComponent,
         FormsModule,
         ReactiveFormsModule,
         XRowComponent,
         XColComponent,
-        XRadioModule,
-        XSelectModule,
+        XRadioComponent,
+        XSelectComponent,
         XButtonComponent,
         XInputComponent,
         XCascadeComponent,
         XColorPickerComponent,
         XFindComponent,
-        XTextareaModule,
+        XTextareaComponent,
         XTimePickerModule,
         XDatePickerComponent,
         XIconComponent

lib/ng-nest/ui/auto-complete/auto-complete.property.ts

@@ -22,7 +22,7 @@ const X_CONFIG_NAME = 'autoComplete';
 /**
  * AutoComplete Property
  */
-@Component({ selector: `${XAutoCompletePrefix}-property`, template: '', standalone: true })
+@Component({ selector: `${XAutoCompletePrefix}-property`, template: '' })
 export class XAutoCompleteProperty extends XControlValueAccessor<any> {
   /**
    * @zh_CN 节点数据

lib/ng-nest/ui/auto-complete/examples/en_US/default/size/size.component.ts

@@ -3,12 +3,12 @@ import { FormsModule } from '@angular/forms';
 import { XAutoCompleteComponent, XAutoCompleteNode } from '@ng-nest/ui/auto-complete';
 import { XData, XSize } from '@ng-nest/ui/core';
 import { XColComponent, XRowComponent } from '@ng-nest/ui/layout';
-import { XRadioModule } from '@ng-nest/ui/radio';
+import { XRadioComponent } from '@ng-nest/ui/radio';
 
 @Component({
   selector: 'ex-size',
   standalone: true,
-  imports: [FormsModule, XRadioModule, XRowComponent, XColComponent, XAutoCompleteComponent],
+  imports: [FormsModule, XRadioComponent, XRowComponent, XColComponent, XAutoCompleteComponent],
   templateUrl: './size.component.html',
   styleUrls: ['./size.component.scss']
 })

lib/ng-nest/ui/auto-complete/examples/zh_CN/default/size/size.component.ts

@@ -3,12 +3,12 @@ import { FormsModule } from '@angular/forms';
 import { XAutoCompleteComponent, XAutoCompleteNode } from '@ng-nest/ui/auto-complete';
 import { XData, XSize } from '@ng-nest/ui/core';
 import { XColComponent, XRowComponent } from '@ng-nest/ui/layout';
-import { XRadioModule } from '@ng-nest/ui/radio';
+import { XRadioComponent } from '@ng-nest/ui/radio';
 
 @Component({
   selector: 'ex-size',
   standalone: true,
-  imports: [FormsModule, XRadioModule, XRowComponent, XColComponent, XAutoCompleteComponent],
+  imports: [FormsModule, XRadioComponent, XRowComponent, XColComponent, XAutoCompleteComponent],
   templateUrl: './size.component.html',
   styleUrls: ['./size.component.scss']
 })

lib/ng-nest/ui/avatar/avatar-group.component.ts

@@ -4,7 +4,6 @@ import { XAvatarGroupPrefix, XAvatarGroupProperty } from './avatar.property';
 @Component({
   selector: `${XAvatarGroupPrefix}`,
   standalone: true,
-  imports: [XAvatarGroupProperty],
   templateUrl: './avatar-group.component.html',
   styleUrls: ['./avatar-group.component.scss'],
   encapsulation: ViewEncapsulation.None,