@tidbcloud/uikit 2.0.0-beta.70 → 2.0.0-beta.72

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,17 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.72
4
+
5
+ ### Patch Changes
6
+
7
+ - fix ProTable footer style
8
+
9
+ ## 2.0.0-beta.71
10
+
11
+ ### Patch Changes
12
+
13
+ - fix ProTable Expaned styles
14
+
3
15
  ## 2.0.0-beta.70
4
16
 
5
17
  ### Patch Changes
@@ -20,10 +20,11 @@ const FormTextInput = ({ name, rules, onChange, ...rest }) => {
20
20
  name,
21
21
  rules,
22
22
  render: ({ field }) => {
23
- const { onChange: handleChange, ...restField } = field;
23
+ const { value = "", onChange: handleChange, ...restField } = field;
24
24
  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
25
25
  TextInput.TextInput,
26
26
  {
27
+ value,
27
28
  onChange: (e) => {
28
29
  handleChange(e);
29
30
  onChange == null ? void 0 : onChange(e);
@@ -18,10 +18,11 @@ const FormTextInput = ({ name, rules, onChange, ...rest }) => {
18
18
  name,
19
19
  rules,
20
20
  render: ({ field }) => {
21
- const { onChange: handleChange, ...restField } = field;
21
+ const { value = "", onChange: handleChange, ...restField } = field;
22
22
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
23
23
  TextInput,
24
24
  {
25
+ value,
25
26
  onChange: (e) => {
26
27
  handleChange(e);
27
28
  onChange == null ? void 0 : onChange(e);
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
4
+ ;/* empty css */
4
5
  const index_esm = require("../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@_vt5yipvilfkzbxaxgpuyvnodlm/node_modules/mantine-react-table/dist/index.esm.cjs");
5
6
  ;/* empty css */
6
7
  ;/* empty css */
@@ -1,4 +1,5 @@
1
1
  import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
2
+ /* empty css */
2
3
  import { MantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@_vt5yipvilfkzbxaxgpuyvnodlm/node_modules/mantine-react-table/dist/index.esm.js";
3
4
  /* empty css */
4
5
  /* empty css */
@@ -34,8 +34,11 @@ function mergeProTableProps(props) {
34
34
  mantineTableBodyProps,
35
35
  mantineTableBodyCellProps = {},
36
36
  mantineBottomToolbarProps = {},
37
+ mantineTableFooterCellProps = {},
38
+ mantineTableFooterRowProps = {},
37
39
  withBorder = true,
38
40
  loading = false,
41
+ enableExpanding = false,
39
42
  enableStickyHeader,
40
43
  emptyMessage,
41
44
  errorMessage,
@@ -142,18 +145,35 @@ function mergeProTableProps(props) {
142
145
  },
143
146
  mantineSkeletonProps
144
147
  );
148
+ const mTableFooterCellProps = mergeMProps(
149
+ {
150
+ p: 8
151
+ },
152
+ mantineTableFooterCellProps
153
+ );
154
+ const mTableFooterRowProps = mergeMProps(
155
+ {
156
+ sx: { borderBottom: "none" }
157
+ },
158
+ mantineTableFooterRowProps
159
+ );
145
160
  return {
146
161
  enableColumnActions: false,
147
162
  enableColumnFilters: false,
148
163
  enableTopToolbar: false,
149
164
  enableSorting: false,
150
165
  enablePagination: false,
166
+ enableBottomToolbar: false,
167
+ enableExpanding,
168
+ enableStickyHeader,
151
169
  mantinePaperProps: mPaperProps,
152
170
  mantineTableProps: mTableProps,
153
171
  mantineSkeletonProps: mTabelSkeletonProps,
154
172
  mantineTableBodyProps: mTableBodyProps,
155
173
  mantineBottomToolbarProps: mBottomToolbarProps,
156
174
  mantineTableBodyCellProps: mTableBodyCellProps,
175
+ mantineTableFooterCellProps: mTableFooterCellProps,
176
+ mantineTableFooterRowProps: mTableFooterRowProps,
157
177
  data,
158
178
  icons: {
159
179
  IconArrowsSort: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconSwitchVertical02, { size: 14 }),
@@ -164,7 +184,11 @@ function mergeProTableProps(props) {
164
184
  noRecordsToDisplay: errorMessage ? errorMessage : emptyMessage ? emptyMessage : void 0,
165
185
  ...localization
166
186
  },
167
- state: { isLoading: loading, ...state },
187
+ state: {
188
+ isLoading: loading,
189
+ columnVisibility: { ...enableExpanding ? { "mrt-row-expand": false } : void 0, ...state == null ? void 0 : state.columnVisibility },
190
+ ...state
191
+ },
168
192
  ...rest
169
193
  };
170
194
  }
@@ -32,8 +32,11 @@ function mergeProTableProps(props) {
32
32
  mantineTableBodyProps,
33
33
  mantineTableBodyCellProps = {},
34
34
  mantineBottomToolbarProps = {},
35
+ mantineTableFooterCellProps = {},
36
+ mantineTableFooterRowProps = {},
35
37
  withBorder = true,
36
38
  loading = false,
39
+ enableExpanding = false,
37
40
  enableStickyHeader,
38
41
  emptyMessage,
39
42
  errorMessage,
@@ -140,18 +143,35 @@ function mergeProTableProps(props) {
140
143
  },
141
144
  mantineSkeletonProps
142
145
  );
146
+ const mTableFooterCellProps = mergeMProps(
147
+ {
148
+ p: 8
149
+ },
150
+ mantineTableFooterCellProps
151
+ );
152
+ const mTableFooterRowProps = mergeMProps(
153
+ {
154
+ sx: { borderBottom: "none" }
155
+ },
156
+ mantineTableFooterRowProps
157
+ );
143
158
  return {
144
159
  enableColumnActions: false,
145
160
  enableColumnFilters: false,
146
161
  enableTopToolbar: false,
147
162
  enableSorting: false,
148
163
  enablePagination: false,
164
+ enableBottomToolbar: false,
165
+ enableExpanding,
166
+ enableStickyHeader,
149
167
  mantinePaperProps: mPaperProps,
150
168
  mantineTableProps: mTableProps,
151
169
  mantineSkeletonProps: mTabelSkeletonProps,
152
170
  mantineTableBodyProps: mTableBodyProps,
153
171
  mantineBottomToolbarProps: mBottomToolbarProps,
154
172
  mantineTableBodyCellProps: mTableBodyCellProps,
173
+ mantineTableFooterCellProps: mTableFooterCellProps,
174
+ mantineTableFooterRowProps: mTableFooterRowProps,
155
175
  data,
156
176
  icons: {
157
177
  IconArrowsSort: () => /* @__PURE__ */ jsxRuntimeExports.jsx(IconSwitchVertical02, { size: 14 }),
@@ -162,7 +182,11 @@ function mergeProTableProps(props) {
162
182
  noRecordsToDisplay: errorMessage ? errorMessage : emptyMessage ? emptyMessage : void 0,
163
183
  ...localization
164
184
  },
165
- state: { isLoading: loading, ...state },
185
+ state: {
186
+ isLoading: loading,
187
+ columnVisibility: { ...enableExpanding ? { "mrt-row-expand": false } : void 0, ...state == null ? void 0 : state.columnVisibility },
188
+ ...state
189
+ },
166
190
  ...rest
167
191
  };
168
192
  }