@tidbcloud/uikit 2.0.0-beta.71 → 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,11 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.72
4
+
5
+ ### Patch Changes
6
+
7
+ - fix ProTable footer style
8
+
3
9
  ## 2.0.0-beta.71
4
10
 
5
11
  ### 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);
@@ -34,6 +34,8 @@ function mergeProTableProps(props) {
34
34
  mantineTableBodyProps,
35
35
  mantineTableBodyCellProps = {},
36
36
  mantineBottomToolbarProps = {},
37
+ mantineTableFooterCellProps = {},
38
+ mantineTableFooterRowProps = {},
37
39
  withBorder = true,
38
40
  loading = false,
39
41
  enableExpanding = false,
@@ -143,18 +145,35 @@ function mergeProTableProps(props) {
143
145
  },
144
146
  mantineSkeletonProps
145
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
+ );
146
160
  return {
147
161
  enableColumnActions: false,
148
162
  enableColumnFilters: false,
149
163
  enableTopToolbar: false,
150
164
  enableSorting: false,
151
165
  enablePagination: false,
166
+ enableBottomToolbar: false,
167
+ enableExpanding,
168
+ enableStickyHeader,
152
169
  mantinePaperProps: mPaperProps,
153
170
  mantineTableProps: mTableProps,
154
171
  mantineSkeletonProps: mTabelSkeletonProps,
155
172
  mantineTableBodyProps: mTableBodyProps,
156
173
  mantineBottomToolbarProps: mBottomToolbarProps,
157
174
  mantineTableBodyCellProps: mTableBodyCellProps,
175
+ mantineTableFooterCellProps: mTableFooterCellProps,
176
+ mantineTableFooterRowProps: mTableFooterRowProps,
158
177
  data,
159
178
  icons: {
160
179
  IconArrowsSort: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconSwitchVertical02, { size: 14 }),
@@ -32,6 +32,8 @@ function mergeProTableProps(props) {
32
32
  mantineTableBodyProps,
33
33
  mantineTableBodyCellProps = {},
34
34
  mantineBottomToolbarProps = {},
35
+ mantineTableFooterCellProps = {},
36
+ mantineTableFooterRowProps = {},
35
37
  withBorder = true,
36
38
  loading = false,
37
39
  enableExpanding = false,
@@ -141,18 +143,35 @@ function mergeProTableProps(props) {
141
143
  },
142
144
  mantineSkeletonProps
143
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
+ );
144
158
  return {
145
159
  enableColumnActions: false,
146
160
  enableColumnFilters: false,
147
161
  enableTopToolbar: false,
148
162
  enableSorting: false,
149
163
  enablePagination: false,
164
+ enableBottomToolbar: false,
165
+ enableExpanding,
166
+ enableStickyHeader,
150
167
  mantinePaperProps: mPaperProps,
151
168
  mantineTableProps: mTableProps,
152
169
  mantineSkeletonProps: mTabelSkeletonProps,
153
170
  mantineTableBodyProps: mTableBodyProps,
154
171
  mantineBottomToolbarProps: mBottomToolbarProps,
155
172
  mantineTableBodyCellProps: mTableBodyCellProps,
173
+ mantineTableFooterCellProps: mTableFooterCellProps,
174
+ mantineTableFooterRowProps: mTableFooterRowProps,
156
175
  data,
157
176
  icons: {
158
177
  IconArrowsSort: () => /* @__PURE__ */ jsxRuntimeExports.jsx(IconSwitchVertical02, { size: 14 }),
@@ -496,9 +496,6 @@ const theme = createTheme.createTheme({
496
496
  },
497
497
  Select: {
498
498
  defaultProps: {
499
- transition: "fade",
500
- transitionDuration: 200,
501
- transitionTimingFunction: "ease",
502
499
  size: "md",
503
500
  withCheckIcon: false
504
501
  },
@@ -559,9 +556,6 @@ const theme = createTheme.createTheme({
559
556
  MultiSelect: {
560
557
  defaultProps: {
561
558
  size: "md",
562
- transition: "fade",
563
- transitionDuration: 200,
564
- transitionTimingFunction: "ease",
565
559
  withCheckIcon: false
566
560
  },
567
561
  styles: (theme2, props) => {
@@ -494,9 +494,6 @@ const theme = createTheme({
494
494
  },
495
495
  Select: {
496
496
  defaultProps: {
497
- transition: "fade",
498
- transitionDuration: 200,
499
- transitionTimingFunction: "ease",
500
497
  size: "md",
501
498
  withCheckIcon: false
502
499
  },
@@ -557,9 +554,6 @@ const theme = createTheme({
557
554
  MultiSelect: {
558
555
  defaultProps: {
559
556
  size: "md",
560
- transition: "fade",
561
- transitionDuration: 200,
562
- transitionTimingFunction: "ease",
563
557
  withCheckIcon: false
564
558
  },
565
559
  styles: (theme2, props) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.71",
3
+ "version": "2.0.0-beta.72",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",