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 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("span", { ref, className: cx(styles.iconWrapper, className), style, onClick, ...rest, children: type });
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) => {