Skip to content

Commit dc82be3

Browse files
authored
fix(menu): 修复构建报错,指令、标签、host规范化 (#336)
* fix(emnu): fix build error * fix(menu): 指令、标签、host规范化
1 parent d26efe4 commit dc82be3

17 files changed

+81
-78
lines changed

devui/menu/demo/auto-expand/auto-expand.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<div class="demo-menu" style="width: 256px">
2-
<div d-menu>
2+
<div dMenu>
33
<ng-container *ngFor="let m of menus; trackBy: trackByMenu">
44
<div
5-
d-sub-menu
5+
dSubMenu
66
[title]="m.name"
77
[icon]="m.icon"
88
[open]="openKeys.includes(m.key)"
99
(openChange)="openChange($event, m.key)"
1010
*ngIf="m.children?.length; else leafTpl"
1111
>
1212
<div
13-
d-menu-item
13+
dMenuItem
1414
(itemClick)="itemClick(item.key)"
1515
[active]="item.key === activeKey"
1616
*ngFor="let item of m.children; trackBy: trackByMenu"
@@ -20,7 +20,7 @@
2020
</div>
2121
</div>
2222
<ng-template #leafTpl>
23-
<div d-menu-item (itemClick)="itemClick(m.key)" [active]="m.key === activeKey">
23+
<div dMenuItem (itemClick)="itemClick(m.key)" [active]="m.key === activeKey">
2424
<d-icon class="devui-menu-item-icon" icon="icon-op-list" />
2525
<span class="devui-menu-item-name over-flow-ellipsis">{{ m.name }}</span>
2626
</div>

devui/menu/demo/basic/basic.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<div class="demo-menu" style="width: 256px">
2-
<div d-menu (menuItemClick)="menuItemClick($event)">
2+
<div dMenu (menuItemClick)="menuItemClick($event)">
33
<ng-container *ngFor="let m of menus; trackBy: trackByMenu">
44
<div
5-
d-sub-menu
5+
dSubMenu
66
[title]="m.name"
77
[icon]="m.icon"
88
[disabled]="disabledKeys.includes(m.key)"
@@ -11,7 +11,7 @@
1111
*ngIf="m.children?.length; else leafTpl"
1212
>
1313
<div
14-
d-menu-item
14+
dMenuItem
1515
[disabled]="disabledKeys.includes(item.key)"
1616
(itemClick)="itemClick(item.key)"
1717
[active]="item.key === activeKey"
@@ -22,7 +22,7 @@
2222
</div>
2323
</div>
2424
<ng-template #leafTpl>
25-
<div d-menu-item (itemClick)="itemClick(m.key)" [active]="m.key === activeKey" [disabled]="disabledKeys.includes(m.key)">
25+
<div dMenuItem (itemClick)="itemClick(m.key)" [active]="m.key === activeKey" [disabled]="disabledKeys.includes(m.key)">
2626
<d-icon class="devui-menu-item-icon" icon="icon-op-list" />
2727
<span class="devui-menu-item-name over-flow-ellipsis">{{ m.name }}</span>
2828
</div>

devui/menu/demo/custom-node/custom-node.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<div class="demo-menu" style="width: 256px">
2-
<div d-menu>
2+
<div dMenu>
33
<ng-container *ngFor="let m of menus; trackBy: trackByMenu">
44
<!-- [noStyle]="true" 会完全移除预制样式 -->
55
<div
6-
d-sub-menu
6+
dSubMenu
77
[title]="titleTpl"
88
[icon]="m.icon"
99
[open]="openKeys.includes(m.key)"
@@ -24,7 +24,7 @@
2424
</div>
2525
-->
2626
<div
27-
d-menu-item
27+
dMenuItem
2828
(itemClick)="itemClick(item.key)"
2929
[active]="item.key === activeKey"
3030
*ngFor="let item of m.children; trackBy: trackByMenu"
@@ -35,7 +35,7 @@
3535
</div>
3636
<ng-template #leafTpl>
3737
<!-- [noStyle]="true" 会完全移除预制样式 -->
38-
<div d-menu-item (itemClick)="itemClick(m.key)" [active]="m.key === activeKey">
38+
<div dMenuItem (itemClick)="itemClick(m.key)" [active]="m.key === activeKey">
3939
<d-icon class="devui-menu-item-icon" icon="icon-op-list" />
4040
<span class="devui-menu-item-name over-flow-ellipsis">{{ m.name }}</span>
4141
</div>

devui/menu/demo/loop/loop-menu/loop-menu.component.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,18 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
22
import { MenuItemClickType, MenuItemType } from 'ng-devui/menu';
33

44
@Component({
5-
selector: 'loop-menu',
5+
selector: 'd-loop-menu',
66
template: `
7-
<div d-menu [collapsed]="collapsed" (menuItemClick)="menuItemClick($event)">
7+
<div dMenu [collapsed]="collapsed" (menuItemClick)="menuItemClick($event)">
88
<ng-container *ngFor="let item of menus; trackBy: trackByMenu">
9-
<loop-sub-menu
9+
<d-loop-sub-menu
1010
[menu]="item"
1111
[activeKey]="activeKey"
1212
(itemClick)="itemClick($event)"
1313
*ngIf="item.children?.length; else leafTpl" />
1414
<ng-template #leafTpl>
1515
<div
16-
d-menu-item
16+
dMenuItem
1717
[active]="activeKey === item.key"
1818
(itemClick)="itemClick(item.key)"
1919
dTooltip [content]="collapsed ? item.name : ''" position="right">

devui/menu/demo/loop/loop-menu/loop-sub-menu.component.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,16 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnI
22
import { MenuItemType } from 'ng-devui/menu';
33

44
@Component({
5-
selector: 'loop-sub-menu',
5+
selector: 'd-loop-sub-menu',
66
template: `
77
<div
8-
d-sub-menu
8+
dSubMenu
99
[title]="menu.name"
1010
[icon]="menu.icon">
1111
<ng-container *ngFor="let item of menu.children; trackBy: trackByMenu">
12-
<loop-sub-menu [menu]="item" [activeKey]="activeKey" (itemClick)="onClick($event)" *ngIf="item.children?.length; else leafTpl" />
12+
<d-loop-sub-menu [menu]="item" [activeKey]="activeKey" (itemClick)="onClick($event)" *ngIf="item.children?.length; else leafTpl" />
1313
<ng-template #leafTpl>
14-
<div d-menu-item [active]="activeKey === item.key" (itemClick)="onClick(item.key)">
14+
<div dMenuItem [active]="activeKey === item.key" (itemClick)="onClick(item.key)">
1515
<d-icon class="devui-menu-item-icon" *ngIf="item.icon" [icon]="item.icon" />
1616
<span class="devui-menu-item-name over-flow-ellipsis">{{ item.name }}</span>
1717
</div>
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
<div class="demo-menu" style="width: 256px">
22
<d-button (btnClick)="collapsed = !collapsed" style="margin-bottom: 10px">{{ collapsed ? 'open' : 'close' }}</d-button>
3-
<loop-menu [menus]="menus" [collapsed]="collapsed" />
3+
<d-loop-menu [menus]="menus" [collapsed]="collapsed" />
44
</div>

devui/menu/demo/open-close/open-close.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
<div class="demo-menu" style="width: 256px">
22
<d-button (btnClick)="collapsed = !collapsed" style="margin-bottom: 10px">{{ collapsed ? 'open' : 'close' }}</d-button>
3-
<div d-menu [collapsed]="collapsed">
3+
<div dMenu [collapsed]="collapsed">
44
<ng-container *ngFor="let m of menus; trackBy: trackByMenu">
55
<div
6-
d-sub-menu
6+
dSubMenu
77
[title]="m.name"
88
[icon]="m.icon"
99
[open]="openKeys.includes(m.key)"
1010
(openChange)="openChange($event, m.key)"
1111
*ngIf="m.children?.length; else leafTpl"
1212
>
1313
<div
14-
d-menu-item
14+
dMenuItem
1515
(itemClick)="itemClick(item.key)"
1616
[active]="item.key === activeKey"
1717
*ngFor="let item of m.children; trackBy: trackByMenu"
@@ -22,7 +22,7 @@
2222
</div>
2323
<ng-template #leafTpl>
2424
<div
25-
d-menu-item
25+
dMenuItem
2626
(itemClick)="itemClick(m.key)"
2727
[active]="m.key === activeKey"
2828
dTooltip

devui/menu/demo/open-one/open-one.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<div class="demo-menu" style="width: 256px">
2-
<div d-menu>
2+
<div dMenu>
33
<ng-container *ngFor="let m of menus; trackBy: trackByMenu">
44
<div
5-
d-sub-menu
5+
dSubMenu
66
[icon]="m.icon"
77
[title]="m.name"
88
[open]="openKey === m.key"
99
(openChange)="openChange($event, m.key)"
1010
*ngIf="m.children?.length; else leafTpl"
1111
>
1212
<div
13-
d-menu-item
13+
dMenuItem
1414
(itemClick)="itemClick(item.key)"
1515
[active]="item.key === activeKey"
1616
*ngFor="let item of m.children; trackBy: trackByMenu"
@@ -20,7 +20,7 @@
2020
</div>
2121
</div>
2222
<ng-template #leafTpl>
23-
<div d-menu-item (itemClick)="itemClick(m.key)" [active]="m.key === activeKey">
23+
<div dMenuItem (itemClick)="itemClick(m.key)" [active]="m.key === activeKey">
2424
<d-icon class="devui-menu-item-icon" icon="icon-op-list" />
2525
<span class="devui-menu-item-name over-flow-ellipsis">{{ m.name }}</span>
2626
</div>

devui/menu/doc/api-cn.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,22 +9,22 @@ import { MenuModule } from 'ng-devui/menu';
99
在页面中使用:
1010

1111
```html
12-
<div d-menu>
13-
<div d-menu-item>
12+
<div dMenu>
13+
<div dMenuItem>
1414
<d-icon class="devui-menu-item-icon" icon="icon-op-list" />
1515
<span class="devui-menu-item-name">menu item 1</span>
1616
</div>
17-
<div d-sub-menu title="sub menu" icon="icon-more-func">
18-
<div d-menu-item>
17+
<div dSubMenu title="sub menu" icon="icon-more-func">
18+
<div dMenuItem>
1919
<d-icon class="devui-menu-item-icon" icon="icon-op-list" />
2020
<span class="devui-menu-item-name">sub menu item 1</span>
2121
</div>
22-
<div d-menu-item>
22+
<div dMenuItem>
2323
<d-icon class="devui-menu-item-icon" icon="icon-op-list" />
2424
<span class="devui-menu-item-name">sub menu item 2</span>
2525
</div>
2626
</div>
27-
<div d-menu-item>
27+
<div dMenuItem>
2828
<d-icon class="devui-menu-item-icon" icon="icon-op-list" />
2929
<span class="devui-menu-item-name">menu item 3</span>
3030
</div>
@@ -33,20 +33,20 @@ import { MenuModule } from 'ng-devui/menu';
3333

3434
## Menu
3535

36-
### d-menu 参数
36+
### dMenu 参数
3737

3838
| 参数 | 类型 | 默认 | 说明 | 跳转 Demo |全局配置项|
3939
| :----------------: | :----------------: | :---------------------------------------------------: | :--------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | -------------------------------------------------------------- |
4040
| collapsed | `boolean` | false | 是否收起 | [展开收起](demo#open-close) |
4141

42-
### d-menu 事件
42+
### dMenu 事件
4343

4444
| 事件 | 类型 | 说明 | 跳转 Demo |
4545
| :--------------: | :-----------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------: | ---------------------------- |
4646
| menuItemClick | [MenuItemClickType](#menutype定义) | 可选,menu item点击事件,参数是d-menu-item自身的指令和原生MouseEvent | [基本用法](demo#basic-usage) | | [基本用法](demo#basic-usage) |
4747

4848

49-
### d-sub-menu 参数
49+
### dSubMenu 参数
5050

5151
| 参数 | 类型 | 默认 | 说明 | 跳转 Demo |全局配置项|
5252
| :----------------: | :----------------: | :---------------------------------------------------: | :--------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | -------------------------------------------------------------- |
@@ -56,21 +56,21 @@ import { MenuModule } from 'ng-devui/menu';
5656
| disabled | `boolean` | false | 是否禁用 | |
5757
| icon | `string` | '' | 图标 | |
5858

59-
### d-sub-menu 事件
59+
### dSubMenu 事件
6060

6161
| 事件 | 类型 | 说明 | 跳转 Demo |
6262
| :--------------: | :-----------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------: | ---------------------------- |
6363
| openChange | `boolean` | 展开收起事件 | | |
6464

65-
### d-menu-item 参数
65+
### dMenuItem 参数
6666

6767
| 参数 | 类型 | 默认 | 说明 | 跳转 Demo |全局配置项|
6868
| :----------------: | :----------------: | :---------------------------------------------------: | :--------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | -------------------------------------------------------------- |
6969
| active | `boolean` | false | 是否选中 | |
7070
| noStyle | `boolean` | false | 是否移除所有预制样式 | |
7171
| disabled | `boolean` | false | 是否禁用 | |
7272

73-
### d-menu-item 事件
73+
### dMenuItem 事件
7474

7575
| 事件 | 类型 | 说明 | 跳转 Demo |
7676
| :--------------: | :-----------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------: | ---------------------------- |

0 commit comments

Comments
 (0)