sinking-antd 1.1.1 → 1.1.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/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -238,6 +238,7 @@ type SiderProps = {
|
|
|
238
238
|
collapsed?: boolean;
|
|
239
239
|
menus?: any;
|
|
240
240
|
classNames?: any;
|
|
241
|
+
headerClassNames?: any;
|
|
241
242
|
pathname?: string;
|
|
242
243
|
matchedRoutes?: string[];
|
|
243
244
|
onNavigate?: (path: string) => void;
|
|
@@ -266,6 +267,7 @@ type BreadCrumbItem = {
|
|
|
266
267
|
*/
|
|
267
268
|
type LayoutProps = {
|
|
268
269
|
ref?: React.Ref<SinKingRef>;
|
|
270
|
+
rootClassName?: string;
|
|
269
271
|
loading?: boolean;
|
|
270
272
|
breadCrumb?: boolean;
|
|
271
273
|
breadCrumbItems?: BreadCrumbItem[];
|
|
@@ -274,6 +276,7 @@ type LayoutProps = {
|
|
|
274
276
|
menuUnCollapsedWidth?: number;
|
|
275
277
|
menus?: any;
|
|
276
278
|
menuClassNames?: any;
|
|
279
|
+
menuHeaderClassNames?: any;
|
|
277
280
|
pathname?: string;
|
|
278
281
|
matchedRoutes?: any;
|
|
279
282
|
onNavigate?: (path: string) => void;
|
package/dist/index.d.ts
CHANGED
|
@@ -238,6 +238,7 @@ type SiderProps = {
|
|
|
238
238
|
collapsed?: boolean;
|
|
239
239
|
menus?: any;
|
|
240
240
|
classNames?: any;
|
|
241
|
+
headerClassNames?: any;
|
|
241
242
|
pathname?: string;
|
|
242
243
|
matchedRoutes?: string[];
|
|
243
244
|
onNavigate?: (path: string) => void;
|
|
@@ -266,6 +267,7 @@ type BreadCrumbItem = {
|
|
|
266
267
|
*/
|
|
267
268
|
type LayoutProps = {
|
|
268
269
|
ref?: React.Ref<SinKingRef>;
|
|
270
|
+
rootClassName?: string;
|
|
269
271
|
loading?: boolean;
|
|
270
272
|
breadCrumb?: boolean;
|
|
271
273
|
breadCrumbItems?: BreadCrumbItem[];
|
|
@@ -274,6 +276,7 @@ type LayoutProps = {
|
|
|
274
276
|
menuUnCollapsedWidth?: number;
|
|
275
277
|
menus?: any;
|
|
276
278
|
menuClassNames?: any;
|
|
279
|
+
menuHeaderClassNames?: any;
|
|
277
280
|
pathname?: string;
|
|
278
281
|
matchedRoutes?: any;
|
|
279
282
|
onNavigate?: (path: string) => void;
|
package/dist/index.js
CHANGED
|
@@ -654,6 +654,7 @@ var Sider = React__default.default.memo((props) => {
|
|
|
654
654
|
menuBottomBtnText = null,
|
|
655
655
|
onMenuBottomBtnClick,
|
|
656
656
|
classNames,
|
|
657
|
+
headerClassNames,
|
|
657
658
|
layout = "inline",
|
|
658
659
|
theme: theme2 = "light"
|
|
659
660
|
} = props;
|
|
@@ -731,7 +732,7 @@ var Sider = React__default.default.memo((props) => {
|
|
|
731
732
|
const handleLogoClick = React.useCallback(() => {
|
|
732
733
|
onLogoClick?.();
|
|
733
734
|
}, [onLogoClick]);
|
|
734
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsxs(antd.Layout, { className: cx(left, getColor), children: [
|
|
735
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsxs(antd.Layout, { className: cx(left, getColor, headerClassNames), children: [
|
|
735
736
|
/* @__PURE__ */ jsxRuntime.jsxs(antd.Layout.Header, { className: cx(menuTop, getColor), onClick: handleLogoClick, children: [
|
|
736
737
|
(mobile || !mobile && !collapsed) && unCollapsedLogo?.(!token?.isDarkMode),
|
|
737
738
|
!mobile && collapsed && collapsedLogo?.(token?.isDarkMode)
|
|
@@ -900,11 +901,13 @@ var useLayoutStyles = antdStyle.createStyles(({ isDarkMode, token, css, responsi
|
|
|
900
901
|
var SinKing = React.forwardRef((props, ref) => {
|
|
901
902
|
let {
|
|
902
903
|
loading = false,
|
|
904
|
+
rootClassName,
|
|
903
905
|
breadCrumb = true,
|
|
904
906
|
breadCrumbItems = [],
|
|
905
907
|
hideBreadCrumb = false,
|
|
906
908
|
menus,
|
|
907
909
|
menuClassNames,
|
|
910
|
+
menuHeaderClassNames,
|
|
908
911
|
pathname,
|
|
909
912
|
matchedRoutes,
|
|
910
913
|
onNavigate,
|
|
@@ -999,6 +1002,7 @@ var SinKing = React.forwardRef((props, ref) => {
|
|
|
999
1002
|
sider_default,
|
|
1000
1003
|
{
|
|
1001
1004
|
classNames: menuClassNames,
|
|
1005
|
+
headerClassNames: menuHeaderClassNames,
|
|
1002
1006
|
layout: layoutMode,
|
|
1003
1007
|
theme: theme2,
|
|
1004
1008
|
collapsed,
|
|
@@ -1125,7 +1129,7 @@ var SinKing = React.forwardRef((props, ref) => {
|
|
|
1125
1129
|
props?.footer
|
|
1126
1130
|
] }) })
|
|
1127
1131
|
] });
|
|
1128
|
-
return /* @__PURE__ */ jsxRuntime.jsx(antd.App, { children: loading && /* @__PURE__ */ jsxRuntime.jsx(Loading, {}) || (layout !== "horizontal" ? LayoutNormal : LayoutFlow) });
|
|
1132
|
+
return /* @__PURE__ */ jsxRuntime.jsx(antd.App, { rootClassName, children: loading && /* @__PURE__ */ jsxRuntime.jsx(Loading, {}) || (layout !== "horizontal" ? LayoutNormal : LayoutFlow) });
|
|
1129
1133
|
});
|
|
1130
1134
|
var sinking_default = SinKing;
|
|
1131
1135
|
var Layout4 = React.forwardRef((props, ref) => {
|