sinking-antd 1.1.1 → 1.1.3
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 +18 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +18 -4
- 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
|
@@ -80,7 +80,17 @@ var Icon = React__default.default.forwardRef(
|
|
|
80
80
|
}
|
|
81
81
|
if (type.startsWith("icon-")) {
|
|
82
82
|
if (!IconfontIcon) {
|
|
83
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
83
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
84
|
+
"span",
|
|
85
|
+
{
|
|
86
|
+
ref,
|
|
87
|
+
className: cx(styles.iconWrapper, className),
|
|
88
|
+
style,
|
|
89
|
+
onClick,
|
|
90
|
+
...rest,
|
|
91
|
+
children: type
|
|
92
|
+
}
|
|
93
|
+
);
|
|
84
94
|
}
|
|
85
95
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
86
96
|
IconfontIcon,
|
|
@@ -99,7 +109,7 @@ var Icon = React__default.default.forwardRef(
|
|
|
99
109
|
);
|
|
100
110
|
var getAntdIconNames = () => {
|
|
101
111
|
return Object.keys(AntdIcons__namespace).filter((key) => {
|
|
102
|
-
return !key.startsWith("create") && !key.startsWith("set") && !key.startsWith("get") && key !== "default";
|
|
112
|
+
return !key.startsWith("create") && !key.startsWith("set") && !key.startsWith("get") && key !== "default" && key !== "IconProvider";
|
|
103
113
|
});
|
|
104
114
|
};
|
|
105
115
|
var iconfontCache = null;
|
|
@@ -654,6 +664,7 @@ var Sider = React__default.default.memo((props) => {
|
|
|
654
664
|
menuBottomBtnText = null,
|
|
655
665
|
onMenuBottomBtnClick,
|
|
656
666
|
classNames,
|
|
667
|
+
headerClassNames,
|
|
657
668
|
layout = "inline",
|
|
658
669
|
theme: theme2 = "light"
|
|
659
670
|
} = props;
|
|
@@ -731,7 +742,7 @@ var Sider = React__default.default.memo((props) => {
|
|
|
731
742
|
const handleLogoClick = React.useCallback(() => {
|
|
732
743
|
onLogoClick?.();
|
|
733
744
|
}, [onLogoClick]);
|
|
734
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsxs(antd.Layout, { className: cx(left, getColor), children: [
|
|
745
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsxs(antd.Layout, { className: cx(left, getColor, headerClassNames), children: [
|
|
735
746
|
/* @__PURE__ */ jsxRuntime.jsxs(antd.Layout.Header, { className: cx(menuTop, getColor), onClick: handleLogoClick, children: [
|
|
736
747
|
(mobile || !mobile && !collapsed) && unCollapsedLogo?.(!token?.isDarkMode),
|
|
737
748
|
!mobile && collapsed && collapsedLogo?.(token?.isDarkMode)
|
|
@@ -900,11 +911,13 @@ var useLayoutStyles = antdStyle.createStyles(({ isDarkMode, token, css, responsi
|
|
|
900
911
|
var SinKing = React.forwardRef((props, ref) => {
|
|
901
912
|
let {
|
|
902
913
|
loading = false,
|
|
914
|
+
rootClassName,
|
|
903
915
|
breadCrumb = true,
|
|
904
916
|
breadCrumbItems = [],
|
|
905
917
|
hideBreadCrumb = false,
|
|
906
918
|
menus,
|
|
907
919
|
menuClassNames,
|
|
920
|
+
menuHeaderClassNames,
|
|
908
921
|
pathname,
|
|
909
922
|
matchedRoutes,
|
|
910
923
|
onNavigate,
|
|
@@ -999,6 +1012,7 @@ var SinKing = React.forwardRef((props, ref) => {
|
|
|
999
1012
|
sider_default,
|
|
1000
1013
|
{
|
|
1001
1014
|
classNames: menuClassNames,
|
|
1015
|
+
headerClassNames: menuHeaderClassNames,
|
|
1002
1016
|
layout: layoutMode,
|
|
1003
1017
|
theme: theme2,
|
|
1004
1018
|
collapsed,
|
|
@@ -1125,7 +1139,7 @@ var SinKing = React.forwardRef((props, ref) => {
|
|
|
1125
1139
|
props?.footer
|
|
1126
1140
|
] }) })
|
|
1127
1141
|
] });
|
|
1128
|
-
return /* @__PURE__ */ jsxRuntime.jsx(antd.App, { children: loading && /* @__PURE__ */ jsxRuntime.jsx(Loading, {}) || (layout !== "horizontal" ? LayoutNormal : LayoutFlow) });
|
|
1142
|
+
return /* @__PURE__ */ jsxRuntime.jsx(antd.App, { rootClassName, children: loading && /* @__PURE__ */ jsxRuntime.jsx(Loading, {}) || (layout !== "horizontal" ? LayoutNormal : LayoutFlow) });
|
|
1129
1143
|
});
|
|
1130
1144
|
var sinking_default = SinKing;
|
|
1131
1145
|
var Layout4 = React.forwardRef((props, ref) => {
|