@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 +6 -0
- package/dist/biz/Form/TextInput.cjs +2 -1
- package/dist/biz/Form/TextInput.js +2 -1
- package/dist/biz/Table/ProTable/helpers.cjs +19 -0
- package/dist/biz/Table/ProTable/helpers.js +19 -0
- package/dist/theme/theme.cjs +0 -6
- package/dist/theme/theme.js +0 -6
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -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 }),
|
package/dist/theme/theme.cjs
CHANGED
|
@@ -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) => {
|
package/dist/theme/theme.js
CHANGED
|
@@ -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) => {
|