@admin-layout/tailwind-design-pro 10.0.4-alpha.19
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/LICENSE +21 -0
- package/README.md +1 -0
- package/lib/cdm-locales/en/common.json +30 -0
- package/lib/cdm-locales/en/menu.json +115 -0
- package/lib/cdm-locales/en/pages.json +56 -0
- package/lib/cdm-locales/en/settings.json +19 -0
- package/lib/cdm-locales/es/common.json +30 -0
- package/lib/cdm-locales/es/menu.json +115 -0
- package/lib/cdm-locales/es/pages.json +56 -0
- package/lib/cdm-locales/es/settings.json +19 -0
- package/lib/components/LanguageMenu/LanguageMenu.d.ts +2 -0
- package/lib/components/LanguageMenu/LanguageMenu.d.ts.map +1 -0
- package/lib/components/LanguageMenu/LanguageMenu.js +95 -0
- package/lib/components/LanguageMenu/LanguageMenu.js.map +1 -0
- package/lib/components/LanguageMenu/index.d.ts +2 -0
- package/lib/components/LanguageMenu/index.d.ts.map +1 -0
- package/lib/components/Layout/BasicLayout/index.d.ts +19 -0
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -0
- package/lib/components/Layout/BasicLayout/index.js +203 -0
- package/lib/components/Layout/BasicLayout/index.js.map +1 -0
- package/lib/components/Layout/BasicLayout/utils.d.ts +14 -0
- package/lib/components/Layout/BasicLayout/utils.d.ts.map +1 -0
- package/lib/components/Layout/BasicLayout/utils.js +130 -0
- package/lib/components/Layout/BasicLayout/utils.js.map +1 -0
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts +12 -0
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts.map +1 -0
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js +72 -0
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js.map +1 -0
- package/lib/components/Layout/GlobalFooter/Copyright.d.ts +5 -0
- package/lib/components/Layout/GlobalFooter/Copyright.d.ts.map +1 -0
- package/lib/components/Layout/GlobalFooter/Copyright.js +8 -0
- package/lib/components/Layout/GlobalFooter/Copyright.js.map +1 -0
- package/lib/components/Layout/GlobalFooter/Footer.d.ts +5 -0
- package/lib/components/Layout/GlobalFooter/Footer.d.ts.map +1 -0
- package/lib/components/Layout/GlobalFooter/Footer.js +22 -0
- package/lib/components/Layout/GlobalFooter/Footer.js.map +1 -0
- package/lib/components/Layout/GlobalHeader/Header.d.ts +18 -0
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -0
- package/lib/components/Layout/GlobalHeader/Header.js +74 -0
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -0
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.d.ts +16 -0
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.d.ts.map +1 -0
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js +73 -0
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js.map +1 -0
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts +18 -0
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts.map +1 -0
- package/lib/components/Layout/GlobalHeader/styles.d.ts +2 -0
- package/lib/components/Layout/GlobalHeader/styles.d.ts.map +1 -0
- package/lib/components/Layout/ProTailwindLayout.d.ts +23 -0
- package/lib/components/Layout/ProTailwindLayout.d.ts.map +1 -0
- package/lib/components/Layout/ProTailwindLayout.js +95 -0
- package/lib/components/Layout/ProTailwindLayout.js.map +1 -0
- package/lib/components/Layout/Sidebar/Divider.d.ts +33 -0
- package/lib/components/Layout/Sidebar/Divider.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/Divider.js +47 -0
- package/lib/components/Layout/Sidebar/Divider.js.map +1 -0
- package/lib/components/Layout/Sidebar/Sidebar.d.ts +15 -0
- package/lib/components/Layout/Sidebar/Sidebar.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/Sidebar.js +139 -0
- package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -0
- package/lib/components/Layout/Sidebar/SidebarMenu.d.ts +6 -0
- package/lib/components/Layout/Sidebar/SidebarMenu.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/SidebarMenu.js +89 -0
- package/lib/components/Layout/Sidebar/SidebarMenu.js.map +1 -0
- package/lib/components/Layout/TailwindLayout.d.ts +12 -0
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -0
- package/lib/components/Layout/TailwindLayout.js +42 -0
- package/lib/components/Layout/TailwindLayout.js.map +1 -0
- package/lib/components/Layout/getPageTitle.d.ts +26 -0
- package/lib/components/Layout/getPageTitle.d.ts.map +1 -0
- package/lib/components/Layout/getPageTitle.js +56 -0
- package/lib/components/Layout/getPageTitle.js.map +1 -0
- package/lib/components/Layout/slot-fill/Footer.d.ts +4 -0
- package/lib/components/Layout/slot-fill/Footer.d.ts.map +1 -0
- package/lib/components/Layout/slot-fill/Footer.js +7 -0
- package/lib/components/Layout/slot-fill/Footer.js.map +1 -0
- package/lib/components/Layout/slot-fill/HeaderNotice.d.ts +4 -0
- package/lib/components/Layout/slot-fill/HeaderNotice.d.ts.map +1 -0
- package/lib/components/Layout/slot-fill/index.d.ts +3 -0
- package/lib/components/Layout/slot-fill/index.d.ts.map +1 -0
- package/lib/components/Layout/util.d.ts +6 -0
- package/lib/components/Layout/util.d.ts.map +1 -0
- package/lib/components/SettingDrawer/CheckBoxTheme.d.ts +8 -0
- package/lib/components/SettingDrawer/CheckBoxTheme.d.ts.map +1 -0
- package/lib/components/SettingDrawer/CheckBoxTheme.js +48 -0
- package/lib/components/SettingDrawer/CheckBoxTheme.js.map +1 -0
- package/lib/components/SettingDrawer/LayoutChange.d.ts +7 -0
- package/lib/components/SettingDrawer/LayoutChange.d.ts.map +1 -0
- package/lib/components/SettingDrawer/LayoutChange.js +69 -0
- package/lib/components/SettingDrawer/LayoutChange.js.map +1 -0
- package/lib/components/SettingDrawer/RegionalSettings.d.ts +8 -0
- package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -0
- package/lib/components/SettingDrawer/RegionalSettings.js +95 -0
- package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -0
- package/lib/components/SettingDrawer/SettingDrawer.d.ts +27 -0
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -0
- package/lib/components/SettingDrawer/SettingDrawer.js +392 -0
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -0
- package/lib/components/SettingDrawer/Switch/index.d.ts +9 -0
- package/lib/components/SettingDrawer/Switch/index.d.ts.map +1 -0
- package/lib/components/SettingDrawer/Switch/index.js +39 -0
- package/lib/components/SettingDrawer/Switch/index.js.map +1 -0
- package/lib/components/SettingDrawer/ThemeColor.d.ts +8 -0
- package/lib/components/SettingDrawer/ThemeColor.d.ts.map +1 -0
- package/lib/components/SettingDrawer/ThemeColor.js +32 -0
- package/lib/components/SettingDrawer/ThemeColor.js.map +1 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.d.ts +2 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.d.ts.map +1 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.js +1 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.js.map +1 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts +6 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts.map +1 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.js +4 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.js.map +1 -0
- package/lib/components/defaultSettings.d.ts +4 -0
- package/lib/components/defaultSettings.d.ts.map +1 -0
- package/lib/components/defaultSettings.js +14 -0
- package/lib/components/defaultSettings.js.map +1 -0
- package/lib/components/typings.d.ts +73 -0
- package/lib/components/typings.d.ts.map +1 -0
- package/lib/compute.d.ts +4 -0
- package/lib/compute.d.ts.map +1 -0
- package/lib/compute.js +36 -0
- package/lib/compute.js.map +1 -0
- package/lib/config/env-config.d.ts +4 -0
- package/lib/config/env-config.d.ts.map +1 -0
- package/lib/config/env-config.js +7 -0
- package/lib/config/env-config.js.map +1 -0
- package/lib/helpers/DynamicIcon.d.ts +12 -0
- package/lib/helpers/DynamicIcon.d.ts.map +1 -0
- package/lib/index.d.ts +7 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib/index.server.d.ts +2 -0
- package/lib/index.server.d.ts.map +1 -0
- package/lib/index.server.js +1 -0
- package/lib/index.server.js.map +1 -0
- package/lib/module.d.ts +6 -0
- package/lib/module.d.ts.map +1 -0
- package/lib/module.js +22 -0
- package/lib/module.js.map +1 -0
- package/lib/routes.json +41 -0
- package/lib/styles/index.css +51 -0
- package/lib/utils/index.d.ts +2 -0
- package/lib/utils/index.d.ts.map +1 -0
- package/lib/utils/index.js +13 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/isBrowser/index.d.ts +3 -0
- package/lib/utils/isBrowser/index.d.ts.map +1 -0
- package/lib/utils/isBrowser/index.js +7 -0
- package/lib/utils/isBrowser/index.js.map +1 -0
- package/lib/utils/menu.d.ts +4 -0
- package/lib/utils/menu.d.ts.map +1 -0
- package/lib/utils/test-utils.d.ts +12 -0
- package/lib/utils/test-utils.d.ts.map +1 -0
- package/lib/utils/utils/index.d.ts +14 -0
- package/lib/utils/utils/index.d.ts.map +1 -0
- package/lib/utils/utils/index.js +3 -0
- package/lib/utils/utils/index.js.map +1 -0
- package/package.json +65 -0
|
@@ -0,0 +1,392 @@
|
|
|
1
|
+
import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {MdClose}from'@react-icons/all-files/md/MdClose.js';import {RiSettings5Fill}from'@react-icons/all-files/ri/RiSettings5Fill.js';import*as rcUtil from'rc-util';import {parse}from'qs';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import {Switch}from'./Switch/index.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';let oldSetting = {};
|
|
2
|
+
const updateTheme = (dark, color, publicPath = '/theme') => {
|
|
3
|
+
// ssr
|
|
4
|
+
if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
|
|
5
|
+
return;
|
|
6
|
+
}
|
|
7
|
+
const href = dark ? `${publicPath}/dark` : `${publicPath}/`;
|
|
8
|
+
// If it is DARK, and is color = daybreak, there is no need to splice
|
|
9
|
+
let colorFileName = dark && color ? `-${encodeURIComponent(color)}` : encodeURIComponent(color || '');
|
|
10
|
+
if (color === 'daybreak' && dark) {
|
|
11
|
+
colorFileName = '';
|
|
12
|
+
}
|
|
13
|
+
const dom = document.getElementById('theme-style');
|
|
14
|
+
// If these two are empty
|
|
15
|
+
if (!href && !colorFileName) {
|
|
16
|
+
if (dom) {
|
|
17
|
+
dom.remove();
|
|
18
|
+
localStorage.removeItem('site-theme');
|
|
19
|
+
}
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const url = `${href}${colorFileName || ''}.css`;
|
|
23
|
+
if (dom) {
|
|
24
|
+
dom.onload = () => {
|
|
25
|
+
window.setTimeout(() => {});
|
|
26
|
+
};
|
|
27
|
+
dom.href = url;
|
|
28
|
+
} else {
|
|
29
|
+
const style = document.createElement('link');
|
|
30
|
+
style.type = 'text/css';
|
|
31
|
+
style.rel = 'stylesheet';
|
|
32
|
+
style.id = 'theme-style';
|
|
33
|
+
style.onload = () => {
|
|
34
|
+
window.setTimeout(() => {});
|
|
35
|
+
};
|
|
36
|
+
style.href = url;
|
|
37
|
+
if (document.body.append) {
|
|
38
|
+
document.body.append(style);
|
|
39
|
+
} else {
|
|
40
|
+
document.body.appendChild(style);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
// localStorage.setItem('site-theme', dark ? 'dark' : 'light');
|
|
44
|
+
};
|
|
45
|
+
const initState = (settings, onSettingChange, publicPath) => {
|
|
46
|
+
if (!isBrowser()) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
let loadedStyle = false;
|
|
50
|
+
if (window.location.search) {
|
|
51
|
+
const params = parse(window.location.search.replace('?', ''));
|
|
52
|
+
const replaceSetting = {};
|
|
53
|
+
Object.keys(params).forEach(key => {
|
|
54
|
+
if (defaultSettings[key] || defaultSettings[key] === undefined) {
|
|
55
|
+
replaceSetting[key] = params[key];
|
|
56
|
+
if (key.includes('Render')) {
|
|
57
|
+
replaceSetting[key] = params[key] === 'false' ? false : undefined;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
if (onSettingChange) {
|
|
62
|
+
onSettingChange({
|
|
63
|
+
...settings,
|
|
64
|
+
...replaceSetting
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
// Set the topic in the URL and load it once.
|
|
68
|
+
if (oldSetting.navTheme !== params.navTheme && params.navTheme) {
|
|
69
|
+
updateTheme(settings.navTheme === 'realDark', params.primaryColor, publicPath);
|
|
70
|
+
loadedStyle = true;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
if (loadedStyle) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
// If there is no topic in the URL, and no load in the URL is loaded.
|
|
77
|
+
if (defaultSettings.navTheme !== settings.navTheme && settings.navTheme) {
|
|
78
|
+
updateTheme(settings.navTheme === 'realDark', settings.primaryColor, publicPath);
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
const getParamsFromUrl = settings => {
|
|
82
|
+
if (!isBrowser()) {
|
|
83
|
+
return defaultSettings;
|
|
84
|
+
}
|
|
85
|
+
// The first time I entered the browser parameters synchronized.
|
|
86
|
+
let params = {};
|
|
87
|
+
if (window.location.search) {
|
|
88
|
+
params = parse(window.location.search.replace('?', ''));
|
|
89
|
+
}
|
|
90
|
+
Object.keys(params).forEach(key => {
|
|
91
|
+
if (params[key] === 'true') {
|
|
92
|
+
params[key] = true;
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
return {
|
|
96
|
+
...defaultSettings,
|
|
97
|
+
...(settings || {}),
|
|
98
|
+
...params
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
const getThemeList = settings => {
|
|
102
|
+
const {
|
|
103
|
+
t
|
|
104
|
+
} = useTranslation('settings');
|
|
105
|
+
let list = [];
|
|
106
|
+
const defaultList = [
|
|
107
|
+
//@sri following are needed otherwise we need make above plugin to work
|
|
108
|
+
{
|
|
109
|
+
key: 'dust',
|
|
110
|
+
fileName: 'dust.css',
|
|
111
|
+
modifyVars: {
|
|
112
|
+
'@primary-color': '#F5222D'
|
|
113
|
+
}
|
|
114
|
+
}, {
|
|
115
|
+
key: 'volcano',
|
|
116
|
+
fileName: 'volcano.css',
|
|
117
|
+
modifyVars: {
|
|
118
|
+
'@primary-color': '#FA541C'
|
|
119
|
+
}
|
|
120
|
+
}, {
|
|
121
|
+
key: 'sunset',
|
|
122
|
+
fileName: 'sunset.css',
|
|
123
|
+
modifyVars: {
|
|
124
|
+
'@primary-color': '#FAAD14'
|
|
125
|
+
}
|
|
126
|
+
}, {
|
|
127
|
+
key: 'cyan',
|
|
128
|
+
fileName: 'cyan.css',
|
|
129
|
+
modifyVars: {
|
|
130
|
+
'@primary-color': '#13C2C2'
|
|
131
|
+
}
|
|
132
|
+
}, {
|
|
133
|
+
key: 'green',
|
|
134
|
+
fileName: 'green.css',
|
|
135
|
+
modifyVars: {
|
|
136
|
+
'@primary-color': '#52C41A'
|
|
137
|
+
}
|
|
138
|
+
}, {
|
|
139
|
+
key: 'geekblue',
|
|
140
|
+
fileName: 'geekblue.css',
|
|
141
|
+
modifyVars: {
|
|
142
|
+
'@primary-color': '#2F54EB'
|
|
143
|
+
}
|
|
144
|
+
}, {
|
|
145
|
+
key: 'purple',
|
|
146
|
+
fileName: 'purple.css',
|
|
147
|
+
modifyVars: {
|
|
148
|
+
'@primary-color': '#722ED1'
|
|
149
|
+
}
|
|
150
|
+
}];
|
|
151
|
+
// ssr
|
|
152
|
+
if (typeof window === 'undefined') {
|
|
153
|
+
list = defaultList;
|
|
154
|
+
} else {
|
|
155
|
+
list = window.umi_plugin_ant_themeVar || defaultList;
|
|
156
|
+
}
|
|
157
|
+
const themeList = [{
|
|
158
|
+
key: 'light',
|
|
159
|
+
title: t('light')
|
|
160
|
+
}];
|
|
161
|
+
const darkColorList = [{
|
|
162
|
+
key: 'daybreak',
|
|
163
|
+
color: '#1890ff',
|
|
164
|
+
theme: 'dark'
|
|
165
|
+
}];
|
|
166
|
+
const lightColorList = [{
|
|
167
|
+
key: 'daybreak',
|
|
168
|
+
color: '#1890ff',
|
|
169
|
+
theme: 'dark'
|
|
170
|
+
}];
|
|
171
|
+
if (settings.layout !== 'mix') {
|
|
172
|
+
themeList.push({
|
|
173
|
+
key: 'dark',
|
|
174
|
+
title: t('dark')
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
if (list.find(item => item.theme === 'dark')) {
|
|
178
|
+
themeList.push({
|
|
179
|
+
key: 'realDark',
|
|
180
|
+
title: t('dark')
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
// insert theme color List
|
|
184
|
+
list.forEach(item => {
|
|
185
|
+
const color = (item.modifyVars || {})['@primary-color'];
|
|
186
|
+
if (item.theme === 'dark' && color) {
|
|
187
|
+
darkColorList.push({
|
|
188
|
+
color,
|
|
189
|
+
...item
|
|
190
|
+
});
|
|
191
|
+
}
|
|
192
|
+
if (!item.theme || item.theme === 'light') {
|
|
193
|
+
lightColorList.push({
|
|
194
|
+
color,
|
|
195
|
+
...item
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
});
|
|
199
|
+
return {
|
|
200
|
+
colorList: {
|
|
201
|
+
dark: darkColorList,
|
|
202
|
+
light: lightColorList
|
|
203
|
+
},
|
|
204
|
+
themeList
|
|
205
|
+
};
|
|
206
|
+
};
|
|
207
|
+
const SettingDrawer = props => {
|
|
208
|
+
let {
|
|
209
|
+
navTheme,
|
|
210
|
+
settings,
|
|
211
|
+
onSettingChange
|
|
212
|
+
} = props;
|
|
213
|
+
const [show, setShow] = useState(false);
|
|
214
|
+
const {
|
|
215
|
+
t
|
|
216
|
+
} = useTranslation('settings');
|
|
217
|
+
const btnRef = useRef();
|
|
218
|
+
const [settingState, setSettingState] = rcUtil.useMergedState(() => getParamsFromUrl(settings), {
|
|
219
|
+
value: settings,
|
|
220
|
+
onChange: onSettingChange
|
|
221
|
+
});
|
|
222
|
+
const themeList = getThemeList(settingState);
|
|
223
|
+
/**
|
|
224
|
+
* Modify settings
|
|
225
|
+
* @param key
|
|
226
|
+
* @param value
|
|
227
|
+
*/
|
|
228
|
+
const changeSetting = (key, value) => {
|
|
229
|
+
const nextState = {
|
|
230
|
+
...settingState
|
|
231
|
+
};
|
|
232
|
+
nextState[key] = value;
|
|
233
|
+
if (key === 'navTheme') {
|
|
234
|
+
updateTheme(value === 'realDark', undefined);
|
|
235
|
+
nextState.primaryColor = value;
|
|
236
|
+
}
|
|
237
|
+
if (key === 'primaryColor') {
|
|
238
|
+
updateTheme(nextState.navTheme === 'realDark', value === 'daybreak' ? '' : value);
|
|
239
|
+
}
|
|
240
|
+
if (key === 'layout') {
|
|
241
|
+
nextState.contentWidth = value === 'top' ? 'Fixed' : 'Fluid';
|
|
242
|
+
}
|
|
243
|
+
if (key === 'layout' && value !== 'mix') {
|
|
244
|
+
nextState.splitMenus = false;
|
|
245
|
+
}
|
|
246
|
+
if (key === 'layout' && value === 'mix') {
|
|
247
|
+
nextState.navTheme = 'light';
|
|
248
|
+
}
|
|
249
|
+
if (key === 'colorWeak' && value === true) {
|
|
250
|
+
const dom = document.querySelector('body');
|
|
251
|
+
if (dom) {
|
|
252
|
+
dom.dataset.prosettingdrawer = dom.style.filter;
|
|
253
|
+
dom.style.filter = 'invert(80%)';
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
if (key === 'colorWeak' && value === false) {
|
|
257
|
+
const dom = document.querySelector('body');
|
|
258
|
+
if (dom) {
|
|
259
|
+
dom.style.filter = dom.dataset.prosettingdrawer || 'none';
|
|
260
|
+
delete dom.dataset.prosettingdrawer;
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
setSettingState(nextState);
|
|
264
|
+
};
|
|
265
|
+
useEffect(() => {
|
|
266
|
+
// Only update if there's a meaningful difference
|
|
267
|
+
if (JSON.stringify(settingState) !== JSON.stringify(settings)) {
|
|
268
|
+
oldSetting = {
|
|
269
|
+
...defaultSettings,
|
|
270
|
+
...settings
|
|
271
|
+
};
|
|
272
|
+
if (isBrowser()) {
|
|
273
|
+
// Compare settings with oldSetting to determine if initialization is needed
|
|
274
|
+
if (JSON.stringify(settings) !== JSON.stringify(oldSetting)) {
|
|
275
|
+
initState(settings, onSettingChange, props.publicPath);
|
|
276
|
+
}
|
|
277
|
+
const nextState = {
|
|
278
|
+
...settings,
|
|
279
|
+
showSettingPanel: process.env.NODE_ENV !== 'production'
|
|
280
|
+
};
|
|
281
|
+
setSettingState(nextState);
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
}, [settings]); // Only depend on settings
|
|
285
|
+
return jsx(Fragment, {
|
|
286
|
+
children: settings?.showSettingPanel ? jsxs(Fragment, {
|
|
287
|
+
children: [jsx("button", {
|
|
288
|
+
ref: btnRef,
|
|
289
|
+
onClick: () => setShow(!show),
|
|
290
|
+
style: {
|
|
291
|
+
backgroundColor: settings?.primaryColor,
|
|
292
|
+
display: 'flex',
|
|
293
|
+
alignItems: 'center',
|
|
294
|
+
justifyContent: 'center'
|
|
295
|
+
},
|
|
296
|
+
className: `fixed top-24 right-0 z-50 border-none cursor-pointer transition duration-500 bg-current w-12 h-12 rounded-l-lg hover:bg-current ${show ? 'mr-72' : 'mr-0'}`,
|
|
297
|
+
children: !show ? jsx(RiSettings5Fill, {
|
|
298
|
+
fontSize: '32px',
|
|
299
|
+
className: "text-white"
|
|
300
|
+
}) : jsx(MdClose, {
|
|
301
|
+
className: "text-white",
|
|
302
|
+
fontSize: '36px'
|
|
303
|
+
})
|
|
304
|
+
}), jsxs("div", {
|
|
305
|
+
className: `
|
|
306
|
+
fixed right-0 top-0 bg-white w-72 transition-all duration-500 overflow-hidden overflow-y-auto z-50 p-4 min-h-full max-h-full
|
|
307
|
+
${show ? 'opacity-100 visible' : 'w-0 opacity-0 invisible'}
|
|
308
|
+
${settings?.navTheme === 'dark' ? 'bg-[#1f1f1f]' : 'bg-white'}
|
|
309
|
+
`,
|
|
310
|
+
children: [jsxs("div", {
|
|
311
|
+
className: "flex flex-row items-center",
|
|
312
|
+
children: [jsx("p", {
|
|
313
|
+
className: `text-2xl mb-0 ${settings?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
|
|
314
|
+
children: t('setting')
|
|
315
|
+
}), jsx("div", {
|
|
316
|
+
className: "flex-grow"
|
|
317
|
+
}), jsx("button", {
|
|
318
|
+
onClick: () => setShow(false),
|
|
319
|
+
className: `bg-transparent border-none rounded-lg w-10 h-10 cursor-pointer mb-2 hover:${settingState?.navTheme === 'dark' ? 'bg-[#2a2a2a]' : 'bg-gray-200'}`,
|
|
320
|
+
children: jsx(MdClose, {
|
|
321
|
+
fontSize: '36px'
|
|
322
|
+
})
|
|
323
|
+
})]
|
|
324
|
+
}), jsxs("div", {
|
|
325
|
+
className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
|
|
326
|
+
children: [jsx("p", {
|
|
327
|
+
className: `${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
|
|
328
|
+
children: t('page_style_settings')
|
|
329
|
+
}), jsx("div", {
|
|
330
|
+
children: jsx(CheckBoxTheme, {
|
|
331
|
+
list: themeList.themeList,
|
|
332
|
+
changeSetting: changeSetting,
|
|
333
|
+
settings: settingState
|
|
334
|
+
})
|
|
335
|
+
}), jsxs("div", {
|
|
336
|
+
className: "mt-8",
|
|
337
|
+
children: [jsx("p", {
|
|
338
|
+
className: `${settings?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
|
|
339
|
+
children: t('theme_color')
|
|
340
|
+
}), jsx(ThemeColor, {
|
|
341
|
+
color: themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
|
|
342
|
+
changeSetting: changeSetting,
|
|
343
|
+
settings: settingState
|
|
344
|
+
})]
|
|
345
|
+
})]
|
|
346
|
+
}), jsxs("div", {
|
|
347
|
+
className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
|
|
348
|
+
children: [jsx("div", {
|
|
349
|
+
children: jsx("p", {
|
|
350
|
+
className: `${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
|
|
351
|
+
children: t('navigation_mode')
|
|
352
|
+
})
|
|
353
|
+
}), jsx("div", {
|
|
354
|
+
className: "mt-8",
|
|
355
|
+
children: jsx(LayoutChange, {
|
|
356
|
+
settings: settingState,
|
|
357
|
+
changeSetting: changeSetting
|
|
358
|
+
})
|
|
359
|
+
})]
|
|
360
|
+
}), jsxs("div", {
|
|
361
|
+
className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
|
|
362
|
+
children: [jsx("p", {
|
|
363
|
+
className: `mb-2 ${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
|
|
364
|
+
children: t('regional_rettings')
|
|
365
|
+
}), jsx(RegionalSettings, {
|
|
366
|
+
settings: settingState,
|
|
367
|
+
changeSetting: changeSetting
|
|
368
|
+
})]
|
|
369
|
+
}), jsxs("div", {
|
|
370
|
+
className: "mt-8",
|
|
371
|
+
children: [jsx("p", {
|
|
372
|
+
className: `${settingState.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
|
|
373
|
+
children: t('other_setting')
|
|
374
|
+
}), jsxs("div", {
|
|
375
|
+
className: "flex flex-row items-center",
|
|
376
|
+
children: [jsx("p", {
|
|
377
|
+
className: `mb-0 ${settingState.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
|
|
378
|
+
children: t('weak_mode')
|
|
379
|
+
}), jsx("div", {
|
|
380
|
+
className: "flex-grow"
|
|
381
|
+
}), jsx(Switch, {
|
|
382
|
+
value: settingState.colorWeak,
|
|
383
|
+
settingKey: "colorWeak",
|
|
384
|
+
settings: settingState,
|
|
385
|
+
changeSetting: changeSetting
|
|
386
|
+
})]
|
|
387
|
+
})]
|
|
388
|
+
})]
|
|
389
|
+
})]
|
|
390
|
+
}) : null
|
|
391
|
+
});
|
|
392
|
+
};export{SettingDrawer};//# sourceMappingURL=SettingDrawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type ISwitchProps = {
|
|
2
|
+
value?: boolean;
|
|
3
|
+
changeSetting?: (key: string, value: any, hideLoading?: boolean) => void;
|
|
4
|
+
settingKey?: string;
|
|
5
|
+
settings: any;
|
|
6
|
+
};
|
|
7
|
+
export declare function Switch({ value, changeSetting, settingKey, settings }: ISwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/Switch/index.tsx"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;CACjB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA2ClF"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';function Switch({
|
|
2
|
+
value,
|
|
3
|
+
changeSetting,
|
|
4
|
+
settingKey,
|
|
5
|
+
settings
|
|
6
|
+
}) {
|
|
7
|
+
const [checked, setChecked] = useState(false);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
setChecked(value);
|
|
10
|
+
}, [value]);
|
|
11
|
+
const handleChecked = () => {
|
|
12
|
+
const regionalSetting = ['header', 'footer', 'searchBar', 'menu', 'menuHeader'];
|
|
13
|
+
regionalSetting.forEach(key => {
|
|
14
|
+
if (settingKey === `${key}Render`) {
|
|
15
|
+
setChecked(!checked);
|
|
16
|
+
changeSetting(settingKey, settings[`${key}Render`] == undefined ? false : undefined);
|
|
17
|
+
} else {
|
|
18
|
+
changeSetting(settingKey, !checked);
|
|
19
|
+
setChecked(value);
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
return jsxs("div", {
|
|
24
|
+
className: "relative w-24",
|
|
25
|
+
children: [jsx("button", {
|
|
26
|
+
type: "button",
|
|
27
|
+
className: "opacity-0 absolute z-10 rounded-2xl w-10 h-6 cursor-pointer",
|
|
28
|
+
onClick: handleChecked
|
|
29
|
+
}), jsx("label", {
|
|
30
|
+
className: `absolute top-0 left-0 w-10 h-6 rounded-2xl cursor-pointer ${checked ? 'bg-current' : 'bg-gray-400'}`,
|
|
31
|
+
children: jsx("span", {
|
|
32
|
+
className: `block rounded-full w-4 h-4 bg-white shadow-md transition-all duration-200 ${checked ? 'ml-5 mt-1' : 'ml-1 mt-1'}`,
|
|
33
|
+
style: {
|
|
34
|
+
boxShadow: '1px 3px 3px 1px rgba(0, 0, 0, 0.2)'
|
|
35
|
+
}
|
|
36
|
+
})
|
|
37
|
+
})]
|
|
38
|
+
});
|
|
39
|
+
}export{Switch};//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/SettingDrawer/Switch/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"gFAUM,SAAU,MAAM,CAAC;OACb;;YAGQ;AACd,EAAA;;AAGI,EAAA,MAAA,CAAA,OAAqB,EAAA,UAAA,CAAA,GAAG,QAAC,CAAQ,KAAE,CAAA;AACnC,EAAA,SAAA,CAAA,MAAA;AACI,IAAA,UAAA,CAAA;AACI,GAAA,EAAA,CAAA,KAAA,CAAA,CAAA;qBACa,GAAA,MAAC;yBACjB,GAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,YAAA,CAAA;mBAAO,CAAA,OAAA,CAAA,GAAA,IAAA;AACJ,MAAA,IAAA,UAAA,KAAA,CAAA,EAAA,GAAwB,CAAA,MAAA,CAAA,EAAA;kBACd,CAAA,CAAA,OAAC,CAAK;qBACnB,CAAA,UAAA,EAAA,QAAA,CAAA,CAAA,EAAA,GAAA,CAAA,MAAA,CAAA,CAAA,IAAA,SAAA,GAAA,KAAA,GAAA,SAAA,CAAA;AACL,OAAA,MAAG;AACP,QAAE,aAAA,CAAA,UAAA,EAAA,CAAA,OAAA,CAAA;QAEK;AAiBa;;AAMxB,GAAC;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type IThemeColorProps = {
|
|
2
|
+
color?: any[];
|
|
3
|
+
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
4
|
+
settings?: any;
|
|
5
|
+
};
|
|
6
|
+
export default function ThemeColor(props: IThemeColorProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=ThemeColor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACpB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAmCzD"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';function ThemeColor(props) {
|
|
2
|
+
const {
|
|
3
|
+
color,
|
|
4
|
+
changeSetting,
|
|
5
|
+
settings
|
|
6
|
+
} = props;
|
|
7
|
+
return jsx("div", {
|
|
8
|
+
className: "flex flex-row space-x-2",
|
|
9
|
+
children: color.map((item, index) => {
|
|
10
|
+
return jsx("div", {
|
|
11
|
+
className: "w-5 h-5 rounded cursor-pointer shadow-sm pl-1 flex items-center justify-center",
|
|
12
|
+
style: {
|
|
13
|
+
backgroundColor: item.color
|
|
14
|
+
},
|
|
15
|
+
onClick: () => {
|
|
16
|
+
changeSetting('primaryColor', item.color);
|
|
17
|
+
},
|
|
18
|
+
children: settings?.primaryColor === item.color ? jsx("svg", {
|
|
19
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20
|
+
className: "h-4 w-4 text-white mb-1",
|
|
21
|
+
viewBox: "0 0 20 20",
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
children: jsx("path", {
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
|
|
26
|
+
clipRule: "evenodd"
|
|
27
|
+
})
|
|
28
|
+
}) : ''
|
|
29
|
+
}, index);
|
|
30
|
+
})
|
|
31
|
+
});
|
|
32
|
+
}export{ThemeColor as default};//# sourceMappingURL=ThemeColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAQwB,SAAA,UAAU,CAAC,KAAuB,EAAA;QAChD;AACN,IAAA,KAAA;AAGY,IAAA,aAAA;AAMY,IAAA;;SAqBfA,GACC,CACT,KAAC,EAAA;AACN,IAAC,SAAA,EAAA,yBAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UpdateSettingsResource.d.ts","sourceRoot":"","sources":["../../../src/components/UpdateSettingsResource/UpdateSettingsResource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=UpdateSettingsResource.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UpdateSettingsResource.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const action: ({ request }: {
|
|
2
|
+
request: Request;
|
|
3
|
+
}) => Promise<import("@remix-run/server-runtime").TypedResponse<any>>, loader: ({ request }: {
|
|
4
|
+
request: Request;
|
|
5
|
+
}) => Promise<import("@remix-run/server-runtime").TypedResponse<any>>;
|
|
6
|
+
//# sourceMappingURL=UpdateSettingsResource.server.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UpdateSettingsResource.server.d.ts","sourceRoot":"","sources":["../../../src/components/UpdateSettingsResource/UpdateSettingsResource.server.ts"],"names":[],"mappings":"AACA,eAAO,MAAQ,MAAM;;qBAAD,2BAAiB,uBAAd,MAAM;;qBACwD,2BAAiB,qBADzC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UpdateSettingsResource.server.js","sources":["../../../src/components/UpdateSettingsResource/UpdateSettingsResource.server.ts"],"sourcesContent":[null],"names":[],"mappings":"gEACa,MAAA;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultSettings.d.ts","sourceRoot":"","sources":["../../src/components/defaultSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE9F,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;AAElE,eAAO,MAAM,eAAe,EAAE,WAa7B,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const defaultSettings = {
|
|
2
|
+
navTheme: 'dark',
|
|
3
|
+
layout: 'side',
|
|
4
|
+
contentWidth: 'Fluid',
|
|
5
|
+
fixedHeader: false,
|
|
6
|
+
fixSiderbar: false,
|
|
7
|
+
menu: {
|
|
8
|
+
locale: false
|
|
9
|
+
},
|
|
10
|
+
headerHeight: 48,
|
|
11
|
+
title: 'CDMBase LLC',
|
|
12
|
+
iconfontUrl: '',
|
|
13
|
+
primaryColor: '#1890ff'
|
|
14
|
+
};export{defaultSettings};//# sourceMappingURL=defaultSettings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultSettings.js","sources":["../../src/components/defaultSettings.ts"],"sourcesContent":[null],"names":[],"mappings":"AAIa,MAAA,eAAe,GAAgB;AACxC,EAAA,QAAA,EAAQ,MAAQ;AAChB,EAAA,MAAA,EAAM,MAAQ;AACd,EAAA,YAAA,EAAY,OAAS;AACrB,EAAA,WAAA,EAAW,KAAO;AAClB,EAAA,WAAA,EAAW,KAAO;AAClB,EAAA,IAAA,EAAI;AACA,IAAA,MAAA,EAAA;AACH,GAAA;AACD,EAAA,YAAA,EAAY,EAAE;AACd,EAAA,KAAA,EAAK,aAAe;AACpB,EAAA,WAAA,EAAW,EAAE;AACb,EAAA,YAAA,EAAY;"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import * as H from 'history';
|
|
2
|
+
import { RouterProps as BasicRouteProps } from 'react-router-dom';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
5
|
+
to: H.Location;
|
|
6
|
+
replace?: boolean;
|
|
7
|
+
innerRef?: React.Ref<HTMLAnchorElement>;
|
|
8
|
+
}
|
|
9
|
+
export interface MenuDataItem {
|
|
10
|
+
/**
|
|
11
|
+
* @name Submenu
|
|
12
|
+
*/
|
|
13
|
+
children?: MenuDataItem[];
|
|
14
|
+
/**
|
|
15
|
+
* @name Hidden subtots in the menu
|
|
16
|
+
*/
|
|
17
|
+
hideChildrenInMenu?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* @name Hide you and child nodes in the menu
|
|
20
|
+
*/
|
|
21
|
+
hideInMenu?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* @name Icon
|
|
24
|
+
*/
|
|
25
|
+
icon?: React.ReactNode;
|
|
26
|
+
/**
|
|
27
|
+
* @name Custom menu International KEY
|
|
28
|
+
*/
|
|
29
|
+
locale?: string | false;
|
|
30
|
+
/**
|
|
31
|
+
* @name Name of the menu
|
|
32
|
+
*/
|
|
33
|
+
name?: string;
|
|
34
|
+
/**
|
|
35
|
+
* @name Used to calibrate the selected value, the default is `path`
|
|
36
|
+
*/
|
|
37
|
+
key?: string;
|
|
38
|
+
/**
|
|
39
|
+
* @name disable menu option
|
|
40
|
+
*/
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* @name 路径
|
|
44
|
+
*/
|
|
45
|
+
path?: string;
|
|
46
|
+
/**
|
|
47
|
+
* @name Custom parent node
|
|
48
|
+
* @description When this node is selected, the node of ParentKeys will be selected.
|
|
49
|
+
*/
|
|
50
|
+
parentKeys?: string[];
|
|
51
|
+
/**
|
|
52
|
+
* @name Hide yourself and upgrade the child node to your own
|
|
53
|
+
*/
|
|
54
|
+
flatMenu?: boolean;
|
|
55
|
+
[key: string]: any;
|
|
56
|
+
}
|
|
57
|
+
export interface Route extends MenuDataItem {
|
|
58
|
+
routes?: Route[];
|
|
59
|
+
}
|
|
60
|
+
export type WithFalse<T> = T | false;
|
|
61
|
+
export interface RouterTypes<P> extends Omit<BasicRouteProps, 'location'> {
|
|
62
|
+
computedMatch?: any;
|
|
63
|
+
route?: Route;
|
|
64
|
+
location: BasicRouteProps['location'] | {
|
|
65
|
+
pathname?: string;
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
export interface MessageDescriptor {
|
|
69
|
+
id: any;
|
|
70
|
+
description?: string;
|
|
71
|
+
defaultMessage?: string;
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=typings.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typings.d.ts","sourceRoot":"","sources":["../../src/components/typings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,KAAM,SAAQ,YAAY;IACvC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CACpB;AACD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AAErC,MAAM,WAAW,WAAW,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACrE,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE;AAED,MAAM,WAAW,iBAAiB;IAC9B,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B"}
|
package/lib/compute.d.ts
ADDED