mdui 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/avatar/index.js +2 -1
- package/components/badge/index.js +2 -1
- package/components/bottom-app-bar/index.d.ts +2 -2
- package/components/bottom-app-bar/index.js +4 -3
- package/components/button/button-base.d.ts +2 -2
- package/components/button/button-base.js +15 -14
- package/components/button/index.js +2 -1
- package/components/button-icon/index.js +2 -1
- package/components/card/index.d.ts +1 -1
- package/components/card/index.js +5 -2
- package/components/checkbox/index.js +7 -10
- package/components/checkbox/style.js +1 -1
- package/components/chip/index.js +2 -1
- package/components/circular-progress/index.js +3 -3
- package/components/collapse/collapse-item-style.js +1 -1
- package/components/collapse/collapse-item.d.ts +2 -1
- package/components/collapse/collapse-item.js +23 -20
- package/components/collapse/collapse.d.ts +6 -6
- package/components/collapse/collapse.js +57 -34
- package/components/dialog/index.d.ts +3 -2
- package/components/dialog/index.js +27 -23
- package/components/divider/index.js +2 -1
- package/components/dropdown/index.d.ts +4 -5
- package/components/dropdown/index.js +56 -51
- package/components/fab/index.d.ts +1 -0
- package/components/fab/index.js +10 -5
- package/components/icon/index.js +2 -1
- package/components/layout/helper.d.ts +5 -6
- package/components/layout/helper.js +42 -48
- package/components/layout/layout-item-base.js +1 -2
- package/components/layout/layout-item.js +3 -3
- package/components/layout/layout-main.js +2 -1
- package/components/layout/layout.js +2 -1
- package/components/linear-progress/index.js +3 -3
- package/components/list/list-item.js +3 -2
- package/components/list/list-subheader.js +2 -1
- package/components/list/list.js +2 -1
- package/components/menu/menu-item.d.ts +1 -0
- package/components/menu/menu-item.js +45 -28
- package/components/menu/menu.d.ts +4 -1
- package/components/menu/menu.js +82 -56
- package/components/navigation-bar/navigation-bar-item-style.js +1 -1
- package/components/navigation-bar/navigation-bar-item.d.ts +6 -2
- package/components/navigation-bar/navigation-bar-item.js +26 -10
- package/components/navigation-bar/navigation-bar.d.ts +6 -6
- package/components/navigation-bar/navigation-bar.js +49 -42
- package/components/navigation-drawer/index.d.ts +5 -1
- package/components/navigation-drawer/index.js +62 -41
- package/components/navigation-rail/navigation-rail-item-style.js +1 -1
- package/components/navigation-rail/navigation-rail-item.d.ts +6 -2
- package/components/navigation-rail/navigation-rail-item.js +20 -8
- package/components/navigation-rail/navigation-rail.d.ts +4 -5
- package/components/navigation-rail/navigation-rail.js +51 -44
- package/components/radio/radio-group.d.ts +6 -4
- package/components/radio/radio-group.js +61 -48
- package/components/radio/radio-style.js +1 -1
- package/components/radio/radio.d.ts +3 -2
- package/components/radio/radio.js +24 -17
- package/components/range-slider/index.js +7 -9
- package/components/ripple/index.js +2 -1
- package/components/segmented-button/segmented-button-group.d.ts +6 -3
- package/components/segmented-button/segmented-button-group.js +84 -69
- package/components/segmented-button/segmented-button.d.ts +2 -2
- package/components/segmented-button/segmented-button.js +5 -4
- package/components/select/index.d.ts +2 -2
- package/components/select/index.js +26 -24
- package/components/slider/index.js +7 -9
- package/components/slider/slider-base-style.js +1 -1
- package/components/slider/slider-base.js +1 -5
- package/components/snackbar/index.js +2 -1
- package/components/switch/index.js +6 -9
- package/components/switch/style.js +1 -1
- package/components/tabs/tab-panel.js +2 -1
- package/components/tabs/tab-style.js +1 -1
- package/components/tabs/tab.js +10 -5
- package/components/tabs/tabs-style.js +1 -1
- package/components/tabs/tabs.d.ts +6 -5
- package/components/tabs/tabs.js +52 -38
- package/components/text-field/index.d.ts +2 -2
- package/components/text-field/index.js +32 -54
- package/components/text-field/style.js +1 -1
- package/components/tooltip/index.d.ts +5 -5
- package/components/tooltip/index.js +30 -25
- package/components/top-app-bar/top-app-bar-title-style.js +1 -1
- package/components/top-app-bar/top-app-bar-title.js +16 -12
- package/components/top-app-bar/top-app-bar.d.ts +2 -2
- package/components/top-app-bar/top-app-bar.js +6 -4
- package/custom-elements.json +3776 -3481
- package/functions/getTheme.js +3 -3
- package/functions/snackbar.js +1 -2
- package/functions/utils/colorScheme.js +2 -2
- package/html-data.zh-cn.json +727 -727
- package/mdui.esm.js +8 -8
- package/mdui.global.js +8 -8
- package/package.json +7 -7
- package/web-types.zh-cn.json +1265 -1265
package/functions/getTheme.js
CHANGED
|
@@ -7,10 +7,10 @@ import { $ } from '@mdui/jq/$.js';
|
|
|
7
7
|
* @return Theme 当前主题,值为 `light`、`dark` 或 `auto`
|
|
8
8
|
*/
|
|
9
9
|
export const getTheme = (target = document.documentElement) => {
|
|
10
|
-
var _a, _b;
|
|
11
10
|
const element = $(target)[0];
|
|
12
11
|
const themes = ['light', 'dark', 'auto'];
|
|
13
12
|
const prefix = 'mdui-theme-';
|
|
14
|
-
return (
|
|
15
|
-
.find((className) => themes.map((theme) => prefix + theme).includes(className))
|
|
13
|
+
return (Array.from(element.classList)
|
|
14
|
+
.find((className) => themes.map((theme) => prefix + theme).includes(className))
|
|
15
|
+
?.slice(prefix.length) ?? 'light');
|
|
16
16
|
};
|
package/functions/snackbar.js
CHANGED
|
@@ -29,9 +29,8 @@ export const snackbar = (options) => {
|
|
|
29
29
|
].includes(key)) {
|
|
30
30
|
const eventName = toKebabCase(key.slice(2));
|
|
31
31
|
$snackbar.on(eventName, () => {
|
|
32
|
-
var _a;
|
|
33
32
|
if (key === 'onActionClick') {
|
|
34
|
-
const actionClick = (
|
|
33
|
+
const actionClick = (options.onActionClick ?? returnTrue).call(snackbar, snackbar);
|
|
35
34
|
if (isPromise(actionClick)) {
|
|
36
35
|
snackbar.actionLoading = true;
|
|
37
36
|
actionClick
|
|
@@ -52,7 +52,7 @@ export const remove = (target) => {
|
|
|
52
52
|
*/
|
|
53
53
|
export const setFromSource = (source, options) => {
|
|
54
54
|
const document = getDocument();
|
|
55
|
-
const $target = $(
|
|
55
|
+
const $target = $(options?.target || document.documentElement);
|
|
56
56
|
// 生成配色方案
|
|
57
57
|
const schemes = {
|
|
58
58
|
light: Scheme.light(source).toJSON(),
|
|
@@ -82,7 +82,7 @@ export const setFromSource = (source, options) => {
|
|
|
82
82
|
'surface-tint-color': schemes.dark.primary,
|
|
83
83
|
});
|
|
84
84
|
// 扩充自定义颜色
|
|
85
|
-
(
|
|
85
|
+
(options?.customColors || []).map((color) => {
|
|
86
86
|
const name = toKebabCase(color.name);
|
|
87
87
|
const custom = customColor(source, {
|
|
88
88
|
name,
|