-```
-
-```ts
-// using router (cross-route), anchorName means your own anchor
-this.router.navigateByUrl('../xx/xxx#anchorName');
-this.router.navigate(['/xxx'], { fragment: 'anchorName' });
-
-// using router (at the same level), anchorName means your own anchor
-this.router.navigateByUrl('#anchorName');
-this.router.navigate([], { fragment: 'anchorName' });
-```
-
-# dAnchor
-
-Define an anchor point
-
-## dAnchor Parameters
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :----------: | :------: | :-----: | :---------------------------------------------------------------------------------------------------: | -------------------------------------------------- |
-| dAnchor | `string` | -- | Required. Sets an anchor name. | [Basic Usage](demo#basic-usage) |
-| anchorActive | `string` | -- | Optional. When the anchor is activated, the corresponding CSS class name takes effect for the module. | [Basic Usage](demo#basic-usage) |
-
-## dAnchor Anchor Activation Event
-
-The following classes are automatically added to the anchor to correspond to different activated objects:
-
-| css class name | Meaning |
-| :---------------------------: | :-------------------------------------------------------: |
-| anchor-active-by-anchor-link | Click the anchor link to activate it. |
-| anchor-active-by-scroll | The container scrolls to the anchor point for activation. |
-| anchor-active-by-click-inside | Click the anchor content to activate it. |
-| anchor-active-by-initial | Initialize the scroll bar position. |
-
-# dAnchorLink
-
-Define a link of an anchor point. Click the link to slide to the anchor point. When the anchor point is at the top of the page, the link class is activated.
-
-## dAnchorLink Parameters
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :----------: | :------: | :-----: | :------------------------------------------------------------------------------------------------: | -------------------------------------------------- |
-| dAnchorLink | `string` | -- | Required. Name of the target anchor point for sliding. | [Basic Usage](demo#basic-usage) |
-| anchorActive | `string` | -- | Optional. CSS class name corresponding to the link that takes effect when the anchor is activated. | [Basic Usage](demo#basic-usage) |
-
-# dAnchorBox
-
-There must be one container. Otherwise, the function cannot be used.
-
-Defines a container for scanning anchor points, placed on the common parent node of dAnchor and dAnchorLink, for communication between anchor points and links.
-
-## dAnchorBox Parameters
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :-----------: | :----------------------------: | :-------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | --------------------------------------------------------------------- |
-| view | `{top?:number,bottom?:number}` | {top:0,bottom:0} | Optional. It is used to adjust the visible region, for example, the head with a fixed position on the top. The value corresponds to the height of the blocked top or bottom. | [Basic Usage](demo#basic-usage) |
-| defaultAnchor | `string` | -- | Optional. An anchor link that is activated by default after a page is displayed. Generally, the first anchor link is set to the first anchor link. If this parameter is not set, the first anchor link can be activated only when the first anchor is moved to the top position. | [Basic Usage](demo#basic-usage) |
-| scrollTarget | `HTMLElement` | document.documentElement(document.body) | Optional. Sets the container where the scroll bar is located. This parameter is optional when the scroll bar is on the home page. | [Replace Rolling Container](demo#scroll-target) |
-
-# dAnchorHashSupport
-
-dAnchorBox support instruction
-
-## dAnchorHashSupport Parameters
-
-The following parameters are advanced configuration parameters and are not required. You only need to use dAnchorHashSupport.
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :--------------------------: | :-------: | :-----: | :-----------------------------------------------------------------------------------------------------------------------------------------------------: | ------------------------------------------------------------------ |
-| updateUrlWhenAnchorActive | `boolean` | true | Optional. The URL is updated when the anchor is activated. The default value is true. | [URL Hash Anchor](demo#support-hash) |
-| scrollToAnchorByHashOnlyInit | `boolean` | false | Optional. True indicates that the fragment field changes from routes are received only during initialization. This field is used for complex scenarios. | [URL Hash Anchor](demo#support-hash) |
-
-The dAnchorHashSupport command is used together with the dAnchorBox command to bind the hash fragment of a route. For example, xxx.xxx/xxx#foo, where the foo field is a hash field.
-The hop hash field can be the anchor component, route navigate, and routerLink fragment field.
-
-# Note
-
-Note that this parameter cannot be used together with the RouterScoller of the routing module of ng6.1 or later. The routerlScroller will scroll to the traditional ID anchor point.
-Using RouterScroller alone, you can configure the routing module.
-
-```ts
-@NgModule({
- //......
- imports: [
- //......
- RouterModule.forRoot(routes, {
- anchorScrolling: 'enabled', // This policy conflicts with the dAnchorHashSupport instruction of the anchor component.
- }),
- ],
- //......
-})
-export class DemoModule {}
-```
diff --git a/devui/auto-complete/auto-complete.tsx b/devui/auto-complete/auto-complete.tsx
deleted file mode 100644
index 95159c6b3cbc2eee124a88c3076d1786869bea65..0000000000000000000000000000000000000000
--- a/devui/auto-complete/auto-complete.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-auto-complete',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-auto-complete
- }
- }
-})
\ No newline at end of file
diff --git a/devui/auto-complete/demo/auto-complete-demo.tsx b/devui/auto-complete/demo/auto-complete-demo.tsx
deleted file mode 100644
index e5d44d8b9c29c8f15f166b0498d296c06fc035e9..0000000000000000000000000000000000000000
--- a/devui/auto-complete/demo/auto-complete-demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-auto-complete-demo',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-auto-complete-demo
- }
- }
-})
\ No newline at end of file
diff --git a/devui/auto-complete/demo/auto-complete.route.ts b/devui/auto-complete/demo/auto-complete.route.ts
deleted file mode 100644
index bd1eea2cb200a02028573cd13737cdd5c72dac19..0000000000000000000000000000000000000000
--- a/devui/auto-complete/demo/auto-complete.route.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import AutoCompleteDemoComponent from './auto-complete-demo'
-import DevUIApiComponent from '../../shared/devui-api/devui-api'
-
-import ApiCn from '../doc/api-cn.md'
-import ApiEn from '../doc/api-en.md'
-const routes = [
- { path: '', redirectTo: 'demo' },
- { path: 'demo', component: AutoCompleteDemoComponent},
- { path: 'api', component: DevUIApiComponent, meta: {
- 'zh-cn': ApiCn,
- 'en-us': ApiEn
- }}
-]
-
-export default routes
diff --git a/devui/auto-complete/doc/api-cn.md b/devui/auto-complete/doc/api-cn.md
deleted file mode 100644
index 8173d6e9bbf5d5cc18ad328ff1c64596e65ca4d1..0000000000000000000000000000000000000000
--- a/devui/auto-complete/doc/api-cn.md
+++ /dev/null
@@ -1,64 +0,0 @@
-# 如何使用
-在module中引入：
-```ts
-import { AutoCompleteModule } from 'ng-devui/auto-complete';
-```
-在页面中使用：
-```html
-
-```
-
-# dAutoComplete
-## dAutoComplete 参数
-
-| 参数 | 类型 | 默认 | 说明 | 跳转 Demo |
-| :-------------------: | :-------------------------------: | :-----------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- |
-| source | `Array` | -- | 必选，有 searchFn 的情况下可以不必选 | [基本用法](demo#basic-usage) |
-| allowEmptyValueSearch | `boolean` | false | 可选，在绑定的输入框 value 为空时，是否进行搜索提示操作 | [自定义模板展示](demo#auto-custom) |
-| appendToBody | `boolean` | false | 可选，下拉弹出是否 append to body | [自定义模板展示](demo#auto-custom) |
-| disabled | `boolean` | false | 可选，是否禁止指令 | [设置禁用](demo#auto-disable) |
-| delay | `number` | 300 | 可选，只有在 delay 时间经过后并且输入新值，才做搜索查询（`ms`） | [自定义模板展示](demo#auto-custom) |
-| disabledKey | `string` | -- | 可选，禁用单个选项，当传入资源 source 选项类型为对象，比如设置为'disabled'，则当对象的 disable 属性为 true 时，比如{ label: xxx, disabled: true }，该选项将禁用 | [设置禁用](demo#auto-disable) |
-| itemTemplate | `TemplateRef` | -- | 可选，自定义展示模板 | [自定义模板展示](demo#auto-custom) |
-| noResultItemTemplate | `TemplateRef` | -- | 可选，没有匹配项的展示结果 | [自定义模板展示](demo#auto-custom) |
-| formatter | `(item: any) => string` | [`defaultFormatter`](#defaultformatter) | 可选，格式化函数 | [设置禁用](demo#auto-disable) |
-| isSearching | `boolean` | false | 可选，是否在搜索中，用于控制 searchingTemplate 是否显示 | [自定义模板展示](demo#auto-custom) |
-| searchingTemplate | `TemplateRef` | -- | 可选，自定义搜索中显示模板 | [自定义模板展示](demo#auto-custom) |
-| sceneType | `string` | -- | 可选，值为 'select'、'suggest' | [启用懒加载](demo#auto-lazy-load) |
-| searchFn | `(term: string) => Observable` | [`defaultSearchFn`](#defaultsearchfn) | 可选，自定义搜索过滤 | [自定义数据匹配方法](demo#auto-object) |
-| tipsText | `string` | '最近输入' | 可选，提示文字 | [设置禁用](demo#auto-disable) |
-| latestSource | `Array` | -- | 可选， 最近输入 | [最近输入](demo#auto-latest) |
-| valueParser | `(item: any) => any` | [`defaultValueParse`](#defaultvalueparse) | 可选， 对选中后数据进行处理 | [启用懒加载](demo#auto-lazy-load) |
-| enableLazyLoad | `boolean` | false | 可选，是否允许懒加载 | [启用懒加载](demo#auto-lazy-load) |
-| dAutoCompleteWidth | `number` | -- | 可选，调整宽度（`px`） |
-
-## dAutoComplete 事件
-
-| 参数 | 类型 | 说明 | 跳转 Demo |
-| :-----------------: | :-------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------- |
-| loadMore | `EventEmitter>` | 懒加载触发事件，配合`enableLazyLoad`使用，使用`$event.loadFinish()`关闭 loading 状态，其中\$event 为 AutoCompletePopupComponent 的实例 | [启用懒加载](demo#auto-lazy-load) |
-| selectValue | `EventEmitter` | 可选，选择选项之后的回调函数 | [启用懒加载](demo#auto-lazy-load) |
-| transInputFocusEmit | `EventEmitter<{focus: boolean, popupRef: ComponentRef}>` | 可选，Input focus 时回调函数 | [启用懒加载](demo#auto-lazy-load) |
-
-# 接口 & 类型定义
-### defaultSearchFn
-
-```ts
-defaultSearchFn = (term) => {
- return of(this.source.filter((lang) => this.formatter(lang).toLowerCase().indexOf(term.toLowerCase()) !== -1));
-};
-```
-term 为输入的关键字。
-
-### defaultFormatter
-```ts
-defaultFormatter = (item) => (item ? item.label || item.toString() : '');
-```
-item 为数据项。
-
-### defaultValueParse
-```ts
-defaultValueParse = (item) => item;
-```
-item 为数据项。
-
diff --git a/devui/auto-complete/doc/api-en.md b/devui/auto-complete/doc/api-en.md
deleted file mode 100644
index f47e9f3a307d4b761063733b4339cb2b8a361451..0000000000000000000000000000000000000000
--- a/devui/auto-complete/doc/api-en.md
+++ /dev/null
@@ -1,74 +0,0 @@
-# How to use
-
-Import into module
-
-```ts
-import { AutoCompleteModule } from 'ng-devui/auto-complete';
-```
-
-In the page
-
-```html
-
-```
-
-# dAutoComplete
-
-## dAutoComplete Parameter
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :-------------------: | :-----------------------------------: | :---------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- |
-| source | `Array` | -- | Required. This parameter is optional if searchFn is specified. | [Basic usage](demo#basic-usage) |
-| allowEmptyValueSearch | `boolean` | false | Optional. indicates whether to display a search message when the bound text box value is empty. | [Customized template display](demo#auto-custom) |
-| appendToBody | `boolean` | false | Optional. Whether to append to body is displayed in the drop-down list box. | [Customized template display](demo#auto-custom) |
-| disabled | `boolean` | false | Optional. Indicating whether to disable commands. | [Disabled](demo#auto-disable) |
-| delay | `number` | 300 | Optional. The search is performed only after the delay time elapses and a new value is entered. (`ms`) | [Customized template display](demo#auto-custom) |
-| disabledKey | `string` | -- | Optional. Disable a single option. If the input resource source option type is an object, for example, disabled, and the disable attribute of the object is true, for example, {label: xxx, disabled: true}, this option will be disabled | [Disabled](demo#auto-disable) |
-| itemTemplate | `TemplateRef` | -- | Optional. Customized display template | [Customized template display](demo#auto-custom) |
-| noResultItemTemplate | `TemplateRef` | -- | Optional. No matching item is displayed. | [Customized template display](demo#auto-custom) |
-| formatter | `(item: any) => string` | [`defaultFormatter`](#defaultformatter) | Optional. Formatting function | [Disabled](demo#auto-disable) |
-| isSearching | `boolean` | false | Optional. indicating whether the search template is displayed. | [Customized template display](demo#auto-custom) |
-| searchingTemplate | `TemplateRef` | -- | Optional. The template is displayed in customized search. | [Customized template display](demo#auto-custom) |
-| sceneType | `string` | -- | Optional. The value can be select or suggestion. | [Enable lazy load](demo#auto-lazy-load) |
-| searchFn | `(term: string) => Observable` | [`defaultSearchFn`](#defaultsearchfn) | Optional. Customized search filtering | [Customized data matching method](demo#auto-object) |
-| tipsText | `string` | 'Latest input' | Optional. prompt text | [Disabled](demo#auto-disable) |
-| latestSource | `Array` | -- | Optional. Latest input | [Latest input](demo#auto-latest) |
-| valueParser | `(item: any) => any` | [`defaultValueParse`](#defaultvalueparse) | (optional) Process selected data | [Enable lazy load](demo#auto-lazy-load) |
-| enableLazyLoad | `boolean` | false | Optional. Whether lazy loading is allowed | [Enable lazy load](demo#auto-lazy-load) |
-| dAutoCompleteWidth | `number` | -- | Optional. Adjust the width (`px`) |
-
-## dAutoComplete Event
-
-| Parameter | Type | Description | Jump to Demo |
-| :-----------------: | :----------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------- |
-| loadMore | `EventEmitter>` | : optional. It is a lazy loading trigger event. It is used together with enableLazyLoad. \`$event.loadFinish()\` is used to disable the loading status. $event is the instance of the pop-up component AutoCompletePopupComponent | [Enable lazy load](demo#auto-lazy-load) |
-| selectValue | `EventEmitter` | (optional), callback function after selecting an option | [Enable lazy load](demo#auto-lazy-load) |
-| transInputFocusEmit | `EventEmitter<{focus: boolean, popupRef: ComponentRef}>` | (optional). Callback function for input focus | [Enable lazy load](demo#auto-lazy-load) |
-
-# Interface & Type Definition
-
-### defaultSearchFn
-
-```ts
-defaultSearchFn = (term) => {
- return of(this.source.filter((lang) => this.formatter(lang).toLowerCase().indexOf(term.toLowerCase()) !== -1));
-};
-```
-
-term indicates the entered keyword.
-
-### defaultFormatter
-
-```ts
-defaultFormatter = (item) => (item ? item.label || item.toString() : '');
-```
-
-item indicates a data item.
-
-### defaultValueParse
-
-```ts
-defaultValueParse = (item) => item;
-```
-
-item indicates a data item.
diff --git a/devui/avatar/avatar.tsx b/devui/avatar/avatar.tsx
deleted file mode 100644
index 9d3d0fb1e5595472a37c50d2ca0c4c1358a2a3bd..0000000000000000000000000000000000000000
--- a/devui/avatar/avatar.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-avatar',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-avatar
- }
- }
-})
\ No newline at end of file
diff --git a/devui/avatar/demo/avatar-demo.tsx b/devui/avatar/demo/avatar-demo.tsx
deleted file mode 100644
index deea987d7a727e4f430fe9d4c4b2e8c42a41e83a..0000000000000000000000000000000000000000
--- a/devui/avatar/demo/avatar-demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-avatar-demo',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-avatar-demo
- }
- }
-})
\ No newline at end of file
diff --git a/devui/avatar/demo/avatar.route.ts b/devui/avatar/demo/avatar.route.ts
deleted file mode 100644
index 72dd63b30e31b99871ea13ec8065d4d2c1727b6f..0000000000000000000000000000000000000000
--- a/devui/avatar/demo/avatar.route.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import AvatarDemoComponent from './avatar-demo'
-import DevUIApiComponent from '../../shared/devui-api/devui-api'
-
-import ApiCn from '../doc/api-cn.md'
-import ApiEn from '../doc/api-en.md'
-const routes = [
- { path: '', redirectTo: 'demo' },
- { path: 'demo', component: AvatarDemoComponent},
- { path: 'api', component: DevUIApiComponent, meta: {
- 'zh-cn': ApiCn,
- 'en-us': ApiEn
- }}
-]
-
-export default routes
diff --git a/devui/avatar/doc/api-cn.md b/devui/avatar/doc/api-cn.md
deleted file mode 100644
index edc114bc88b0f79f613e7dd786ba6e5a477944e4..0000000000000000000000000000000000000000
--- a/devui/avatar/doc/api-cn.md
+++ /dev/null
@@ -1,42 +0,0 @@
-# 如何使用
-
-在module中引入：
-
-```ts
-import { AvatarModule } from 'ng-devui/avatar';
-```
-
-在页面中使用：
-
-```xml
-
-```
-
-# d-avatar
-## d-avatar 参数
-
-| 参数 | 类型 | 默认值 | 描述 | 跳转 Demo |
-| :--------: | :--------------------: | :--: | :-------------------------------------------------------------------------- | ------------------------------------------------------------- |
-| name | `string` | -- | 必选，传入字符串用于制作头像 | [头像显示的基本规则](demo#basic-rules) |
-| gender | `string \| male \| female` | -- | 可选，根据性别区分头像颜色，传入 string，可以是`female \| male`的任意大小写形式 | [头像显示的基本规则](demo#basic-rules) |
-| width | `number` | 40 | 可选，设定头像的宽度， 单位为`px` | [头像的基础配置](demo#basic-configuration) |
-| height | `number` | 40 | 可选，设定头像的高度，单位为`px` | [头像的基础配置](demo#basic-configuration) |
-| isRound | `boolean` | true | 可选，是否显示为圆形头像 | [头像的基础配置](demo#basic-configuration) |
-| imgSrc | `string` | -- | 可选，传入自定义图片作为头像 | [头像的基础配置](demo#basic-configuration) |
-| customText | `string` | -- | 可选，传入自定义显示文字 | [头像的基础配置](demo#basic-configuration) |
-
-### 头像显示基本规则
-
-- `中文开头`：取传入字符串的最后两个字符
-- `英文开头`：取传入字符串的前面两个字符
-- `多个英文名连用`：取传入字符串的前两个英文名首字母
-- `非中英文开头`：取传入字符串的前两个字符
-
-### 头像特殊显示规则
-
-- 未传入`name`，`customText`，`imgSrc`，视为使用该头像的用户不存在
-- 传入`name`，`customText`，`imgSrc`的值为空，视为使用该头像的用户无昵称，使用默认头像
-
-### 显示优先级排序
-
-imgSrc > customText > name
diff --git a/devui/avatar/doc/api-en.md b/devui/avatar/doc/api-en.md
deleted file mode 100644
index 4d411154a66f7ece2438fef51ac266459eccd22b..0000000000000000000000000000000000000000
--- a/devui/avatar/doc/api-en.md
+++ /dev/null
@@ -1,42 +0,0 @@
-# How to use
-
-Import into module:
-
-```ts
-import { AvatarModule } from 'ng-devui/avatar';
-```
-
-In the page:
-
-```xml
-
-```
-# d-avatar
-## d-avatar Parameter
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :--------: | :--------------------: | :--: | :-------------------------------------------------------------------------- | ------------------------------------------------------------- |
-| name | `string` | -- | Required. The input character string is used to create a profile picture. | [Basic Rules](demo#basic-rules) |
-| gender | `string \| male \| female` | -- | Optional. The profile picture color is differentiated by gender. The input string can be in the format of `female \| male`. | [Basic Rules](demo#basic-rules) |
-| width | `number` | 40 | Optional. Width of the avatar(`px`) | [Basic Configuration](demo#basic-configuration) |
-| height | `number` | 40 | Optional. Set the height of the avatar(`px`) | [Basic Configuration](demo#basic-configuration) |
-| isRound | `boolean` | true | Optional. Indicating whether to display a circular avatar | [Basic Configuration](demo#basic-configuration) |
-| imgSrc | `string` | -- | Optional. Import a customized image as the avatar | [Basic Configuration](demo#basic-configuration) |
-| customText | `string` | -- | Optional. Input the customized display text | [Basic Configuration](demo#basic-configuration) |
-
-
-### Basic Profile Picture Display Rules
-
-- `Begin with Chinese `: Use the last two characters.
-- `Begin with English `: Use the first two characters.
-- `Use multiple English names together`: Use the first two letters of the first English name.
-- `Not starting with Chinese or English `: Use the first two characters.
-
-### Special avatar display rules
-
-- If `name`, `customText`, and `imgSrc` are not transferred, the user who uses the avatar does not exist.
-- If the values of `name`, `customText`, and `imgSrc` are empty, the user who uses the avatar does not have a nickname and the default avatar is used.
-
-### Display Priority
-
-imgSrc > customText > name
diff --git a/devui/back-top/back-top.tsx b/devui/back-top/back-top.tsx
deleted file mode 100644
index 651d1a31d741b6f55d6fc9fc7b9667ca24a51a82..0000000000000000000000000000000000000000
--- a/devui/back-top/back-top.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-back-top',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-back-top
- }
- }
-})
\ No newline at end of file
diff --git a/devui/back-top/demo/back-top-demo.tsx b/devui/back-top/demo/back-top-demo.tsx
deleted file mode 100644
index c07b12b1ac04e528f81295ec204403d32f3b3ed8..0000000000000000000000000000000000000000
--- a/devui/back-top/demo/back-top-demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-back-top-demo',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-back-top-demo
- }
- }
-})
\ No newline at end of file
diff --git a/devui/back-top/demo/back-top.route.ts b/devui/back-top/demo/back-top.route.ts
deleted file mode 100644
index da4819014fbac9a66399e051344c970501cb081c..0000000000000000000000000000000000000000
--- a/devui/back-top/demo/back-top.route.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import BackTopDemoComponent from './back-top-demo'
-import DevUIApiComponent from '../../shared/devui-api/devui-api'
-
-import ApiCn from '../doc/api-cn.md'
-import ApiEn from '../doc/api-en.md'
-const routes = [
- { path: '', redirectTo: 'demo' },
- { path: 'demo', component: BackTopDemoComponent},
- { path: 'api', component: DevUIApiComponent, meta: {
- 'zh-cn': ApiCn,
- 'en-us': ApiEn
- }}
-]
-
-export default routes
diff --git a/devui/back-top/doc/api-cn.md b/devui/back-top/doc/api-cn.md
deleted file mode 100644
index 5c56c387632a9874cb041aad45272669bb45a1d2..0000000000000000000000000000000000000000
--- a/devui/back-top/doc/api-cn.md
+++ /dev/null
@@ -1,30 +0,0 @@
-# 如何使用
-
-在module中引入：
-
-```ts
-import { BackTopModule } from 'ng-devui/back-top';
-```
-
-在页面中使用：
-
-```xml
-
-```
-
-# d-back-top
-## d-back-top 参数
-
-| 参数 | 类型 | 默认 | 说明 | 跳转 Demo |
-| :---------: | :------------: | :-----: | :--------------------------------------------------------------------------- | |
-| customTemplate | `TemplateRef` | -- | 可选，自定义按钮样式 | [自定义](demo#back-top-customize) |
-| bottom | `string` | '50px' | 可选，按钮距离页面底部位置 | [自定义](demo#back-top-customize) |
-| right | `string` | '30px' | 可选，按钮距离页面右边距 | [自定义](demo#back-top-customize) |
-| visibleHeight | `number` | 300 | 可选，滚动高度达到visibleHeight所设值后展示回到顶部按钮，单位为`px` | [自定义](demo#back-top-customize) |
-| scrollTarget | `HTMLElement` | Window | 可选，触发滚动的对象 | [滚动容器](demo#back-top-scroll-container) |
-
-## d-back-top 事件
-
-| 参数 | 类型 | 说明 | 跳转 Demo |
-| :------: | :-----------------: | :-------------------------------------------------------------------------------------- | ---------------------------------------------- |
-| backTopEvent | `EventEmitter` | 可选，点击回到顶部按钮的回调函数 | [基本用法](demo#back-top-basic) |
diff --git a/devui/back-top/doc/api-en.md b/devui/back-top/doc/api-en.md
deleted file mode 100644
index 3bfb59a502abf260ed0a24e4d400b1af2c941a74..0000000000000000000000000000000000000000
--- a/devui/back-top/doc/api-en.md
+++ /dev/null
@@ -1,29 +0,0 @@
-# How to use
-
-Import into module:
-
-```ts
-import { BackTopModule } from 'ng-devui/back-top';
-```
-
-In the page:
-
-```xml
-
-```
-# d-back-top
-## d-back-top Parameter
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :---------: | :------------: | :-----: | :--------------------------------------------------------------------------- | |
-| customTemplate | `TemplateRef` | -- | Optional. Custom button style | [Customize](demo#back-top-customize) |
-| bottom | `string` | '50px' | Optional. Position between the button and the bottom of the page | [Customize](demo#back-top-customize) |
-| right | `string` | '30px' | Optional. It is the right margin between the button and the page | [Customize](demo#back-top-customize) |
-| visibleHeight | `number` | 300 | Optional. When the scrolling height reaches the value of visibleHeight, the button is displayed to the top. The unit is `px` | [Customize](demo#back-top-customize) |
-| scrollTarget | `HTMLElement` | Window | Optional. Object that triggers scrolling | [Scrolling Container](demo#back-top-scroll-container) |
-
-## d-back-top Event
-
-| Parameter | Type | Description | Jump to Demo |
-| :------: | :-----------------: | :-------------------------------------------------------------------------------------- | ---------------------------------------------- |
-| backTopEvent | `EventEmitter` | Optional. Callback function for clicking the button to return to the top | [Basic Usage](demo#back-top-basic) |
diff --git a/devui/badge/badge.tsx b/devui/badge/badge.tsx
deleted file mode 100644
index 560de1b58c07938b4f9063af9d88ab441e229dd6..0000000000000000000000000000000000000000
--- a/devui/badge/badge.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-badge',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-badge
- }
- }
-})
\ No newline at end of file
diff --git a/devui/badge/demo/badge-demo.tsx b/devui/badge/demo/badge-demo.tsx
deleted file mode 100644
index d0ec38591178cebc2ad4aad63b08782fc1ed5cce..0000000000000000000000000000000000000000
--- a/devui/badge/demo/badge-demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-badge-demo',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
-
-
-```
-# Badge
-
-## d-badge Parameter
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :---------: | :------------: | :-----: | :--------------------------------------------------------------------------- | :--------------------------- |
-| count | `number` | -- | Optional. Set the number of basic badges and count badges to be displayed. | [Basic Badge](demo#badge-basic) |
-| maxCount | `number` | 99 | Optional. Sets the maximum number of basic and counting badges that can be displayed. When count is greater than maxCount, maxCount+ is displayed. | [Basic Badge](demo#badge-basic) |
-| showDot | `boolean` | false | Optional. The value true indicates the dot badge (with package) or status badge (without package). The value false indicates the basic badge (with package) or count badge (without package). | [Dotted Badge](demo#badge-dot) |
-| status |`BadgeStatusType` | -- | Optional. The status color is'danger'\| 'warning' \| 'waiting' \| 'success' \| 'info'. | [Basic Badge](demo#badge-basic) |
-| badgePos | `BadgePositionType` | 'top-right' | Optional. Logo position'top-left' \|'top-right' \|'bottpm-left' \|'bottom-right'. | [Badge Position](demo#position) |
-| offsetXY | `[number, number]` | -- |Optional. Indicates the logo position offset when there is a package. The format is [x,y], in px. This parameter is optional. x is the relative right offset (right: -x `px`), y is the relative top offset (top: y `px`). | [Custom](demo#custom) |
-| bgColor | `string` | -- | Optional. The badge color can be customized. In this case, the badge status color specified by status is invalid.| [Custom](demo#custom) |
-| textColor | `string` | -- | Optional. You can customize the logo text color. | [Custom](demo#custom) |
diff --git a/devui/breadcrumb/breadcrumb.tsx b/devui/breadcrumb/breadcrumb.tsx
deleted file mode 100644
index 97c04f954fab712044d93e69e4587b732627cada..0000000000000000000000000000000000000000
--- a/devui/breadcrumb/breadcrumb.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-breadcrumb',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-breadcrumb
- }
- }
-})
\ No newline at end of file
diff --git a/devui/breadcrumb/demo/breadcrumb-demo.tsx b/devui/breadcrumb/demo/breadcrumb-demo.tsx
deleted file mode 100644
index 3e6b9d400bbbf469d1d9ea144811a218515732ae..0000000000000000000000000000000000000000
--- a/devui/breadcrumb/demo/breadcrumb-demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
- name: 'd-breadcrumb-demo',
- props: {
- },
- setup(props, ctx) {
- return () => {
- return
devui-breadcrumb-demo
- }
- }
-})
\ No newline at end of file
diff --git a/devui/breadcrumb/demo/breadcrumb.route.ts b/devui/breadcrumb/demo/breadcrumb.route.ts
deleted file mode 100644
index 969e8dad147abf567cd388ed42b6ef40f368d942..0000000000000000000000000000000000000000
--- a/devui/breadcrumb/demo/breadcrumb.route.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import BreadcrumbDemoComponent from './breadcrumb-demo'
-import DevUIApiComponent from '../../shared/devui-api/devui-api'
-
-import ApiCn from '../doc/api-cn.md'
-import ApiEn from '../doc/api-en.md'
-const routes = [
- { path: '', redirectTo: 'demo' },
- { path: 'demo', component: BreadcrumbDemoComponent},
- { path: 'api', component: DevUIApiComponent, meta: {
- 'zh-cn': ApiCn,
- 'en-us': ApiEn
- }}
-]
-
-export default routes
diff --git a/devui/breadcrumb/doc/api-cn.md b/devui/breadcrumb/doc/api-cn.md
deleted file mode 100644
index 9b26dd11d59caa800396dbd4485c981a463964b3..0000000000000000000000000000000000000000
--- a/devui/breadcrumb/doc/api-cn.md
+++ /dev/null
@@ -1,98 +0,0 @@
-# 如何使用
-
-在module中引入：
-
-```ts
-import { BreadcrumbModule } from 'ng-devui/breadcrumb';
-```
-
-在页面中使用：
-
-```xml
-//通过d-breadcrumb-item定义显示
-
-
-
-
-//通过传入source显示
-
-```
-# d-breadcrumb-item
-## d-breadcrumb-item 参数
-
-| 参数 | 类型 | 默认 | 说明 | 跳转 Demo |
-| :----------------: | :-----------------: | :---: | :------------------------------------------------------ | -------------------------------------------------------------------------------------- |
-| showMenu | `boolean` | false | 可选，是否需要显示下拉箭头及下拉列表内容 | [可下拉的面包屑](demo#drop-down-breadcrumbs) |
-| menuList | [`Array`](#menuconfig) | -- | 可选，showMenu 为 true 时传入，下拉列表的显示内容 | [可下拉的面包屑](demo#drop-down-breadcrumbs) |
-| isSearch | `boolean` | false | 可选，showMenu 为 true 时传入，下拉列表是否需要搜索功能 | [可下拉的面包屑](demo#drop-down-breadcrumbs) |
-| customMenuTemplate | `TemplateRef` | -- | 可选，showMenu 为 true 时传入，自定义下拉列表 | [自定义下拉列表和分隔符的面包屑](demo#self-defined-breadcrumbs) |
-
-## d-breadcrumb-item 事件
-
-| 事件 | 类型 | 说明 | 跳转 Demo |
-| :---------: | :-----------------: | :-----------------------------------------------------: | ------------------------------------------------------------------- |
-| toggleEvent | `EventEmitter` | dropdown 菜单展开和收起的事件，返回值为当前菜单是否打开 | [可下拉的面包屑](demo#drop-down-breadcrumbs) |
-
-# d-breadcrumb
-## d-breadcrumb 参数
-
-| 参数 | 类型 | 默认 | 说明 | 跳转 Demo |
-| :-----------: | :-------------------: | :---: | :------------------------------------------------- | -------------------------------------------------------------------------------------- |
-| separatorIcon | `TemplateRef` | ' / ' | 可选，自定义分隔符样式 | [自定义下拉列表和分隔符的面包屑](demo#self-defined-breadcrumbs) |
-| source | [`Array`](#sourceconfig) | [] | 可选，面包屑根据配置的 source 按照默认渲染方式显示 | [传入source](demo#source-config-breadcrumbs)
-
-# 接口 & 类型定义
-### MenuConfig
-
-```ts
-export interface MenuConfig {
- name: string;
- link: string;
- linkType?: 'hrefLink' | 'routerLink';
- target?: string;
-}
-```
-
-`name`：显示的名称
-
-`link`：跳转的路径，可为绝对路径与相对路径，注意需要与路由的配置一致
-
-`linkType`: 链接类型，默认为'hrefLink'方式，可选'hrefLink' 或 'routerLink'
-
-`target`: 规定在何处打开链接文档
-
-### SourceConfig
-
-```ts
-export interface SourceConfig {
- title: string;
- link?: string;
- showMenu?: boolean;
- isSearch?: boolean;
- target?: string;
- menuList?: Array;
- customMenuTemplate?: TemplateRef;
- noNavigation?: boolean;
- linkType?: 'hrefLink' | 'routerLink';
-}
-```
-
-`title`: 显示的名称
-
-`link`: 跳转的路径
-
-`showMenu`: 是否显示下拉列表
-
-`isSearch`: 下拉列表是否可搜索
-
-`menuList`: 下拉列表的数据，配置参考上方 MenuConfig
-
-`customMenuTemplate`: 自定义下拉列表
-
-`noNavigation`: 链接是否不可跳转,一般用于当前所处位置不可跳转的配置
-
-`linkType`: 链接类型，默认为'hrefLink'方式，可选'hrefLink' 或 'routerLink'
-
-`target`: 规定在何处打开链接文档
-
-备注：source 数据改变使用`Object.assign`方式触发变更检测
diff --git a/devui/breadcrumb/doc/api-en.md b/devui/breadcrumb/doc/api-en.md
deleted file mode 100644
index 7bde383a9a3a066eecd152ccf603c12981f5f4fe..0000000000000000000000000000000000000000
--- a/devui/breadcrumb/doc/api-en.md
+++ /dev/null
@@ -1,98 +0,0 @@
-# How to use
-
-Import into module:
-
-```ts
-import { BreadcrumbModule } from 'ng-devui/breadcrumb';
-```
-
-In the page:
-
-```xml
-//use d-breadcrumb-item
-
-
-
-
-//use source
-
-```
-# d-breadcrumb-item
-## d-breadcrumb-item Parameter
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :----------------: | :-----------------: | :---: | :------------------------------------------------------ | -------------------------------------------------------------------------------------- |
-| showMenu | `boolean` | false | Optional. Indicating whether to display the drop-down arrow and content in the drop-down list | [Breadcrumbs with Dropdown menu](demo#drop-down-breadcrumbs) |
-| menuList | [`Array`](#menuconfig) | -- | Optional. This parameter is transferred when showMenu is set to true. Content displayed in the drop-down list box | [Breadcrumbs with Dropdown menu](demo#drop-down-breadcrumbs) |
-| isSearch | `boolean` | false | Optional. This parameter is transferred when showMenu is set to true. Whether the search function is required in the drop-down list box | [Breadcrumbs with Dropdown menu](demo#drop-down-breadcrumbs) |
-| customMenuTemplate | `TemplateRef` | -- | Optional. This parameter is transferred when showMenu is set to true. Customized drop-down list box | [Customize](demo#self-defined-breadcrumbs) |
-
-## d-breadcrumb-item Event
-
-| Event | Type | Description | Jump to Demo |
-| :---------: | :-----------------: | :-----------------------------------------------------: | ------------------------------------------------------------------- |
-| toggleEvent | `EventEmitter` | Event of expanding or collapsed Dropdown menus. The return value is whether the current menu is opened | [Breadcrumbs with Dropdown menu](demo#drop-down-breadcrumbs) |
-
-# d-breadcrumb
-## d-breadcrumb Parameter
-
-| Parameter | Type | Default | Description | Jump to Demo |
-| :-----------: | :-------------------: | :---: | :------------------------------------------------- | -------------------------------------------------------------------------------------- |
-| separatorIcon | `TemplateRef` | ' / ' | Optional. Custom separator style | [Customize](demo#self-defined-breadcrumbs) |
-| source | [`Array`](#sourceconfig) | [] | Optional. The breadcrumbs are displayed in the default rendering mode based on the configured source | [Source Config](demo#source-config-breadcrumbs) |
-
-# Interface & Type Definition
-### MenuConfig
-
-```ts
-export interface MenuConfig {
- name: string;
- link: string;
- linkType?: 'hrefLink' | 'routerLink';
- target?: string;
-}
-```
-
-`name`: Indicates the name to be displayed.
-
-`link`: Indicates the jump path, which can be an absolute path or a relative path. The path must be the same as the route configuration.
-
-`linkType`: Link type. The default value is hrefLink. The value can be hrefLink or routerLink.
-
-`target`: Specifies where to open the linked document.
-
-### SourceConfig
-
-```ts
-export interface SourceConfig {
- title: string;
- link?: string;
- showMenu?: boolean;
- isSearch?: boolean;
- target?: string;
- menuList?: Array;
- customMenuTemplate?: TemplateRef;
- noNavigation?: boolean;
- linkType?: 'hrefLink' | 'routerLink';
-}
-```
-
-`title`: Name to be displayed
-
-`link`: Indicates the path to be redirected.
-
-`showMenu`: Indicates whether to display the drop-down list box.
-
-`isSearch`: Indicates whether the drop-down list box can be searched.
-
-`menuList`: Data in the drop-down list box. For details, see MenuConfig.
-
-`customMenuTemplate`: Customized drop-down list box
-
-`noNavigation`: Indicates whether a link cannot be redirected. This parameter is used to configure the link that cannot be redirected to the current location.
-
-`linkType`: Link type. The default value is hrefLink. The value can be hrefLink or routerLink.
-
-`target`: Specifies where to open the linked document.
-
-Note: Source data changes use the `Object.assign` method to trigger change detection.
diff --git a/devui/button/button.tsx b/devui/button/button.tsx
deleted file mode 100644
index 166d0c08f3a5edec5a60f7a40d27889457e96261..0000000000000000000000000000000000000000
--- a/devui/button/button.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { computed, defineComponent, ref } from "vue";
-
-export type IButtonType = 'button' | 'submit' | 'reset';
-export type IButtonStyle = 'common' | 'primary' | 'text' | 'text-dark' | 'danger';
-export type IButtonPosition = 'left' | 'right' | 'default';
-export type IButtonSize = 'lg' | 'md' | 'sm' | 'xs';
-
-import './button.scss';
-
-export default defineComponent({
- name: 'd-button',
- inheritAttrs: false,
- props: {
- id: {
- type: [String, Number]
- },
- type: {
- type: String as () => IButtonType,
- default: 'button'
- },
- bsStyle: {
- type: String as () => IButtonStyle,
- default: 'primary'
- },
- bsSize: {
- type: String as () => IButtonSize,
- default: 'md'
- },
- bsPosition: {
- type: String as () => IButtonPosition,
- default: 'default'
- },
- bordered: {
- type: Boolean,
- default: false
- },
- icon: {
- type: String,
- default: ''
- },
- showLoading: {
- type: Boolean,
- default: false
- },
- width: {
- type: Number,
- default: 0
- },
- disabled: {
- type: Boolean,
- default: false
- },
- autofocus: {
- type: Boolean,
- default: false
- },
- btnClick: {
- type: Function as unknown as () => ((event: MouseEvent) => void)
- }
- },
- setup(props, ctx) {
- const buttonContent = ref(null);
-
- const onClick = (e: MouseEvent) => {
- if (props.showLoading) {
- return;
- }
- props.btnClick?.(e);
- }
-
- const hasContent = computed(() => {
- return buttonContent.value && buttonContent.value.innerHTML.trim();
- })
-
- const btnClazz = computed(() => {
- const {bsStyle, bsSize, bsPosition, bordered, icon} = props;
- const origin = `devui-btn devui-btn-${ bsStyle } devui-btn-${ bsSize } devui-btn-${ bsPosition }`;
- const broderedClazz = bordered ? 'bordered' : '';
- const btnIcon = !!icon && !hasContent.value && bsStyle !== 'primary' ? 'd-btn-icon' : '';
- const btnIconWrap = !!icon ? 'd-btn-icon-wrap' : '';
- return `${origin} ${broderedClazz} ${btnIcon} ${btnIconWrap}`;
- });
-
- const iconClazz = computed(() => {
- if (!props.icon) {
- return;
- }
- const origin = `devui-icon-fix icon ${ props.icon }`;
- if (hasContent.value) {
- return `${origin} clear-right-5`;
- } else {
- return origin;
- }
- });
-
- return () => {
- const {
- icon,
- type,
- disabled,
- showLoading,
- width
- } = props;
- const hasIcon = !!icon;
- return (
-
- );
- }
- }
-});
\ No newline at end of file
diff --git a/devui/button/demo/button-demo.tsx b/devui/button/demo/button-demo.tsx
deleted file mode 100644
index a751cc43b1101b072d3eaf0ec58514051b277eb1..0000000000000000000000000000000000000000
--- a/devui/button/demo/button-demo.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { defineComponent } from 'vue'
-import CodeBox from '../../shared/devui-codebox/devui-codebox'
-import ButtonPrimary from './primary/primary'
-import ButtonCommon from './common/common'
-import PrimaryCode from './primary/primary.tsx?raw'
-import CommonCode from './common/common.tsx?raw'
-
-export default defineComponent({
- name: 'd-button-demo',
- setup() {
- const primarySource: any[] = [{title: 'TSX', language: 'TSX', code: PrimaryCode}];
- const commonSource: any[] = [{title: 'TSX', language: 'TSX', code: CommonCode}];
- return () => {
- return
+
+