ng-alain/delon 9.3.0

on GitHub

Scaffold

• BREAKING CHANGE Add dark and compact themes, You need to manually update two places:

1. src/styles.less File

// #region PLACEHOLDER, IMPORTANT: don't remove
@import '~@delon/theme/styles/index';
@import '~@delon/abc/index';
@import '~@delon/chart/index';
@import '~@delon/theme/styles/layout/default/index';
@import '~@delon/theme/styles/layout/fullscreen/index';
@import './styles/index';
@import './styles/theme';
// #endregion

After:

@import '~@delon/theme/system/index';
@import '~@delon/abc/index';
@import '~@delon/chart/index';
@import '~@delon/theme/layout/default/index';
@import '~@delon/theme/layout/fullscreen/index';

@import './styles/index';
@import './styles/theme';

// You can directly set the default theme
// - `dark` Import the official dark less style file
// - `compact` Import the official compact less style file
// @import '~@delon/theme/theme-dark.less';

2. Theme variable path

Replace all @import '~@delon/theme/styles/default'; with @import '~@delon/theme/index';

If you want to support the switching between these two dynamic themes like the preview website, please refer to
Customize Theme.

Please refer to (#1668) the complete PR for this update.

Bug Fixes

• fix entry point warning (#911) (248e8c8)
• abc:media: fix can't init when Plyr has beed load (#909) (e22fd25)
• abc:st: fix not specifying key should use index instead in statistical (#908) (1de4383)
• form: fix button & form misalignment in inline mode (#904) (e869da0)
• theme:menu.service: fix invald recursive hit when is hash location strategy (#906) (47b8bc7)

Features

• abc:sidebar-nav: unlimited levels (#910) (81b5422)
• abc:st: auto generate compose method when sort: true (#907) (8e1657a)
• chart:water-wave: add animate property (#918) (7ae1f35)
• form: add compact property (#917) (cc11212)
• form:widget:array: add callback evetns (#905) (31b031d)

Scaffold

• 新增暗黑、紧凑两种主题，本次为破坏性变更，需要手动更新两个地方：

1、src/styles.less 文件

// #region PLACEHOLDER, IMPORTANT: don't remove
@import '~@delon/theme/styles/index';
@import '~@delon/abc/index';
@import '~@delon/chart/index';
@import '~@delon/theme/styles/layout/default/index';
@import '~@delon/theme/styles/layout/fullscreen/index';
@import './styles/index';
@import './styles/theme';
// #endregion

更新为：

@import '~@delon/theme/system/index';
@import '~@delon/abc/index';
@import '~@delon/chart/index';
@import '~@delon/theme/layout/default/index';
@import '~@delon/theme/layout/fullscreen/index';

@import './styles/index';
@import './styles/theme';

// You can directly set the default theme
// - `dark` Import the official dark less style file
// - `compact` Import the official compact less style file
// @import '~@delon/theme/theme-dark.less';

2、主题变量路径

将所有 @import '~@delon/theme/styles/default'; 替换成 @import '~@delon/theme/index';

如果你希望跟示例网站一样，支持这两种动态主题的切换，请参考定制主题。

本次更新完整 PR 请参考 (#1668)

Bug Fixes

• 修复次级导入警告 (#911) (248e8c8)
• abc:media: 修复初始化无法再次实例 Plyr (#909) (e22fd25)
• abc:st: 修复统计数据时若未指定 key 时应优先使用 index 最后才使用当前下标 (#908) (1de4383)
• form: 修复内联模式按钮与表单错位 (#904) (e869da0)
• theme:menu.service: 修复在 Hash 路由模式下无法命中 (#906) (47b8bc7)

Features

• abc:sidebar-nav: 新增无限层级 (#910) (81b5422)
• abc:st: 新增 sort: true 自动生成 compose 方法 (#907) (8e1657a)
• chart:water-wave: 新增 animate 动画属性 (#918) (7ae1f35)
• form: 新增 compact 紧凑属性 (#917) (cc11212)
• form:widget:array: 新增 add、remove 回调事件 (#905) (31b031d)