@admin-layout/tailwind-design-pro 10.0.6-alpha.9 → 10.0.9-alpha.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/lib/components/Layout/BasicLayout/index.d.ts +0 -6
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +18 -27
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +29 -39
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts +1 -3
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.js +23 -0
- package/lib/components/Layout/GlobalHeader/RightContent.js.map +1 -0
- package/lib/components/Layout/Sidebar/Sidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/Sidebar.js +15 -2
- package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.js +3 -3
- package/lib/components/Layout/Sidebar/SidebarMenu.js.map +1 -1
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +8 -2
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/lib/components/SettingDrawer/CheckBoxTheme.d.ts +1 -6
- package/lib/components/SettingDrawer/CheckBoxTheme.d.ts.map +1 -1
- package/lib/components/SettingDrawer/CheckBoxTheme.js +106 -31
- package/lib/components/SettingDrawer/CheckBoxTheme.js.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.d.ts +1 -5
- package/lib/components/SettingDrawer/LayoutChange.d.ts.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.js +19 -23
- package/lib/components/SettingDrawer/LayoutChange.js.map +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.d.ts +3 -0
- package/lib/components/SettingDrawer/NavigationsModes.d.ts.map +1 -0
- package/lib/components/SettingDrawer/NavigationsModes.js +281 -0
- package/lib/components/SettingDrawer/NavigationsModes.js.map +1 -0
- package/lib/components/SettingDrawer/RegionalSettings.d.ts +1 -6
- package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.js +24 -31
- package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts +1 -24
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +89 -104
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/Switch/index.d.ts +2 -8
- package/lib/components/SettingDrawer/Switch/index.d.ts.map +1 -1
- package/lib/components/SettingDrawer/Switch/index.js +17 -34
- package/lib/components/SettingDrawer/Switch/index.js.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.d.ts +1 -6
- package/lib/components/SettingDrawer/ThemeColor.d.ts.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.js.map +1 -1
- package/lib/components/SettingDrawer/ThemeSelector.d.ts +3 -0
- package/lib/components/SettingDrawer/ThemeSelector.d.ts.map +1 -0
- package/lib/components/SettingDrawer/ThemeSelector.js +18 -0
- package/lib/components/SettingDrawer/ThemeSelector.js.map +1 -0
- package/lib/components/SettingDrawer/types.d.ts +60 -0
- package/lib/components/SettingDrawer/types.d.ts.map +1 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts +3 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts.map +1 -1
- package/lib/machines/settingsMachine.d.ts +3 -0
- package/lib/machines/settingsMachine.d.ts.map +1 -0
- package/lib/machines/settingsMachine.js +218 -0
- package/lib/machines/settingsMachine.js.map +1 -0
- package/lib/machines/types.d.ts +67 -0
- package/lib/machines/types.d.ts.map +1 -0
- package/package.json +5 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeSelector.js","sources":["../../../src/components/SettingDrawer/ThemeSelector.tsx"],"sourcesContent":[null],"names":[],"mappings":"oCAGM,SAAU,aAAa,CAAC;AAC1B,EAAA,KAAA;AAeJ,EAAC,QAAA;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { ProSettings } from '@admin-layout/client';
|
|
2
|
+
export interface SwitchProps {
|
|
3
|
+
value?: boolean;
|
|
4
|
+
onChange?: (checked: boolean) => void;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export type ICheckboxThemeProps = {
|
|
8
|
+
list?: any[];
|
|
9
|
+
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
10
|
+
settings?: any;
|
|
11
|
+
};
|
|
12
|
+
export type ILayoutSettingsProps = {
|
|
13
|
+
settings?: Partial<ProSettings>;
|
|
14
|
+
changeSetting?: (key: string, value: string | boolean) => void;
|
|
15
|
+
};
|
|
16
|
+
export type NavMenuSelectorProps = {
|
|
17
|
+
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
18
|
+
settings?: any;
|
|
19
|
+
};
|
|
20
|
+
export type IRegionalSettingsProps = {
|
|
21
|
+
settings?: Partial<ProSettings | any>;
|
|
22
|
+
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
23
|
+
};
|
|
24
|
+
export type MergerSettingsType<T> = Partial<T> & {
|
|
25
|
+
primaryColor?: string;
|
|
26
|
+
colorWeak?: boolean;
|
|
27
|
+
};
|
|
28
|
+
export interface IShowSettingPanel extends ProSettings {
|
|
29
|
+
showSettingPanel: boolean;
|
|
30
|
+
}
|
|
31
|
+
export interface SettingDrawerProps {
|
|
32
|
+
settings?: MergerSettingsType<IShowSettingPanel>;
|
|
33
|
+
collapse?: boolean;
|
|
34
|
+
getContainer?: any;
|
|
35
|
+
publicPath?: string;
|
|
36
|
+
hideLoading?: boolean;
|
|
37
|
+
hideColors?: boolean;
|
|
38
|
+
hideHintAlert?: boolean;
|
|
39
|
+
prefixCls?: string;
|
|
40
|
+
hideCopyButton?: boolean;
|
|
41
|
+
navTheme?: string;
|
|
42
|
+
primaryColor?: string;
|
|
43
|
+
onCollapseChange?: (collapse: boolean) => void;
|
|
44
|
+
onSettingChange?: (settings: MergerSettingsType<ProSettings>) => void;
|
|
45
|
+
actor: any;
|
|
46
|
+
}
|
|
47
|
+
export type IThemeColorProps = {
|
|
48
|
+
color?: any[];
|
|
49
|
+
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
50
|
+
settings?: any;
|
|
51
|
+
};
|
|
52
|
+
export interface ThemeSelectorProps {
|
|
53
|
+
value: string;
|
|
54
|
+
onChange: (theme: string) => void;
|
|
55
|
+
options: Array<{
|
|
56
|
+
key: string;
|
|
57
|
+
title: string;
|
|
58
|
+
}>;
|
|
59
|
+
}
|
|
60
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,5 +2,7 @@ export declare const action: ({ request }: {
|
|
|
2
2
|
request: Request;
|
|
3
3
|
}) => Promise<import("@remix-run/server-runtime").TypedResponse<any>>, loader: ({ request }: {
|
|
4
4
|
request: Request;
|
|
5
|
-
}) => Promise<import("@remix-run/server-runtime").TypedResponse<
|
|
5
|
+
}) => Promise<import("@remix-run/server-runtime").TypedResponse<{
|
|
6
|
+
settings: import("@admin-layout/client").ProSettings;
|
|
7
|
+
}>>;
|
|
6
8
|
//# sourceMappingURL=UpdateSettingsResource.server.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UpdateSettingsResource.server.d.ts","sourceRoot":"","sources":["../../../src/components/UpdateSettingsResource/UpdateSettingsResource.server.ts"],"names":[],"mappings":"AACA,eAAO,MAAQ,MAAM;;
|
|
1
|
+
{"version":3,"file":"UpdateSettingsResource.server.d.ts","sourceRoot":"","sources":["../../../src/components/UpdateSettingsResource/UpdateSettingsResource.server.ts"],"names":[],"mappings":"AACA,eAAO,MAAQ,MAAM;;qBACoI,2BAA2B,uBAD7J,MAAM;;qBACsQ,2BAA2B;;GADjQ,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { MachineEvent, SettingsContext } from './types';
|
|
2
|
+
export declare const settingsMachine: import("xstate").StateMachine<SettingsContext, MachineEvent, Record<string, import("xstate").AnyActorRef>, import("xstate").ProvidedActor, import("xstate").ParameterizedObject, import("xstate").ParameterizedObject, string, import("xstate").StateValue, string, unknown, {}, import("xstate").EventObject, import("xstate").MetaObject, any>;
|
|
3
|
+
//# sourceMappingURL=settingsMachine.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"settingsMachine.d.ts","sourceRoot":"","sources":["../../src/machines/settingsMachine.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAWtE,eAAO,MAAM,eAAe,kVAkN1B,CAAC"}
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import {defaultSettings}from'@admin-layout/client';import {createMachine,assign}from'xstate';const loadSavedSettings = () => {
|
|
2
|
+
try {
|
|
3
|
+
const saved = localStorage.getItem('settings');
|
|
4
|
+
return saved ? JSON.parse(saved) : {};
|
|
5
|
+
} catch {
|
|
6
|
+
return {};
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
const settingsMachine = createMachine({
|
|
10
|
+
id: 'settings',
|
|
11
|
+
types: {},
|
|
12
|
+
initial: 'initializing',
|
|
13
|
+
context: {
|
|
14
|
+
navTheme: defaultSettings.navTheme || 'light',
|
|
15
|
+
primaryColor: defaultSettings.primaryColor || '#1890ff',
|
|
16
|
+
theme: defaultSettings.theme || 'default',
|
|
17
|
+
logo: defaultSettings.logo,
|
|
18
|
+
showSettingPanel: defaultSettings.showSettingPanel,
|
|
19
|
+
titleColor: defaultSettings.titleColor,
|
|
20
|
+
language: defaultSettings.language,
|
|
21
|
+
fontFamily: defaultSettings.fontFamily,
|
|
22
|
+
titleFontWeight: defaultSettings.titleFontWeight,
|
|
23
|
+
titleHeight: defaultSettings.titleHeight,
|
|
24
|
+
titleFontSize: defaultSettings.titleFontSize,
|
|
25
|
+
letterSpacings: defaultSettings.letterSpacings,
|
|
26
|
+
siderBgColor: defaultSettings.siderBgColor,
|
|
27
|
+
headerBgColor: defaultSettings.headerBgColor,
|
|
28
|
+
textColor: defaultSettings.textColor,
|
|
29
|
+
themeType: defaultSettings.themeType,
|
|
30
|
+
layout: {
|
|
31
|
+
navigationMode: 'sidebar',
|
|
32
|
+
sideMenuType: 'expanded',
|
|
33
|
+
contentWidth: defaultSettings.contentWidth || 'fluid',
|
|
34
|
+
fixedHeader: defaultSettings.fixedHeader || false,
|
|
35
|
+
fixedSidebar: defaultSettings.fixSiderbar || false,
|
|
36
|
+
splitMenus: false
|
|
37
|
+
},
|
|
38
|
+
regions: {
|
|
39
|
+
showHeader: true,
|
|
40
|
+
showFooter: true,
|
|
41
|
+
showMenu: true,
|
|
42
|
+
menuHeaderRender: true,
|
|
43
|
+
searchBarRender: true
|
|
44
|
+
},
|
|
45
|
+
components: [],
|
|
46
|
+
activeComponent: null
|
|
47
|
+
},
|
|
48
|
+
states: {
|
|
49
|
+
initializing: {
|
|
50
|
+
entry: assign(({
|
|
51
|
+
context
|
|
52
|
+
}) => {
|
|
53
|
+
const savedSettings = loadSavedSettings();
|
|
54
|
+
return {
|
|
55
|
+
...context,
|
|
56
|
+
...savedSettings,
|
|
57
|
+
layout: {
|
|
58
|
+
...context.layout,
|
|
59
|
+
...(savedSettings.layout || {})
|
|
60
|
+
},
|
|
61
|
+
regions: {
|
|
62
|
+
...context.regions,
|
|
63
|
+
...(savedSettings.regions || {})
|
|
64
|
+
},
|
|
65
|
+
components: savedSettings.components || []
|
|
66
|
+
};
|
|
67
|
+
}),
|
|
68
|
+
always: 'idle'
|
|
69
|
+
},
|
|
70
|
+
idle: {
|
|
71
|
+
on: {
|
|
72
|
+
UPDATE: {
|
|
73
|
+
actions: [assign(({
|
|
74
|
+
context,
|
|
75
|
+
event
|
|
76
|
+
}) => {
|
|
77
|
+
if (!event.value) return context;
|
|
78
|
+
const newContext = {
|
|
79
|
+
...context
|
|
80
|
+
};
|
|
81
|
+
// Handle nested updates for layout and regions
|
|
82
|
+
if (event.value.layout) {
|
|
83
|
+
newContext.layout = {
|
|
84
|
+
...context.layout,
|
|
85
|
+
...event.value.layout
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
if (event.value.regions) {
|
|
89
|
+
newContext.regions = {
|
|
90
|
+
...context.regions,
|
|
91
|
+
...event.value.regions
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
// Handle top-level updates
|
|
95
|
+
if (event.value.navTheme !== undefined) {
|
|
96
|
+
newContext.navTheme = event.value.navTheme;
|
|
97
|
+
}
|
|
98
|
+
if (event.value.primaryColor !== undefined) {
|
|
99
|
+
newContext.primaryColor = event.value.primaryColor;
|
|
100
|
+
}
|
|
101
|
+
if (event.value.theme !== undefined) {
|
|
102
|
+
newContext.theme = event.value.theme;
|
|
103
|
+
}
|
|
104
|
+
return newContext;
|
|
105
|
+
}), ({
|
|
106
|
+
context
|
|
107
|
+
}) => {
|
|
108
|
+
localStorage.setItem('settings', JSON.stringify(context));
|
|
109
|
+
}]
|
|
110
|
+
},
|
|
111
|
+
REGISTER_COMPONENT: {
|
|
112
|
+
actions: [assign(({
|
|
113
|
+
context,
|
|
114
|
+
event
|
|
115
|
+
}) => {
|
|
116
|
+
const existingIndex = context.components.findIndex(c => c.id === event.component.id);
|
|
117
|
+
const components = [...context.components];
|
|
118
|
+
if (existingIndex >= 0) {
|
|
119
|
+
components[existingIndex] = {
|
|
120
|
+
...components[existingIndex],
|
|
121
|
+
...event.component
|
|
122
|
+
};
|
|
123
|
+
} else {
|
|
124
|
+
components.push(event.component);
|
|
125
|
+
}
|
|
126
|
+
return {
|
|
127
|
+
...context,
|
|
128
|
+
components
|
|
129
|
+
};
|
|
130
|
+
}), ({
|
|
131
|
+
context
|
|
132
|
+
}) => {
|
|
133
|
+
localStorage.setItem('settings', JSON.stringify(context));
|
|
134
|
+
}]
|
|
135
|
+
},
|
|
136
|
+
UPDATE_COMPONENT_SETTINGS: {
|
|
137
|
+
actions: [assign(({
|
|
138
|
+
context,
|
|
139
|
+
event
|
|
140
|
+
}) => {
|
|
141
|
+
const components = context.components.map(component => {
|
|
142
|
+
if (component.id === event.componentId) {
|
|
143
|
+
return {
|
|
144
|
+
...component,
|
|
145
|
+
settings: {
|
|
146
|
+
...component.settings,
|
|
147
|
+
...event.settings
|
|
148
|
+
}
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
return component;
|
|
152
|
+
});
|
|
153
|
+
return {
|
|
154
|
+
...context,
|
|
155
|
+
components
|
|
156
|
+
};
|
|
157
|
+
}), ({
|
|
158
|
+
context
|
|
159
|
+
}) => {
|
|
160
|
+
localStorage.setItem('settings', JSON.stringify(context));
|
|
161
|
+
}]
|
|
162
|
+
},
|
|
163
|
+
SELECT_COMPONENT: {
|
|
164
|
+
actions: assign(({
|
|
165
|
+
context,
|
|
166
|
+
event
|
|
167
|
+
}) => ({
|
|
168
|
+
...context,
|
|
169
|
+
activeComponent: event.componentId
|
|
170
|
+
}))
|
|
171
|
+
},
|
|
172
|
+
CLEAR_COMPONENT_SELECTION: {
|
|
173
|
+
actions: assign(({
|
|
174
|
+
context
|
|
175
|
+
}) => ({
|
|
176
|
+
...context,
|
|
177
|
+
activeComponent: null
|
|
178
|
+
}))
|
|
179
|
+
},
|
|
180
|
+
RESET: {
|
|
181
|
+
actions: [assign(() => ({
|
|
182
|
+
navTheme: defaultSettings.navTheme || 'light',
|
|
183
|
+
primaryColor: defaultSettings.primaryColor || '#1890ff',
|
|
184
|
+
theme: 'default',
|
|
185
|
+
layout: {
|
|
186
|
+
navigationMode: 'sidebar',
|
|
187
|
+
sideMenuType: 'expanded',
|
|
188
|
+
contentWidth: defaultSettings.contentWidth || 'fluid',
|
|
189
|
+
fixedHeader: defaultSettings.fixedHeader || false,
|
|
190
|
+
fixedSidebar: defaultSettings.fixSiderbar || false,
|
|
191
|
+
splitMenus: false
|
|
192
|
+
},
|
|
193
|
+
regions: {
|
|
194
|
+
showHeader: true,
|
|
195
|
+
showFooter: true,
|
|
196
|
+
showMenu: true,
|
|
197
|
+
menuHeaderRender: true,
|
|
198
|
+
searchBarRender: true
|
|
199
|
+
},
|
|
200
|
+
components: [],
|
|
201
|
+
activeComponent: null
|
|
202
|
+
})), ({
|
|
203
|
+
context
|
|
204
|
+
}) => {
|
|
205
|
+
localStorage.setItem('settings', JSON.stringify(context));
|
|
206
|
+
}]
|
|
207
|
+
},
|
|
208
|
+
SAVE: {
|
|
209
|
+
actions: ({
|
|
210
|
+
context
|
|
211
|
+
}) => {
|
|
212
|
+
localStorage.setItem('settings', JSON.stringify(context));
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
});export{settingsMachine};//# sourceMappingURL=settingsMachine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"settingsMachine.js","sources":["../../src/machines/settingsMachine.ts"],"sourcesContent":[null],"names":[],"mappings":"6FAIA,MAAM,iBAAiB,GAAG,MAA+B;AACrD,EAAA,IAAA;UACU,KAAA,GAAA,YAAoB,CAAA,kBAAS,CAAA;AACnC,IAAA,OAAA,KAAY,GAAA,IAAG,MAAK,CAAA,KAAM,CAAA,GAAK,EAAE;IACrC,MAAC;AAAC,IAAA,OAAO,EAAA;AACL;;AAEN,MAAA,eAAA,GAAA,aAAA,CAAA;AAEF,EAAA,EAAA,EAAM,UAAsB;AACxB,EAAA,OAAc,EAAA;AACd,EAAA,OAAK,EAAE,cAGN;AACD,EAAA,OAAA,EAAO;AACP,IAAA,QAAS,EAAA,eAAA,CAAA,QAAA,IAAA,OAAA;AACL,IAAA,YAAQ,EAAE,eAAe,CAAC,YAAY,IAAO,SAAA;AAC7C,IAAA,KAAA,EAAA,eAAc,CAAA,KAAA,IAAA,SAAgB;AAC9B,IAAA,IAAA,EAAA,eAAO,CAAA,IAAe;oBACD,EAAA,eAAK,CAAA,gBAAA;cACV,EAAA,eAAiB,CAAA,UAAC;YACxB,EAAA,eAAiB,CAAA,QAAW;cAC9B,EAAA,eAAiB,CAAA,UAAS;mBACxB,EAAiB,eAAC,CAAU,eAAA;eACvB,EAAA,eAAiB,CAAA,WAAgB;iBACrC,EAAA,eAAiB,CAAA,aAAY;kBAC3B,EAAA,eAAiB,CAAA,cAAc;gBAC9B,EAAA,eAAiB,CAAA,YAAe;iBAClC,EAAA,eAAiB,CAAA,aAAa;aAC7B,EAAA,eAAiB,CAAA,SAAc;aACnC,EAAA,eAAiB,CAAA,SAAU;UAC3B,EAAA;AAET,MAAA,cAAQ,EAAA,SAAA;AACJ,MAAA,YAAA,EAAA,UAAyB;AACzB,MAAA,YAAA,EAAA,eAAwB,CAAA,YAAA,IAAA,OAAA;AACxB,MAAA,WAAA,EAAA,eAAe,CAAA,WAAgB,IAAA;AAC/B,MAAA,YAAA,EAAA,eAAa,CAAA,WAAgB,IAAA,KAAe;AAC5C,MAAA,UAAA,EAAA;AACA,KAAA;AACH,IAAA,OAAA,EAAA;AACD,MAAA,UAAS,EAAA,IAAA;AACL,MAAA,UAAA,EAAA,IAAU;AACV,MAAA,QAAA,EAAA,IAAA;AACA,MAAA,gBAAU,EAAI,IAAA;AACd,MAAA,eAAA,EAAA;AACA,KAAA;AACH,IAAA,UAAA,EAAA,EAAA;AACD,IAAA,iBAAc;AACd,GAAA;AACI,EAAA,MAAA,EAAA;AACR,IAAA,YAAQ,EAAA;AACJ,MAAA,KAAA,EAAA,MAAA,CAAY,CAAE;;AAEN,OAAA,KAAA;2BACO,GAAA,iBAAA,EAAA;AACH,QAAA,OAAA;AACA,UAAA,GAAA,OAAA;AACA,UAAA,GAAA,aAAM;;AAEF,YAAA,GAAA,OAAA,CAAA,MAAiB;AACpB,YAAA,IAAA,aAAA,CAAA,MAAA,IAAA,EAAA;AACD,WAAA;;AAEI,YAAA,GAAA,OAAA,CAAA,OAAiB;AACpB,YAAA,IAAA,aAAA,CAAA,OAAA,IAAA,EAAA;AACD,WAAA;oBACF,EAAA,aAAA,CAAA,UAAA,IAAA;AACN,SAAA;AACA,OAAA,CAAA;AACH,MAAA,MAAA,EAAA;AACD,KAAA;AACI,IAAA,IAAA,EAAA;AACI,MAAA,EAAA,EAAA;AACI,QAAA,MAAA,EAAA;0BACU,CAAA,CAAA;;AACgB,YAAA;AAElB,WAAA,KAAA;4BAEA,EAA+C,OAAA,OAAA;AAC/C,YAAA,MAAA,UAAA,GAAA;;;AAGQ;kCACF,EAAA;+BACL,GAAA;AAED,gBAAA,GAAA,OAAA,CAAA;;;AAGQ;mCACF,EAAA;gCACL,GAAA;kCAE0B;8BACvB,CAAA;;;;oCAKU,KAAA;iCACb,GAAA,KAAA,CAAA,KAAA,CAAA,QAAA;;wCAGa,cAAS,EAAK;qCAC3B,GAAA,KAAA,CAAA,KAAA,CAAA,YAAA;AAED;AACJ,YAAA,IAAA,KAAA,CAAA,KAAE,CAAA,KAAA,KAAA,SAAA,EAAA;AACF,cAAA,UAAA,CAAC,KAAE,GAAA,KAAW,CAAE,KAAA,CAAA,KAAA;AACZ;6BACH;AACJ,WAAA,CAAA,EAAA,CAAA;AACJ,YAAA;AACD,WAAA,KAAA;AACI,YAAA,YAAA,CAAA,OAAS,CAAA,UAAA,EAAA,IAAA,CAAA,SAAA,CAAA,OAAA,CAAA,CAAA;;;4BAGD;AAEA,UAAA,OAAA,EAAA,CAAA,MAAA,CAAA,CAAA;;;;kCAIM,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,CAAA,IAAA,CAAA,CAAA,EAAA,KAAA,KAAA,CAAA,SAAA,CAAA,EAAA,CAAA;4BACN,GAAC,CAAA,GAAA,OAAA,CAAA,UAAA,CAAA;iCAAM,CAAC,EAAA;AACJ,cAAA,UAAA,CAAA,aAAA,CAAA,GAAU;6BACb,CAAA,aAAA,CAAA;;AAGG,eAAA;;6BAEH,CAAC,KAAA,CAAA,SAAA,CAAA;AACN;AACA,YAAA,OAAA;AACI,cAAA,GAAA,OAAA;;AAEP,aAAA;AACJ,WAAA,CAAA,EAAA,CAAA;AACD,YAAA;AACI,WAAA,KAAA;wBACI,CAAM,OAAE,CAAE,UAAS,EAAK,IAAA,CAAE,SAAI,CAAA,OAAA,CAAA,CAAA;;;;AAId,UAAA,OAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AACA,YAAA,OAAA;;;AAGC,YAAA,MAAA,UAAA,GAAA,OAAA,CAAA,UAAA,CAAA,GAAA,CAAA,SAAA,IAAA;wCACH,CAAA,WAAA,EAAA;;AAEN,kBAAA,GAAA,SAAA;AACJ,kBAAA,QAAA,EAAA;gCAEO,CAAA,QAAA;AACH,oBAAA,GAAA,KAAA,CAAA;;;AAGR;AACA,cAAA,OAAA,SAAG;AACC,aAAA,CAAA;;AAEP,cAAA,GAAA,OAAA;AACJ,cAAA;AACD,aAAA;AACI,WAAA,CAAA,EAAA,CAAA;AACI,YAAA;;AAEH,YAAA,YAAE,CAAA,OAAA,CAAA,UAAA,EAAA,IAAA,CAAA,SAAA,CAAA,OAAA,CAAA,CAAA;AACN,WAAA;AACD,SAAA;wBACW,EAAA;AACH,UAAA,OAAA,EAAA,MAAA,CAAA,CAAG;AACH,YAAA,OAAA;AACH,YAAA;AACJ,WAAA,MAAA;AACD,YAAA,GAAA,OAAO;AACH,YAAA,eAAO,EAAE,KAAA,CAAA;AACL,WAAA,CAAA;AAGY,SAAA;AACA,QAAA,yBAAA,EAAA;AACA,UAAA,OAAA,EAAA,MAAA,CAAA,CAAA;AACA,YAAA;AACI,WAAA,MAAA;AACA,YAAA,GAAA,OAAA;AACA,YAAA,eAAA,EAAA;AACA,WAAA,CAAA;AACA,SAAA;AACA,QAAA,KAAA,EAAA;AACH,UAAA,OAAA,EAAA,CAAA,MAAA,CAAA,OAAA;AACD,YAAA,QAAA,EAAA,eAAS,CAAA,QAAA,IAAA,OAAA;AACL,YAAA,YAAA,EAAA,eAAA,CAAU,YAAM,IAAA,SAAA;AAChB,YAAA,KAAA,EAAA,SAAA;AACA,YAAA,MAAA,EAAA;AACA,cAAA,cAAA,EAAA,SAAA;AACA,cAAA,YAAA,EAAA,UAAA;AACH,cAAA,YAAA,EAAA,eAAA,CAAA,YAAA,IAAA,OAAA;AACD,cAAA,WAAA,EAAA,eAAc,CAAA,WAAA,IAAA,KAAA;AACd,cAAA,YAAA,EAAA,eAAe,YAAM,IAAA,KAAA;AAChB,cAAA,UAAA,EAAA;AAEjB,aAAA;AACI,YAAA,OAAA,EAAA;wBACJ,EAAC,IAAA;AACJ,cAAA,UAAA,EAAA,IAAA;AACJ,cAAA,QAAA,EAAA,IAAA;AACD,cAAA,gBAAM,EAAA,IAAA;AACF,cAAA,eAAS,EAAC;AACN,aAAA;sBACH,EAAA,EAAA;AACJ,YAAA,eAAA,EAAA;AACJ,WAAA,CAAA,CAAA,EAAA,CAAA;AACJ,YAAA;AACJ,WAAA,KAAA;AACJ,YAAE,YAAA,CAAA,OAAA,CAAA,UAAA,EAAA,IAAA,CAAA,SAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
export type ThemeColor = 'blue' | 'indigo' | 'red' | 'orange' | 'yellow' | 'teal' | 'green' | 'blue' | 'purple';
|
|
2
|
+
export type NavigationMode = 'sidebar' | 'topbar' | 'mixed';
|
|
3
|
+
export type SideMenuType = 'expanded' | 'collapsed';
|
|
4
|
+
export type ContentWidth = 'fixed' | 'fluid';
|
|
5
|
+
export interface ComponentSettings {
|
|
6
|
+
id: string;
|
|
7
|
+
name: string;
|
|
8
|
+
settings: Record<string, any>;
|
|
9
|
+
}
|
|
10
|
+
export interface SettingsContext {
|
|
11
|
+
navTheme: 'light' | 'dark' | 'realDark';
|
|
12
|
+
primaryColor: string;
|
|
13
|
+
theme?: string;
|
|
14
|
+
logo: string;
|
|
15
|
+
showSettingPanel: boolean;
|
|
16
|
+
titleColor: string;
|
|
17
|
+
language: string;
|
|
18
|
+
fontFamily: string;
|
|
19
|
+
titleFontWeight: string;
|
|
20
|
+
titleHeight: string;
|
|
21
|
+
titleFontSize: string;
|
|
22
|
+
letterSpacings: string;
|
|
23
|
+
siderBgColor: string;
|
|
24
|
+
headerBgColor: string;
|
|
25
|
+
textColor: string;
|
|
26
|
+
themeType: string;
|
|
27
|
+
layout: {
|
|
28
|
+
navigationMode: NavigationMode;
|
|
29
|
+
sideMenuType: SideMenuType;
|
|
30
|
+
contentWidth: ContentWidth;
|
|
31
|
+
fixedHeader: boolean;
|
|
32
|
+
fixedSidebar: boolean;
|
|
33
|
+
splitMenus: boolean;
|
|
34
|
+
};
|
|
35
|
+
regions: {
|
|
36
|
+
showHeader: boolean;
|
|
37
|
+
showFooter: boolean;
|
|
38
|
+
showMenu: boolean;
|
|
39
|
+
menuHeaderRender: boolean;
|
|
40
|
+
searchBarRender: boolean;
|
|
41
|
+
};
|
|
42
|
+
components: ComponentSettings[];
|
|
43
|
+
activeComponent?: string | null;
|
|
44
|
+
}
|
|
45
|
+
export type UpdateEvent = {
|
|
46
|
+
type: 'UPDATE';
|
|
47
|
+
value?: Partial<SettingsContext>;
|
|
48
|
+
};
|
|
49
|
+
export type ComponentEvent = {
|
|
50
|
+
type: 'REGISTER_COMPONENT';
|
|
51
|
+
component: ComponentSettings;
|
|
52
|
+
} | {
|
|
53
|
+
type: 'UPDATE_COMPONENT_SETTINGS';
|
|
54
|
+
componentId: string;
|
|
55
|
+
settings: Record<string, any>;
|
|
56
|
+
} | {
|
|
57
|
+
type: 'SELECT_COMPONENT';
|
|
58
|
+
componentId: string;
|
|
59
|
+
} | {
|
|
60
|
+
type: 'CLEAR_COMPONENT_SELECTION';
|
|
61
|
+
};
|
|
62
|
+
export type MachineEvent = UpdateEvent | ComponentEvent | {
|
|
63
|
+
type: 'RESET';
|
|
64
|
+
} | {
|
|
65
|
+
type: 'SAVE';
|
|
66
|
+
};
|
|
67
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/machines/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE;QACJ,cAAc,EAAE,cAAc,CAAC;QAC/B,YAAY,EAAE,YAAY,CAAC;QAC3B,YAAY,EAAE,YAAY,CAAC;QAC3B,WAAW,EAAE,OAAO,CAAC;QACrB,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,OAAO,EAAE;QACL,UAAU,EAAE,OAAO,CAAC;QACpB,UAAU,EAAE,OAAO,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;QAClB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,eAAe,EAAE,OAAO,CAAC;KAC5B,CAAC;IAEF,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,cAAc,GACpB;IACI,IAAI,EAAE,oBAAoB,CAAC;IAC3B,SAAS,EAAE,iBAAiB,CAAC;CAChC,GACD;IACI,IAAI,EAAE,2BAA2B,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACjC,GACD;IACI,IAAI,EAAE,kBAAkB,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;CACvB,GACD;IACI,IAAI,EAAE,2BAA2B,CAAC;CACrC,CAAC;AAER,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-design-pro",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.9-alpha.2",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"watch": "yarn build:lib:watch"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@admin-layout/assets": "10.0.
|
|
25
|
-
"@admin-layout/client": "10.0.
|
|
24
|
+
"@admin-layout/assets": "10.0.9-alpha.2",
|
|
25
|
+
"@admin-layout/client": "10.0.9-alpha.2",
|
|
26
26
|
"@types/react-copy-to-clipboard": "^4.3.0",
|
|
27
27
|
"base-64": "^0.1.0",
|
|
28
28
|
"identicon.js": "^2.3.1",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"use-merge-value": "^1.0.2"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@adminide-stack/extension-api": "^10.
|
|
40
|
+
"@adminide-stack/extension-api": "^10.3.1-alpha.11",
|
|
41
41
|
"@tailwindcss/aspect-ratio": "^0.4.2",
|
|
42
42
|
"@tailwindcss/forms": "^0.5.4",
|
|
43
43
|
"@tailwindcss/typography": "^0.5.9",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "4282a0dc1fca5169abee8ad93ccc6b56fcf259d6",
|
|
62
62
|
"typescript": {
|
|
63
63
|
"definition": "lib/index.d.ts"
|
|
64
64
|
}
|