@tidbcloud/uikit 2.2.9 → 2.2.11
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 +15 -0
- package/dist/biz/Table/ProTable/helpers.cjs +8 -3
- package/dist/biz/Table/ProTable/helpers.mjs +9 -4
- package/dist/biz/Table/TablePagination.cjs +3 -1
- package/dist/biz/Table/TablePagination.mjs +3 -1
- package/dist/theme/theme.cjs +10 -3
- package/dist/theme/theme.mjs +10 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @tidbcloud/uikit
|
|
2
2
|
|
|
3
|
+
## 2.2.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- fix(theme): update Card and Paper components' shadow and border styles ([#520](https://github.com/tidbcloud/tidbcloud-uikit/pull/520))
|
|
8
|
+
|
|
9
|
+
## 2.2.10
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- chore: trigger re-run ci
|
|
14
|
+
- fix(ProTable): update pagination icon ([#517](https://github.com/tidbcloud/tidbcloud-uikit/pull/517))
|
|
15
|
+
- feat: add manual snapshot release workflow ([#516](https://github.com/tidbcloud/tidbcloud-uikit/pull/516))
|
|
16
|
+
- docs: update README with Quick Start section and usage example ([#514](https://github.com/tidbcloud/tidbcloud-uikit/pull/514))
|
|
17
|
+
|
|
3
18
|
## 2.2.9
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -258,9 +258,14 @@ function mergeProTableProps(props) {
|
|
|
258
258
|
layoutMode,
|
|
259
259
|
data,
|
|
260
260
|
icons: {
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
261
|
+
IconChevronLeft: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronLeft, { ...props2 }),
|
|
262
|
+
IconChevronRight: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronRight, { ...props2 }),
|
|
263
|
+
IconChevronDown: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronDown, { ...props2 }),
|
|
264
|
+
IconChevronLeftPipe: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronLeftDouble, { ...props2 }),
|
|
265
|
+
IconChevronRightPipe: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronRightDouble, { ...props2 }),
|
|
266
|
+
IconArrowsSort: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconSwitchVertical02, { ...props2 }),
|
|
267
|
+
IconSortAscending: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconArrowUp, { ...props2 }),
|
|
268
|
+
IconSortDescending: (props2) => /* @__PURE__ */ jsxRuntime.jsx(index.IconArrowDown, { ...props2 })
|
|
264
269
|
},
|
|
265
270
|
localization: {
|
|
266
271
|
noRecordsToDisplay: errorMessage ? errorMessage : emptyMessage ? emptyMessage : void 0,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { isFunction } from "lodash-es";
|
|
3
3
|
import { useMantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_6pmziqsvipqgt5gv2plqw5hct4/node_modules/mantine-react-table/dist/index.esm.mjs";
|
|
4
|
-
import { IconSwitchVertical02, IconArrowUp, IconArrowDown } from "../../../icons/index.mjs";
|
|
4
|
+
import { IconChevronLeft, IconChevronRight, IconChevronDown, IconChevronLeftDouble, IconChevronRightDouble, IconSwitchVertical02, IconArrowUp, IconArrowDown } from "../../../icons/index.mjs";
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
@@ -256,9 +256,14 @@ function mergeProTableProps(props) {
|
|
|
256
256
|
layoutMode,
|
|
257
257
|
data,
|
|
258
258
|
icons: {
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
259
|
+
IconChevronLeft: (props2) => /* @__PURE__ */ jsx(IconChevronLeft, { ...props2 }),
|
|
260
|
+
IconChevronRight: (props2) => /* @__PURE__ */ jsx(IconChevronRight, { ...props2 }),
|
|
261
|
+
IconChevronDown: (props2) => /* @__PURE__ */ jsx(IconChevronDown, { ...props2 }),
|
|
262
|
+
IconChevronLeftPipe: (props2) => /* @__PURE__ */ jsx(IconChevronLeftDouble, { ...props2 }),
|
|
263
|
+
IconChevronRightPipe: (props2) => /* @__PURE__ */ jsx(IconChevronRightDouble, { ...props2 }),
|
|
264
|
+
IconArrowsSort: (props2) => /* @__PURE__ */ jsx(IconSwitchVertical02, { ...props2 }),
|
|
265
|
+
IconSortAscending: (props2) => /* @__PURE__ */ jsx(IconArrowUp, { ...props2 }),
|
|
266
|
+
IconSortDescending: (props2) => /* @__PURE__ */ jsx(IconArrowDown, { ...props2 })
|
|
262
267
|
},
|
|
263
268
|
localization: {
|
|
264
269
|
noRecordsToDisplay: errorMessage ? errorMessage : emptyMessage ? emptyMessage : void 0,
|
|
@@ -19,7 +19,7 @@ const ProTablePagination = ({ table, ...props }) => {
|
|
|
19
19
|
getPrePaginationRowModel,
|
|
20
20
|
getState,
|
|
21
21
|
options: {
|
|
22
|
-
icons: { IconChevronLeft, IconChevronRight },
|
|
22
|
+
icons: { IconChevronLeft, IconChevronRight, IconChevronLeftPipe, IconChevronRightPipe },
|
|
23
23
|
mantinePaginationProps,
|
|
24
24
|
rowCount
|
|
25
25
|
},
|
|
@@ -68,6 +68,8 @@ const ProTablePagination = ({ table, ...props }) => {
|
|
|
68
68
|
nextIcon: IconChevronRight,
|
|
69
69
|
onChange: paginationProps.onChange ?? ((newPageIndex) => setPageIndex(newPageIndex - 1)),
|
|
70
70
|
previousIcon: IconChevronLeft,
|
|
71
|
+
firstIcon: IconChevronLeftPipe,
|
|
72
|
+
lastIcon: IconChevronRightPipe,
|
|
71
73
|
total: (paginationProps == null ? void 0 : paginationProps.total) ?? numberOfPages,
|
|
72
74
|
value: paginationProps.value ?? pageIndex + 1,
|
|
73
75
|
withEdges,
|
|
@@ -17,7 +17,7 @@ const ProTablePagination = ({ table, ...props }) => {
|
|
|
17
17
|
getPrePaginationRowModel,
|
|
18
18
|
getState,
|
|
19
19
|
options: {
|
|
20
|
-
icons: { IconChevronLeft, IconChevronRight },
|
|
20
|
+
icons: { IconChevronLeft, IconChevronRight, IconChevronLeftPipe, IconChevronRightPipe },
|
|
21
21
|
mantinePaginationProps,
|
|
22
22
|
rowCount
|
|
23
23
|
},
|
|
@@ -66,6 +66,8 @@ const ProTablePagination = ({ table, ...props }) => {
|
|
|
66
66
|
nextIcon: IconChevronRight,
|
|
67
67
|
onChange: paginationProps.onChange ?? ((newPageIndex) => setPageIndex(newPageIndex - 1)),
|
|
68
68
|
previousIcon: IconChevronLeft,
|
|
69
|
+
firstIcon: IconChevronLeftPipe,
|
|
70
|
+
lastIcon: IconChevronRightPipe,
|
|
69
71
|
total: (paginationProps == null ? void 0 : paginationProps.total) ?? numberOfPages,
|
|
70
72
|
value: paginationProps.value ?? pageIndex + 1,
|
|
71
73
|
withEdges,
|
package/dist/theme/theme.cjs
CHANGED
|
@@ -741,23 +741,30 @@ const theme = createTheme.createTheme({
|
|
|
741
741
|
},
|
|
742
742
|
Card: {
|
|
743
743
|
defaultProps: {
|
|
744
|
-
shadow: "
|
|
744
|
+
shadow: "none",
|
|
745
745
|
withBorder: true
|
|
746
746
|
},
|
|
747
747
|
styles: (theme2) => {
|
|
748
748
|
return {
|
|
749
749
|
root: {
|
|
750
|
-
|
|
750
|
+
borderColor: theme2.colors.carbon[4]
|
|
751
|
+
},
|
|
752
|
+
section: {
|
|
753
|
+
borderColor: theme2.colors.carbon[4]
|
|
751
754
|
}
|
|
752
755
|
};
|
|
753
756
|
}
|
|
754
757
|
},
|
|
755
758
|
Paper: {
|
|
759
|
+
defaultProps: {
|
|
760
|
+
shadow: "none",
|
|
761
|
+
withBorder: false
|
|
762
|
+
},
|
|
756
763
|
styles: (theme2, props) => {
|
|
757
764
|
return {
|
|
758
765
|
root: {
|
|
759
766
|
backgroundColor: themeColor(theme2, "carbon", 0),
|
|
760
|
-
borderColor: props.withBorder ? themeColor(theme2, "carbon",
|
|
767
|
+
borderColor: props.withBorder ? themeColor(theme2, "carbon", 4) : "transparent"
|
|
761
768
|
}
|
|
762
769
|
};
|
|
763
770
|
}
|
package/dist/theme/theme.mjs
CHANGED
|
@@ -739,23 +739,30 @@ const theme = createTheme({
|
|
|
739
739
|
},
|
|
740
740
|
Card: {
|
|
741
741
|
defaultProps: {
|
|
742
|
-
shadow: "
|
|
742
|
+
shadow: "none",
|
|
743
743
|
withBorder: true
|
|
744
744
|
},
|
|
745
745
|
styles: (theme2) => {
|
|
746
746
|
return {
|
|
747
747
|
root: {
|
|
748
|
-
|
|
748
|
+
borderColor: theme2.colors.carbon[4]
|
|
749
|
+
},
|
|
750
|
+
section: {
|
|
751
|
+
borderColor: theme2.colors.carbon[4]
|
|
749
752
|
}
|
|
750
753
|
};
|
|
751
754
|
}
|
|
752
755
|
},
|
|
753
756
|
Paper: {
|
|
757
|
+
defaultProps: {
|
|
758
|
+
shadow: "none",
|
|
759
|
+
withBorder: false
|
|
760
|
+
},
|
|
754
761
|
styles: (theme2, props) => {
|
|
755
762
|
return {
|
|
756
763
|
root: {
|
|
757
764
|
backgroundColor: themeColor(theme2, "carbon", 0),
|
|
758
|
-
borderColor: props.withBorder ? themeColor(theme2, "carbon",
|
|
765
|
+
borderColor: props.withBorder ? themeColor(theme2, "carbon", 4) : "transparent"
|
|
759
766
|
}
|
|
760
767
|
};
|
|
761
768
|
}
|