@tidbcloud/uikit 2.0.0-beta.43 → 2.0.0-beta.44

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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.44
4
+
5
+ ### Patch Changes
6
+
7
+ - update table skeleton
8
+
3
9
  ## 2.0.0-beta.43
4
10
 
5
11
  ### Minor Changes
@@ -11,6 +11,7 @@ const ProTable = ({
11
11
  mantineTableProps = {},
12
12
  mantinePaperProps = {},
13
13
  mantineTableContainerProps = {},
14
+ mantineSkeletonProps = {},
14
15
  mantineTableBodyProps,
15
16
  mantineTableBodyCellProps = {},
16
17
  mantineBottomToolbarProps = {},
@@ -127,6 +128,16 @@ const ProTable = ({
127
128
  },
128
129
  mantineBottomToolbarProps
129
130
  );
131
+ const mTabelSkeletonProps = helpers.mergeMProps(
132
+ {
133
+ sx: (theme2) => ({
134
+ "&::after": {
135
+ backgroundImage: `linear-gradient(90deg, ${theme2.colors.gray[4]}, ${theme2.colors.gray[3]}, ${theme2.colors.gray[3]}, ${theme2.colors.gray[4]})`
136
+ }
137
+ })
138
+ },
139
+ mantineSkeletonProps
140
+ );
130
141
  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Box.Box, { ...wrapperProps, children: [
131
142
  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
132
143
  mantineReactTable_esm.MantineReactTable,
@@ -140,6 +151,7 @@ const ProTable = ({
140
151
  enableSorting,
141
152
  mantinePaperProps: mPaperProps,
142
153
  mantineTableProps: mTableProps,
154
+ mantineSkeletonProps: mTabelSkeletonProps,
143
155
  mantineTableBodyProps: mTableBodyProps,
144
156
  mantineTableContainerProps: mTableContainerProps,
145
157
  mantineBottomToolbarProps: mBottomToolbarProps,
@@ -10,4 +10,4 @@ export interface ProTableProps<TData extends Record<string, any> = {}> extends M
10
10
  pagination?: TablePaginationProps;
11
11
  wrapperProps?: BoxProps;
12
12
  }
13
- export declare const ProTable: <T extends Record<string, any> = {}>({ mantineTableProps, mantinePaperProps, mantineTableContainerProps, mantineTableBodyProps, mantineTableBodyCellProps, mantineBottomToolbarProps, wrapperProps, pagination, withBorder, loading, enableStickyHeader, enablePagination, enableBottomToolbar, enableSorting, emptyMessage, errorMessage, data, localization, state, initialState, ...rest }: ProTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
13
+ export declare const ProTable: <T extends Record<string, any> = {}>({ mantineTableProps, mantinePaperProps, mantineTableContainerProps, mantineSkeletonProps, mantineTableBodyProps, mantineTableBodyCellProps, mantineBottomToolbarProps, wrapperProps, pagination, withBorder, loading, enableStickyHeader, enablePagination, enableBottomToolbar, enableSorting, emptyMessage, errorMessage, data, localization, state, initialState, ...rest }: ProTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
@@ -10,4 +10,4 @@ export interface ProTableProps<TData extends Record<string, any> = {}> extends M
10
10
  pagination?: TablePaginationProps;
11
11
  wrapperProps?: BoxProps;
12
12
  }
13
- export declare const ProTable: <T extends Record<string, any> = {}>({ mantineTableProps, mantinePaperProps, mantineTableContainerProps, mantineTableBodyProps, mantineTableBodyCellProps, mantineBottomToolbarProps, wrapperProps, pagination, withBorder, loading, enableStickyHeader, enablePagination, enableBottomToolbar, enableSorting, emptyMessage, errorMessage, data, localization, state, initialState, ...rest }: ProTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
13
+ export declare const ProTable: <T extends Record<string, any> = {}>({ mantineTableProps, mantinePaperProps, mantineTableContainerProps, mantineSkeletonProps, mantineTableBodyProps, mantineTableBodyCellProps, mantineBottomToolbarProps, wrapperProps, pagination, withBorder, loading, enableStickyHeader, enablePagination, enableBottomToolbar, enableSorting, emptyMessage, errorMessage, data, localization, state, initialState, ...rest }: ProTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
@@ -9,6 +9,7 @@ const ProTable = ({
9
9
  mantineTableProps = {},
10
10
  mantinePaperProps = {},
11
11
  mantineTableContainerProps = {},
12
+ mantineSkeletonProps = {},
12
13
  mantineTableBodyProps,
13
14
  mantineTableBodyCellProps = {},
14
15
  mantineBottomToolbarProps = {},
@@ -125,6 +126,16 @@ const ProTable = ({
125
126
  },
126
127
  mantineBottomToolbarProps
127
128
  );
129
+ const mTabelSkeletonProps = mergeMProps(
130
+ {
131
+ sx: (theme2) => ({
132
+ "&::after": {
133
+ backgroundImage: `linear-gradient(90deg, ${theme2.colors.gray[4]}, ${theme2.colors.gray[3]}, ${theme2.colors.gray[3]}, ${theme2.colors.gray[4]})`
134
+ }
135
+ })
136
+ },
137
+ mantineSkeletonProps
138
+ );
128
139
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { ...wrapperProps, children: [
129
140
  /* @__PURE__ */ jsxRuntimeExports.jsx(
130
141
  MantineReactTable,
@@ -138,6 +149,7 @@ const ProTable = ({
138
149
  enableSorting,
139
150
  mantinePaperProps: mPaperProps,
140
151
  mantineTableProps: mTableProps,
152
+ mantineSkeletonProps: mTabelSkeletonProps,
141
153
  mantineTableBodyProps: mTableBodyProps,
142
154
  mantineTableContainerProps: mTableContainerProps,
143
155
  mantineBottomToolbarProps: mBottomToolbarProps,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.43",
3
+ "version": "2.0.0-beta.44",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",