@douyinfe/semi-ui 2.22.0-beta.0 → 2.22.0-beta.2
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/dist/css/semi.css +438 -38
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +4084 -5300
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/lib/cjs/_cssAnimation/index.d.ts +39 -0
- package/lib/cjs/_cssAnimation/index.js +133 -0
- package/lib/cjs/anchor/index.d.ts +3 -3
- package/lib/cjs/anchor/link.d.ts +1 -1
- package/lib/cjs/autoComplete/index.d.ts +7 -8
- package/lib/cjs/autoComplete/option.d.ts +1 -1
- package/lib/cjs/banner/index.d.ts +2 -2
- package/lib/cjs/breadcrumb/index.d.ts +3 -3
- package/lib/cjs/breadcrumb/item.d.ts +3 -3
- package/lib/cjs/button/index.d.ts +2 -2
- package/lib/cjs/calendar/dayCalendar.d.ts +2 -2
- package/lib/cjs/calendar/index.d.ts +2 -2
- package/lib/cjs/calendar/monthCalendar.d.ts +2 -2
- package/lib/cjs/calendar/rangeCalendar.d.ts +2 -2
- package/lib/cjs/calendar/weekCalendar.d.ts +2 -2
- package/lib/cjs/card/cardGroup.d.ts +1 -1
- package/lib/cjs/carousel/index.d.ts +1 -1
- package/lib/cjs/cascader/index.d.ts +7 -8
- package/lib/cjs/cascader/index.js +8 -6
- package/lib/cjs/collapse/collapse-context.d.ts +1 -2
- package/lib/cjs/collapse/index.d.ts +3 -3
- package/lib/cjs/collapse/item.d.ts +2 -2
- package/lib/cjs/collapsible/index.d.ts +32 -19
- package/lib/cjs/collapsible/index.js +157 -121
- package/lib/cjs/configProvider/index.d.ts +1 -1
- package/lib/cjs/datePicker/dateInput.d.ts +3 -3
- package/lib/cjs/datePicker/datePicker.d.ts +12 -9
- package/lib/cjs/datePicker/datePicker.js +11 -13
- package/lib/cjs/datePicker/month.d.ts +1 -1
- package/lib/cjs/datePicker/month.js +5 -1
- package/lib/cjs/datePicker/monthsGrid.d.ts +7 -6
- package/lib/cjs/datePicker/monthsGrid.js +9 -26
- package/lib/cjs/datePicker/quickControl.d.ts +1 -1
- package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/cjs/datePicker/yearAndMonth.js +13 -8
- package/lib/cjs/descriptions/index.d.ts +1 -1
- package/lib/cjs/dropdown/dropdownItem.d.ts +2 -1
- package/lib/cjs/dropdown/dropdownItem.js +3 -1
- package/lib/cjs/dropdown/index.d.ts +5 -6
- package/lib/cjs/form/baseForm.d.ts +7 -5
- package/lib/cjs/form/errorMessage.d.ts +1 -1
- package/lib/cjs/form/field.d.ts +4 -2
- package/lib/cjs/form/label.d.ts +1 -1
- package/lib/cjs/grid/col.d.ts +6 -6
- package/lib/cjs/grid/row.d.ts +1 -1
- package/lib/cjs/iconButton/index.d.ts +2 -2
- package/lib/cjs/image/image.d.ts +4 -4
- package/lib/cjs/image/preview.d.ts +1 -1
- package/lib/cjs/image/previewInner.d.ts +1 -1
- package/lib/cjs/index.d.ts +1 -0
- package/lib/cjs/index.js +8 -0
- package/lib/cjs/inputNumber/index.d.ts +2 -2
- package/lib/cjs/locale/source/ro.d.ts +3 -3
- package/lib/cjs/modal/Modal.d.ts +6 -6
- package/lib/cjs/modal/Modal.js +80 -56
- package/lib/cjs/modal/ModalContent.js +6 -5
- package/lib/cjs/modal/confirm.d.ts +10 -10
- package/lib/cjs/modal/confirm.js +1 -15
- package/lib/cjs/modal/useModal/HookModal.d.ts +0 -2
- package/lib/cjs/modal/useModal/HookModal.js +6 -18
- package/lib/cjs/navigation/Footer.d.ts +1 -1
- package/lib/cjs/navigation/Header.d.ts +3 -3
- package/lib/cjs/navigation/Item.d.ts +4 -4
- package/lib/cjs/navigation/Item.js +11 -5
- package/lib/cjs/navigation/OpenIconTransition.d.ts +1 -15
- package/lib/cjs/navigation/OpenIconTransition.js +1 -82
- package/lib/cjs/navigation/SubNav.d.ts +4 -4
- package/lib/cjs/navigation/SubNav.js +43 -27
- package/lib/cjs/navigation/index.d.ts +8 -11
- package/lib/cjs/notification/index.d.ts +0 -1
- package/lib/cjs/notification/index.js +25 -15
- package/lib/cjs/notification/notice.d.ts +3 -1
- package/lib/cjs/notification/notice.js +3 -1
- package/lib/cjs/popconfirm/index.d.ts +4 -5
- package/lib/cjs/popover/index.d.ts +8 -8
- package/lib/cjs/popover/index.js +1 -1
- package/lib/cjs/progress/index.d.ts +4 -4
- package/lib/cjs/rating/index.d.ts +1 -1
- package/lib/cjs/rating/item.d.ts +1 -1
- package/lib/cjs/scrollList/index.d.ts +1 -1
- package/lib/cjs/scrollList/scrollItem.d.ts +3 -3
- package/lib/cjs/scrollList/scrollItem.js +2 -2
- package/lib/cjs/select/index.d.ts +11 -6
- package/lib/cjs/select/index.js +108 -60
- package/lib/cjs/select/option.d.ts +1 -1
- package/lib/cjs/select/optionGroup.d.ts +1 -1
- package/lib/cjs/sideSheet/SideSheetContent.d.ts +8 -0
- package/lib/cjs/sideSheet/SideSheetContent.js +10 -6
- package/lib/cjs/sideSheet/index.d.ts +4 -4
- package/lib/cjs/sideSheet/index.js +69 -39
- package/lib/cjs/space/index.d.ts +1 -1
- package/lib/cjs/spin/index.js +1 -4
- package/lib/cjs/table/Body/BaseRow.d.ts +5 -5
- package/lib/cjs/table/Body/ExpandedRow.d.ts +3 -3
- package/lib/cjs/table/Body/SectionRow.d.ts +3 -3
- package/lib/cjs/table/Column.d.ts +4 -4
- package/lib/cjs/table/ColumnShape.d.ts +4 -4
- package/lib/cjs/table/ColumnSorter.d.ts +1 -1
- package/lib/cjs/table/CustomExpandIcon.d.ts +1 -1
- package/lib/cjs/table/CustomExpandIcon.js +13 -5
- package/lib/cjs/table/Table.d.ts +16 -16
- package/lib/cjs/table/TableCell.d.ts +4 -4
- package/lib/cjs/table/TableHeaderRow.d.ts +2 -2
- package/lib/cjs/table/TablePagination.d.ts +1 -1
- package/lib/cjs/table/index.d.ts +15 -15
- package/lib/cjs/tabs/TabPane.d.ts +2 -8
- package/lib/cjs/tabs/TabPane.js +40 -38
- package/lib/cjs/tabs/index.d.ts +5 -3
- package/lib/cjs/tabs/index.js +26 -4
- package/lib/cjs/tabs/interface.d.ts +2 -0
- package/lib/cjs/tag/group.d.ts +1 -0
- package/lib/cjs/tag/group.js +6 -3
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +1 -0
- package/lib/cjs/tag/interface.d.ts +3 -1
- package/lib/cjs/tagInput/index.d.ts +3 -3
- package/lib/cjs/timePicker/Combobox.js +4 -8
- package/lib/cjs/timePicker/PanelShape.d.ts +2 -2
- package/lib/cjs/timePicker/TimePicker.d.ts +11 -11
- package/lib/cjs/timePicker/TimePicker.js +3 -1
- package/lib/cjs/timePicker/TimeShape.d.ts +1 -1
- package/lib/cjs/timePicker/index.d.ts +10 -9
- package/lib/cjs/timeline/index.d.ts +1 -1
- package/lib/cjs/toast/index.d.ts +2 -4
- package/lib/cjs/toast/index.js +29 -14
- package/lib/cjs/toast/toast.d.ts +4 -2
- package/lib/cjs/toast/toast.js +3 -1
- package/lib/cjs/tooltip/index.d.ts +8 -9
- package/lib/cjs/tooltip/index.js +30 -37
- package/lib/cjs/transfer/index.d.ts +1 -1
- package/lib/cjs/tree/autoSizer.d.ts +2 -2
- package/lib/cjs/tree/index.d.ts +5 -5
- package/lib/cjs/tree/nodeCollapsible.d.ts +11 -0
- package/lib/cjs/tree/nodeCollapsible.js +50 -0
- package/lib/cjs/tree/nodeList.js +6 -5
- package/lib/cjs/tree/treeNode.d.ts +1 -1
- package/lib/cjs/treeSelect/index.d.ts +12 -9
- package/lib/cjs/treeSelect/index.js +23 -9
- package/lib/cjs/trigger/index.d.ts +1 -1
- package/lib/cjs/typography/base.d.ts +8 -8
- package/lib/cjs/typography/index.d.ts +2 -0
- package/lib/cjs/typography/index.js +3 -0
- package/lib/cjs/typography/interface.d.ts +2 -0
- package/lib/cjs/typography/numeral.d.ts +68 -0
- package/lib/cjs/typography/numeral.js +106 -0
- package/lib/cjs/typography/paragraph.d.ts +3 -3
- package/lib/cjs/typography/text.d.ts +4 -4
- package/lib/cjs/typography/title.d.ts +4 -4
- package/lib/cjs/upload/fileCard.d.ts +1 -1
- package/lib/es/_cssAnimation/index.d.ts +39 -0
- package/lib/es/_cssAnimation/index.js +122 -0
- package/lib/es/anchor/index.d.ts +3 -3
- package/lib/es/anchor/link.d.ts +1 -1
- package/lib/es/autoComplete/index.d.ts +7 -8
- package/lib/es/autoComplete/option.d.ts +1 -1
- package/lib/es/banner/index.d.ts +2 -2
- package/lib/es/breadcrumb/index.d.ts +3 -3
- package/lib/es/breadcrumb/item.d.ts +3 -3
- package/lib/es/button/index.d.ts +2 -2
- package/lib/es/calendar/dayCalendar.d.ts +2 -2
- package/lib/es/calendar/index.d.ts +2 -2
- package/lib/es/calendar/monthCalendar.d.ts +2 -2
- package/lib/es/calendar/rangeCalendar.d.ts +2 -2
- package/lib/es/calendar/weekCalendar.d.ts +2 -2
- package/lib/es/card/cardGroup.d.ts +1 -1
- package/lib/es/carousel/index.d.ts +1 -1
- package/lib/es/cascader/index.d.ts +7 -8
- package/lib/es/cascader/index.js +8 -6
- package/lib/es/collapse/collapse-context.d.ts +1 -2
- package/lib/es/collapse/index.d.ts +3 -3
- package/lib/es/collapse/item.d.ts +2 -2
- package/lib/es/collapsible/index.d.ts +32 -19
- package/lib/es/collapsible/index.js +158 -119
- package/lib/es/configProvider/index.d.ts +1 -1
- package/lib/es/datePicker/dateInput.d.ts +3 -3
- package/lib/es/datePicker/datePicker.d.ts +12 -9
- package/lib/es/datePicker/datePicker.js +11 -13
- package/lib/es/datePicker/month.d.ts +1 -1
- package/lib/es/datePicker/month.js +5 -1
- package/lib/es/datePicker/monthsGrid.d.ts +7 -6
- package/lib/es/datePicker/monthsGrid.js +9 -26
- package/lib/es/datePicker/quickControl.d.ts +1 -1
- package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/es/datePicker/yearAndMonth.js +13 -8
- package/lib/es/descriptions/index.d.ts +1 -1
- package/lib/es/dropdown/dropdownItem.d.ts +2 -1
- package/lib/es/dropdown/dropdownItem.js +3 -1
- package/lib/es/dropdown/index.d.ts +5 -6
- package/lib/es/form/baseForm.d.ts +7 -5
- package/lib/es/form/errorMessage.d.ts +1 -1
- package/lib/es/form/field.d.ts +4 -2
- package/lib/es/form/label.d.ts +1 -1
- package/lib/es/grid/col.d.ts +6 -6
- package/lib/es/grid/row.d.ts +1 -1
- package/lib/es/iconButton/index.d.ts +2 -2
- package/lib/es/image/image.d.ts +4 -4
- package/lib/es/image/preview.d.ts +1 -1
- package/lib/es/image/previewInner.d.ts +1 -1
- package/lib/es/index.d.ts +1 -0
- package/lib/es/index.js +1 -0
- package/lib/es/inputNumber/index.d.ts +2 -2
- package/lib/es/locale/source/ro.d.ts +3 -3
- package/lib/es/modal/Modal.d.ts +6 -6
- package/lib/es/modal/Modal.js +79 -56
- package/lib/es/modal/ModalContent.js +6 -5
- package/lib/es/modal/confirm.d.ts +10 -10
- package/lib/es/modal/confirm.js +1 -14
- package/lib/es/modal/useModal/HookModal.d.ts +0 -2
- package/lib/es/modal/useModal/HookModal.js +7 -19
- package/lib/es/navigation/Footer.d.ts +1 -1
- package/lib/es/navigation/Header.d.ts +3 -3
- package/lib/es/navigation/Item.d.ts +4 -4
- package/lib/es/navigation/Item.js +11 -5
- package/lib/es/navigation/OpenIconTransition.d.ts +1 -15
- package/lib/es/navigation/OpenIconTransition.js +1 -66
- package/lib/es/navigation/SubNav.d.ts +4 -4
- package/lib/es/navigation/SubNav.js +43 -28
- package/lib/es/navigation/index.d.ts +8 -11
- package/lib/es/notification/index.d.ts +0 -1
- package/lib/es/notification/index.js +24 -14
- package/lib/es/notification/notice.d.ts +3 -1
- package/lib/es/notification/notice.js +3 -1
- package/lib/es/popconfirm/index.d.ts +4 -5
- package/lib/es/popover/index.d.ts +8 -8
- package/lib/es/popover/index.js +1 -1
- package/lib/es/progress/index.d.ts +4 -4
- package/lib/es/rating/index.d.ts +1 -1
- package/lib/es/rating/item.d.ts +1 -1
- package/lib/es/scrollList/index.d.ts +1 -1
- package/lib/es/scrollList/scrollItem.d.ts +3 -3
- package/lib/es/scrollList/scrollItem.js +3 -3
- package/lib/es/select/index.d.ts +11 -6
- package/lib/es/select/index.js +108 -60
- package/lib/es/select/option.d.ts +1 -1
- package/lib/es/select/optionGroup.d.ts +1 -1
- package/lib/es/sideSheet/SideSheetContent.d.ts +8 -0
- package/lib/es/sideSheet/SideSheetContent.js +10 -6
- package/lib/es/sideSheet/index.d.ts +4 -4
- package/lib/es/sideSheet/index.js +67 -37
- package/lib/es/space/index.d.ts +1 -1
- package/lib/es/spin/index.js +1 -4
- package/lib/es/table/Body/BaseRow.d.ts +5 -5
- package/lib/es/table/Body/ExpandedRow.d.ts +3 -3
- package/lib/es/table/Body/SectionRow.d.ts +3 -3
- package/lib/es/table/Column.d.ts +4 -4
- package/lib/es/table/ColumnShape.d.ts +4 -4
- package/lib/es/table/ColumnSorter.d.ts +1 -1
- package/lib/es/table/CustomExpandIcon.d.ts +1 -1
- package/lib/es/table/CustomExpandIcon.js +13 -5
- package/lib/es/table/Table.d.ts +16 -16
- package/lib/es/table/TableCell.d.ts +4 -4
- package/lib/es/table/TableHeaderRow.d.ts +2 -2
- package/lib/es/table/TablePagination.d.ts +1 -1
- package/lib/es/table/index.d.ts +15 -15
- package/lib/es/tabs/TabPane.d.ts +2 -8
- package/lib/es/tabs/TabPane.js +40 -38
- package/lib/es/tabs/index.d.ts +5 -3
- package/lib/es/tabs/index.js +26 -4
- package/lib/es/tabs/interface.d.ts +2 -0
- package/lib/es/tag/group.d.ts +1 -0
- package/lib/es/tag/group.js +6 -3
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +1 -0
- package/lib/es/tag/interface.d.ts +3 -1
- package/lib/es/tagInput/index.d.ts +3 -3
- package/lib/es/timePicker/Combobox.js +4 -8
- package/lib/es/timePicker/PanelShape.d.ts +2 -2
- package/lib/es/timePicker/TimePicker.d.ts +11 -11
- package/lib/es/timePicker/TimePicker.js +3 -1
- package/lib/es/timePicker/TimeShape.d.ts +1 -1
- package/lib/es/timePicker/index.d.ts +10 -9
- package/lib/es/timeline/index.d.ts +1 -1
- package/lib/es/toast/index.d.ts +2 -4
- package/lib/es/toast/index.js +27 -13
- package/lib/es/toast/toast.d.ts +4 -2
- package/lib/es/toast/toast.js +3 -1
- package/lib/es/tooltip/index.d.ts +8 -9
- package/lib/es/tooltip/index.js +27 -36
- package/lib/es/transfer/index.d.ts +1 -1
- package/lib/es/tree/autoSizer.d.ts +2 -2
- package/lib/es/tree/index.d.ts +5 -5
- package/lib/es/tree/nodeCollapsible.d.ts +11 -0
- package/lib/es/tree/nodeCollapsible.js +35 -0
- package/lib/es/tree/nodeList.js +6 -5
- package/lib/es/tree/treeNode.d.ts +1 -1
- package/lib/es/treeSelect/index.d.ts +12 -9
- package/lib/es/treeSelect/index.js +22 -8
- package/lib/es/trigger/index.d.ts +1 -1
- package/lib/es/typography/base.d.ts +8 -8
- package/lib/es/typography/index.d.ts +2 -0
- package/lib/es/typography/index.js +2 -0
- package/lib/es/typography/interface.d.ts +2 -0
- package/lib/es/typography/numeral.d.ts +68 -0
- package/lib/es/typography/numeral.js +86 -0
- package/lib/es/typography/paragraph.d.ts +3 -3
- package/lib/es/typography/text.d.ts +4 -4
- package/lib/es/typography/title.d.ts +4 -4
- package/lib/es/upload/fileCard.d.ts +1 -1
- package/package.json +7 -7
- package/lib/cjs/motions/Rotate.d.ts +0 -23
- package/lib/cjs/motions/Rotate.js +0 -76
- package/lib/cjs/navigation/SubNavTransition.d.ts +0 -17
- package/lib/cjs/navigation/SubNavTransition.js +0 -83
- package/lib/cjs/notification/NoticeTransition.d.ts +0 -10
- package/lib/cjs/notification/NoticeTransition.js +0 -85
- package/lib/cjs/sideSheet/SideSheetTransition.d.ts +0 -12
- package/lib/cjs/sideSheet/SideSheetTransition.js +0 -115
- package/lib/cjs/tabs/TabPaneTransition.d.ts +0 -4
- package/lib/cjs/tabs/TabPaneTransition.js +0 -114
- package/lib/cjs/toast/ToastTransition.d.ts +0 -7
- package/lib/cjs/toast/ToastTransition.js +0 -66
- package/lib/cjs/tooltip/TooltipStyledTransition.d.ts +0 -9
- package/lib/cjs/tooltip/TooltipStyledTransition.js +0 -52
- package/lib/cjs/tree/collapse.d.ts +0 -29
- package/lib/cjs/tree/collapse.js +0 -155
- package/lib/es/motions/Rotate.d.ts +0 -23
- package/lib/es/motions/Rotate.js +0 -60
- package/lib/es/navigation/SubNavTransition.d.ts +0 -17
- package/lib/es/navigation/SubNavTransition.js +0 -66
- package/lib/es/notification/NoticeTransition.d.ts +0 -10
- package/lib/es/notification/NoticeTransition.js +0 -74
- package/lib/es/sideSheet/SideSheetTransition.d.ts +0 -12
- package/lib/es/sideSheet/SideSheetTransition.js +0 -102
- package/lib/es/tabs/TabPaneTransition.d.ts +0 -4
- package/lib/es/tabs/TabPaneTransition.js +0 -103
- package/lib/es/toast/ToastTransition.d.ts +0 -7
- package/lib/es/toast/ToastTransition.js +0 -55
- package/lib/es/tooltip/TooltipStyledTransition.d.ts +0 -9
- package/lib/es/tooltip/TooltipStyledTransition.js +0 -38
- package/lib/es/tree/collapse.d.ts +0 -29
- package/lib/es/tree/collapse.js +0 -136
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _collapsible = _interopRequireDefault(require("../collapsible"));
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
|
|
18
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
19
|
+
var t = {};
|
|
20
|
+
|
|
21
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
22
|
+
|
|
23
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
24
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
function NodeCollapsible(props) {
|
|
30
|
+
const {
|
|
31
|
+
open,
|
|
32
|
+
children
|
|
33
|
+
} = props,
|
|
34
|
+
rest = __rest(props, ["open", "children"]);
|
|
35
|
+
|
|
36
|
+
const [isOpen, setIsOpen] = (0, _react.useState)(props.open);
|
|
37
|
+
(0, _react.useEffect)(() => {
|
|
38
|
+
// Why do we need to change isOPen value in setTimeout?
|
|
39
|
+
// Because when NodeCollapsible ComponentDidMount, the domHeight in Collapsible has not been given
|
|
40
|
+
setTimeout(() => {
|
|
41
|
+
setIsOpen(!props.open);
|
|
42
|
+
}, 0);
|
|
43
|
+
}, []);
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement(_collapsible.default, Object.assign({}, rest, {
|
|
45
|
+
isOpen: isOpen
|
|
46
|
+
}), children);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
var _default = NodeCollapsible;
|
|
50
|
+
exports.default = _default;
|
package/lib/cjs/tree/nodeList.js
CHANGED
|
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _treeContext = _interopRequireDefault(require("./treeContext"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _nodeCollapsible = _interopRequireDefault(require("./nodeCollapsible"));
|
|
15
15
|
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
|
|
@@ -107,11 +107,12 @@ class NodeList extends _react.PureComponent {
|
|
|
107
107
|
|
|
108
108
|
if (isMotionNode && treeNode.length) {
|
|
109
109
|
const nodeKey = getTreeNodeKey(treeNode[0]);
|
|
110
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
111
|
-
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(_nodeCollapsible.default, {
|
|
111
|
+
open: motionType === 'hide',
|
|
112
|
+
duration: 200,
|
|
113
|
+
motion: Boolean(motionType),
|
|
112
114
|
key: "motion-".concat(nodeKey),
|
|
113
|
-
onMotionEnd: this.onMotionEnd
|
|
114
|
-
motion: Boolean(motionType)
|
|
115
|
+
onMotionEnd: this.onMotionEnd
|
|
115
116
|
}, treeNode.map(node => renderTreeNode(node)));
|
|
116
117
|
}
|
|
117
118
|
|
|
@@ -21,7 +21,7 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
|
|
|
21
21
|
keyword: PropTypes.Requireable<string>;
|
|
22
22
|
treeNodeFilterProp: PropTypes.Requireable<string>;
|
|
23
23
|
selectedKey: PropTypes.Requireable<string>;
|
|
24
|
-
motionKey: PropTypes.Requireable<string | string[]
|
|
24
|
+
motionKey: PropTypes.Requireable<NonNullable<string | string[]>>;
|
|
25
25
|
};
|
|
26
26
|
static defaultProps: {
|
|
27
27
|
selectedKey: string;
|
|
@@ -8,7 +8,7 @@ import { ContextValue } from '../configProvider/context';
|
|
|
8
8
|
import Input, { InputProps } from '../input/index';
|
|
9
9
|
import TagInput from '../tagInput';
|
|
10
10
|
import { TreeProps, TreeState, FlattenNode, TreeNodeData, TreeNodeProps } from '../tree/interface';
|
|
11
|
-
import {
|
|
11
|
+
import { PopoverProps } from '../popover/index';
|
|
12
12
|
export declare type ExpandAction = false | 'click' | 'doubleClick';
|
|
13
13
|
export interface TriggerRenderProps extends Omit<BasicTriggerRenderProps, 'componentProps'> {
|
|
14
14
|
[x: string]: any;
|
|
@@ -40,7 +40,7 @@ export interface TreeSelectProps extends Omit<BasicTreeSelectProps, OverrideComm
|
|
|
40
40
|
'aria-invalid'?: React.AriaAttributes['aria-invalid'];
|
|
41
41
|
'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
|
|
42
42
|
'aria-required'?: React.AriaAttributes['aria-required'];
|
|
43
|
-
motion?:
|
|
43
|
+
motion?: boolean;
|
|
44
44
|
mouseEnterDelay?: number;
|
|
45
45
|
mouseLeaveDelay?: number;
|
|
46
46
|
arrowIcon?: React.ReactNode;
|
|
@@ -69,6 +69,7 @@ export interface TreeSelectProps extends Omit<BasicTreeSelectProps, OverrideComm
|
|
|
69
69
|
zIndex?: number;
|
|
70
70
|
searchPosition?: string;
|
|
71
71
|
stopPropagation?: boolean | string;
|
|
72
|
+
restTagsPopoverProps?: PopoverProps;
|
|
72
73
|
searchRender?: boolean | ((inputProps: InputProps) => React.ReactNode);
|
|
73
74
|
onSelect?: (selectedKeys: string, selected: boolean, selectedNode: TreeNodeData) => void;
|
|
74
75
|
renderSelectedItem?: RenderSelectedItem;
|
|
@@ -102,13 +103,13 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
|
|
|
102
103
|
onLoad: PropTypes.Requireable<(...args: any[]) => any>;
|
|
103
104
|
arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
104
105
|
defaultOpen: PropTypes.Requireable<boolean>;
|
|
105
|
-
defaultValue: PropTypes.Requireable<string | any[]
|
|
106
|
+
defaultValue: PropTypes.Requireable<NonNullable<string | any[]>>;
|
|
106
107
|
defaultExpandAll: PropTypes.Requireable<boolean>;
|
|
107
108
|
defaultExpandedKeys: PropTypes.Requireable<any[]>;
|
|
108
109
|
expandAll: PropTypes.Requireable<boolean>;
|
|
109
110
|
disabled: PropTypes.Requireable<boolean>;
|
|
110
111
|
disableStrictly: PropTypes.Requireable<boolean>;
|
|
111
|
-
filterTreeNode: PropTypes.Requireable<boolean | ((...args: any[]) => any)
|
|
112
|
+
filterTreeNode: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;
|
|
112
113
|
multiple: PropTypes.Requireable<boolean>;
|
|
113
114
|
searchPlaceholder: PropTypes.Requireable<string>;
|
|
114
115
|
searchAutoFocus: PropTypes.Requireable<boolean>;
|
|
@@ -121,7 +122,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
|
|
|
121
122
|
onChangeWithObject: PropTypes.Requireable<boolean>;
|
|
122
123
|
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
123
124
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
124
|
-
value: PropTypes.Requireable<string | number | object
|
|
125
|
+
value: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
125
126
|
expandedKeys: PropTypes.Requireable<any[]>;
|
|
126
127
|
autoExpandParent: PropTypes.Requireable<boolean>;
|
|
127
128
|
showClear: PropTypes.Requireable<boolean>;
|
|
@@ -133,12 +134,12 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
|
|
|
133
134
|
leafOnly: PropTypes.Requireable<boolean>;
|
|
134
135
|
treeData: PropTypes.Requireable<PropTypes.InferProps<{
|
|
135
136
|
key: PropTypes.Validator<string>;
|
|
136
|
-
value: PropTypes.Requireable<string | number
|
|
137
|
+
value: PropTypes.Requireable<NonNullable<string | number>>;
|
|
137
138
|
label: PropTypes.Requireable<any>;
|
|
138
139
|
}>[]>;
|
|
139
140
|
dropdownClassName: PropTypes.Requireable<string>;
|
|
140
141
|
dropdownStyle: PropTypes.Requireable<object>;
|
|
141
|
-
motion: PropTypes.Requireable<boolean
|
|
142
|
+
motion: PropTypes.Requireable<boolean>;
|
|
142
143
|
placeholder: PropTypes.Requireable<string>;
|
|
143
144
|
maxTagCount: PropTypes.Requireable<number>;
|
|
144
145
|
size: PropTypes.Requireable<Size>;
|
|
@@ -156,7 +157,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
|
|
|
156
157
|
mouseEnterDelay: PropTypes.Requireable<number>;
|
|
157
158
|
mouseLeaveDelay: PropTypes.Requireable<number>;
|
|
158
159
|
triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
|
|
159
|
-
stopPropagation: PropTypes.Requireable<string | boolean
|
|
160
|
+
stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
|
|
160
161
|
outerBottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
161
162
|
outerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
162
163
|
onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -167,10 +168,12 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
|
|
|
167
168
|
renderFullLabel: PropTypes.Requireable<(...args: any[]) => any>;
|
|
168
169
|
labelEllipsis: PropTypes.Requireable<boolean>;
|
|
169
170
|
optionListStyle: PropTypes.Requireable<object>;
|
|
170
|
-
searchRender: PropTypes.Requireable<boolean | ((...args: any[]) => any)
|
|
171
|
+
searchRender: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;
|
|
171
172
|
renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
|
|
172
173
|
checkRelation: PropTypes.Requireable<string>;
|
|
173
174
|
'aria-label': PropTypes.Requireable<string>;
|
|
175
|
+
showRestTagsPopover: PropTypes.Requireable<boolean>;
|
|
176
|
+
restTagsPopoverProps: PropTypes.Requireable<object>;
|
|
174
177
|
};
|
|
175
178
|
static defaultProps: Partial<TreeSelectProps>;
|
|
176
179
|
inputRef: React.RefObject<typeof Input>;
|
|
@@ -49,8 +49,6 @@ var _index = _interopRequireDefault(require("../tag/index"));
|
|
|
49
49
|
|
|
50
50
|
var _index2 = _interopRequireDefault(require("../input/index"));
|
|
51
51
|
|
|
52
|
-
var _index3 = _interopRequireDefault(require("../popover/index"));
|
|
53
|
-
|
|
54
52
|
var _autoSizer = _interopRequireDefault(require("../tree/autoSizer"));
|
|
55
53
|
|
|
56
54
|
var _treeContext = _interopRequireDefault(require("../tree/treeContext"));
|
|
@@ -73,6 +71,8 @@ var _semiIcons = require("@douyinfe/semi-icons");
|
|
|
73
71
|
|
|
74
72
|
var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup"));
|
|
75
73
|
|
|
74
|
+
var _index3 = _interopRequireDefault(require("../popover/index"));
|
|
75
|
+
|
|
76
76
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
77
77
|
|
|
78
78
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -308,7 +308,9 @@ class TreeSelect extends _baseComponent.default {
|
|
|
308
308
|
placeholder,
|
|
309
309
|
maxTagCount,
|
|
310
310
|
searchPosition,
|
|
311
|
-
filterTreeNode
|
|
311
|
+
filterTreeNode,
|
|
312
|
+
showRestTagsPopover,
|
|
313
|
+
restTagsPopoverProps
|
|
312
314
|
} = this.props;
|
|
313
315
|
const isTriggerPositionSearch = filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER; // searchPosition = trigger
|
|
314
316
|
|
|
@@ -334,7 +336,9 @@ class TreeSelect extends _baseComponent.default {
|
|
|
334
336
|
maxTagCount: maxTagCount,
|
|
335
337
|
tagList: tagList,
|
|
336
338
|
size: "large",
|
|
337
|
-
mode: "custom"
|
|
339
|
+
mode: "custom",
|
|
340
|
+
showPopover: showRestTagsPopover,
|
|
341
|
+
popoverProps: restTagsPopoverProps
|
|
338
342
|
});
|
|
339
343
|
};
|
|
340
344
|
|
|
@@ -580,7 +584,9 @@ class TreeSelect extends _baseComponent.default {
|
|
|
580
584
|
searchAutoFocus,
|
|
581
585
|
placeholder,
|
|
582
586
|
maxTagCount,
|
|
583
|
-
checkRelation
|
|
587
|
+
checkRelation,
|
|
588
|
+
showRestTagsPopover,
|
|
589
|
+
restTagsPopoverProps
|
|
584
590
|
} = this.props;
|
|
585
591
|
const {
|
|
586
592
|
keyEntities,
|
|
@@ -605,9 +611,13 @@ class TreeSelect extends _baseComponent.default {
|
|
|
605
611
|
value: keyList,
|
|
606
612
|
inputValue: inputValue,
|
|
607
613
|
size: size,
|
|
614
|
+
showRestTagsPopover: showRestTagsPopover,
|
|
615
|
+
restTagsPopoverProps: restTagsPopoverProps,
|
|
616
|
+
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
608
617
|
autoFocus: searchAutoFocus,
|
|
609
618
|
renderTagItem: (itemKey, index) => this.renderTagItem(itemKey, index),
|
|
610
|
-
onRemove: itemKey => this.removeTag(itemKey)
|
|
619
|
+
onRemove: itemKey => this.removeTag(itemKey),
|
|
620
|
+
expandRestTagsOnClick: false
|
|
611
621
|
});
|
|
612
622
|
}; // render Tree
|
|
613
623
|
|
|
@@ -1314,7 +1324,7 @@ TreeSelect.propTypes = {
|
|
|
1314
1324
|
})),
|
|
1315
1325
|
dropdownClassName: _propTypes.default.string,
|
|
1316
1326
|
dropdownStyle: _propTypes.default.object,
|
|
1317
|
-
motion: _propTypes.default.
|
|
1327
|
+
motion: _propTypes.default.bool,
|
|
1318
1328
|
placeholder: _propTypes.default.string,
|
|
1319
1329
|
maxTagCount: _propTypes.default.number,
|
|
1320
1330
|
size: _propTypes.default.oneOf(_constants.strings.SIZE_SET),
|
|
@@ -1346,7 +1356,9 @@ TreeSelect.propTypes = {
|
|
|
1346
1356
|
searchRender: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
|
|
1347
1357
|
renderSelectedItem: _propTypes.default.func,
|
|
1348
1358
|
checkRelation: _propTypes.default.string,
|
|
1349
|
-
'aria-label': _propTypes.default.string
|
|
1359
|
+
'aria-label': _propTypes.default.string,
|
|
1360
|
+
showRestTagsPopover: _propTypes.default.bool,
|
|
1361
|
+
restTagsPopoverProps: _propTypes.default.object
|
|
1350
1362
|
};
|
|
1351
1363
|
TreeSelect.defaultProps = {
|
|
1352
1364
|
searchPosition: _constants.strings.SEARCH_POSITION_DROPDOWN,
|
|
@@ -1374,7 +1386,9 @@ TreeSelect.defaultProps = {
|
|
|
1374
1386
|
clickToHide: true,
|
|
1375
1387
|
searchAutoFocus: false,
|
|
1376
1388
|
checkRelation: 'related',
|
|
1377
|
-
'aria-label': 'TreeSelect'
|
|
1389
|
+
'aria-label': 'TreeSelect',
|
|
1390
|
+
showRestTagsPopover: false,
|
|
1391
|
+
restTagsPopoverProps: {}
|
|
1378
1392
|
};
|
|
1379
1393
|
var _default = TreeSelect;
|
|
1380
1394
|
exports.default = _default;
|
|
@@ -27,7 +27,7 @@ declare class Trigger extends React.PureComponent<TriggerProps> {
|
|
|
27
27
|
componentProps: PropTypes.Requireable<object>;
|
|
28
28
|
value: PropTypes.Requireable<any>;
|
|
29
29
|
inputValue: PropTypes.Requireable<string>;
|
|
30
|
-
placeholder: PropTypes.Requireable<string | any[]
|
|
30
|
+
placeholder: PropTypes.Requireable<NonNullable<string | any[]>>;
|
|
31
31
|
className: PropTypes.Requireable<string>;
|
|
32
32
|
style: PropTypes.Requireable<object>;
|
|
33
33
|
};
|
|
@@ -36,38 +36,38 @@ interface BaseTypographyState {
|
|
|
36
36
|
export default class Base extends Component<BaseTypographyProps, BaseTypographyState> {
|
|
37
37
|
static propTypes: {
|
|
38
38
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
39
|
-
copyable: PropTypes.Requireable<boolean | PropTypes.InferProps<{
|
|
39
|
+
copyable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
|
|
40
40
|
text: PropTypes.Requireable<string>;
|
|
41
41
|
onCopy: PropTypes.Requireable<(...args: any[]) => any>;
|
|
42
42
|
successTip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
43
43
|
copyTip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
44
|
-
}
|
|
44
|
+
}>>>;
|
|
45
45
|
delete: PropTypes.Requireable<boolean>;
|
|
46
46
|
disabled: PropTypes.Requireable<boolean>;
|
|
47
|
-
ellipsis: PropTypes.Requireable<boolean | PropTypes.InferProps<{
|
|
47
|
+
ellipsis: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
|
|
48
48
|
rows: PropTypes.Requireable<number>;
|
|
49
49
|
expandable: PropTypes.Requireable<boolean>;
|
|
50
50
|
expandText: PropTypes.Requireable<string>;
|
|
51
51
|
onExpand: PropTypes.Requireable<(...args: any[]) => any>;
|
|
52
52
|
suffix: PropTypes.Requireable<string>;
|
|
53
|
-
showTooltip: PropTypes.Requireable<boolean | PropTypes.InferProps<{
|
|
53
|
+
showTooltip: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
|
|
54
54
|
type: PropTypes.Requireable<string>;
|
|
55
55
|
opts: PropTypes.Requireable<object>;
|
|
56
|
-
}
|
|
56
|
+
}>>>;
|
|
57
57
|
collapsible: PropTypes.Requireable<boolean>;
|
|
58
58
|
collapseText: PropTypes.Requireable<string>;
|
|
59
59
|
pos: PropTypes.Requireable<string>;
|
|
60
|
-
}
|
|
60
|
+
}>>>;
|
|
61
61
|
mark: PropTypes.Requireable<boolean>;
|
|
62
62
|
underline: PropTypes.Requireable<boolean>;
|
|
63
|
-
link: PropTypes.Requireable<boolean | object
|
|
63
|
+
link: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
64
64
|
spacing: PropTypes.Requireable<"normal" | "extended">;
|
|
65
65
|
strong: PropTypes.Requireable<boolean>;
|
|
66
66
|
size: PropTypes.Requireable<"small" | "normal">;
|
|
67
67
|
type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
|
|
68
68
|
style: PropTypes.Requireable<object>;
|
|
69
69
|
className: PropTypes.Requireable<string>;
|
|
70
|
-
icon: PropTypes.Requireable<PropTypes.ReactNodeLike
|
|
70
|
+
icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
71
71
|
heading: PropTypes.Requireable<string>;
|
|
72
72
|
component: PropTypes.Requireable<string>;
|
|
73
73
|
};
|
|
@@ -2,10 +2,12 @@ import BaseTypography from './typography';
|
|
|
2
2
|
import Text from './text';
|
|
3
3
|
import Title from './title';
|
|
4
4
|
import Paragraph from './paragraph';
|
|
5
|
+
import Numeral from './numeral';
|
|
5
6
|
export declare type TypographyType = typeof BaseTypography & {
|
|
6
7
|
Text: typeof Text;
|
|
7
8
|
Title: typeof Title;
|
|
8
9
|
Paragraph: typeof Paragraph;
|
|
10
|
+
Numeral: typeof Numeral;
|
|
9
11
|
};
|
|
10
12
|
declare const Typography: TypographyType;
|
|
11
13
|
export type { BaseTypographyProps } from './base';
|
|
@@ -14,6 +14,8 @@ var _title = _interopRequireDefault(require("./title"));
|
|
|
14
14
|
|
|
15
15
|
var _paragraph = _interopRequireDefault(require("./paragraph"));
|
|
16
16
|
|
|
17
|
+
var _numeral = _interopRequireDefault(require("./numeral"));
|
|
18
|
+
|
|
17
19
|
var _interface = require("./interface");
|
|
18
20
|
|
|
19
21
|
Object.keys(_interface).forEach(function (key) {
|
|
@@ -34,5 +36,6 @@ const Typography = _typography.default;
|
|
|
34
36
|
Typography.Text = _text.default;
|
|
35
37
|
Typography.Title = _title.default;
|
|
36
38
|
Typography.Paragraph = _paragraph.default;
|
|
39
|
+
Typography.Numeral = _numeral.default;
|
|
37
40
|
var _default = Typography;
|
|
38
41
|
exports.default = _default;
|
|
@@ -23,3 +23,5 @@ export declare type OmitTypographyProps = 'dangerouslySetInnerHTML';
|
|
|
23
23
|
export declare type TypographyBaseType = ArrayElement<typeof strings.TYPE>;
|
|
24
24
|
export declare type TypographyBaseSize = ArrayElement<typeof strings.SIZE>;
|
|
25
25
|
export declare type TypographyBaseSpacing = ArrayElement<typeof strings.SPACING>;
|
|
26
|
+
export declare type TypographyBaseRule = ArrayElement<typeof strings.RULE>;
|
|
27
|
+
export declare type TypographyBaseTruncate = ArrayElement<typeof strings.TRUNCATE>;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React, { PureComponent } from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { TypographyBaseSize, TypographyBaseType, TypographyBaseRule, OmitTypographyProps, TypographyBaseTruncate } from './interface';
|
|
4
|
+
import { CopyableConfig, LinkType } from './title';
|
|
5
|
+
declare type OmitNumeralProps = OmitTypographyProps;
|
|
6
|
+
export interface NumeralProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, OmitNumeralProps> {
|
|
7
|
+
rule?: TypographyBaseRule;
|
|
8
|
+
precision?: number;
|
|
9
|
+
truncate?: TypographyBaseTruncate;
|
|
10
|
+
parser?: (value: string) => string;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
code?: boolean;
|
|
14
|
+
component?: React.ElementType;
|
|
15
|
+
copyable?: CopyableConfig | boolean;
|
|
16
|
+
delete?: boolean;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
icon?: React.ReactNode | string;
|
|
19
|
+
link?: LinkType;
|
|
20
|
+
mark?: boolean;
|
|
21
|
+
size?: TypographyBaseSize;
|
|
22
|
+
strong?: boolean;
|
|
23
|
+
style?: React.CSSProperties;
|
|
24
|
+
type?: TypographyBaseType;
|
|
25
|
+
underline?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export default class Numeral extends PureComponent<NumeralProps> {
|
|
28
|
+
static propTypes: {
|
|
29
|
+
rule: PropTypes.Requireable<"text" | "numbers" | "bytes-decimal" | "bytes-binary" | "percentages" | "exponential">;
|
|
30
|
+
precision: PropTypes.Requireable<number>;
|
|
31
|
+
truncate: PropTypes.Requireable<"ceil" | "floor" | "round">;
|
|
32
|
+
parser: PropTypes.Requireable<(...args: any[]) => any>;
|
|
33
|
+
copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
34
|
+
delete: PropTypes.Requireable<boolean>;
|
|
35
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
36
|
+
icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
37
|
+
mark: PropTypes.Requireable<boolean>;
|
|
38
|
+
underline: PropTypes.Requireable<boolean>;
|
|
39
|
+
link: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
40
|
+
strong: PropTypes.Requireable<boolean>;
|
|
41
|
+
type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
|
|
42
|
+
size: PropTypes.Requireable<"small" | "normal">;
|
|
43
|
+
style: PropTypes.Requireable<object>;
|
|
44
|
+
className: PropTypes.Requireable<string>;
|
|
45
|
+
code: PropTypes.Requireable<boolean>;
|
|
46
|
+
component: PropTypes.Requireable<string>;
|
|
47
|
+
};
|
|
48
|
+
static defaultProps: {
|
|
49
|
+
rule: string;
|
|
50
|
+
precision: number;
|
|
51
|
+
truncate: string;
|
|
52
|
+
parser: any;
|
|
53
|
+
copyable: boolean;
|
|
54
|
+
delete: boolean;
|
|
55
|
+
icon: string;
|
|
56
|
+
mark: boolean;
|
|
57
|
+
underline: boolean;
|
|
58
|
+
strong: boolean;
|
|
59
|
+
link: boolean;
|
|
60
|
+
type: string;
|
|
61
|
+
style: {};
|
|
62
|
+
size: string;
|
|
63
|
+
className: string;
|
|
64
|
+
};
|
|
65
|
+
formatNodeDFS(node: any): any;
|
|
66
|
+
render(): JSX.Element;
|
|
67
|
+
}
|
|
68
|
+
export {};
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
12
|
+
var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
|
|
13
|
+
|
|
14
|
+
var _base = _interopRequireDefault(require("./base"));
|
|
15
|
+
|
|
16
|
+
var _formatNumeral = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/typography/formatNumeral"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
24
|
+
class Numeral extends _react.PureComponent {
|
|
25
|
+
// Traverse the entire virtual DOM using a depth-first traversal algorithm, then format each piece. (in react)
|
|
26
|
+
formatNodeDFS(node) {
|
|
27
|
+
if (!Array.isArray(node)) {
|
|
28
|
+
node = [node];
|
|
29
|
+
} // Because the property is read-only, an object is returned for overwriting rather than directly modifying the object's contents.
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
node = node.map(item => {
|
|
33
|
+
if (typeof item === 'string' || typeof item === 'number') {
|
|
34
|
+
// Formatting the digital content of nodes.
|
|
35
|
+
return new _formatNumeral.default(String(item), this.props.rule, this.props.precision, this.props.truncate, this.props.parser).format();
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
if (typeof item === 'function') {
|
|
39
|
+
return this.formatNodeDFS(item());
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
if (typeof item === 'object' && 'children' in item['props']) {
|
|
43
|
+
return Object.assign(Object.assign({}, item), {
|
|
44
|
+
props: Object.assign(Object.assign({}, item['props']), {
|
|
45
|
+
children: this.formatNodeDFS(item['props']['children'])
|
|
46
|
+
})
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
return item;
|
|
51
|
+
});
|
|
52
|
+
return node.length === 1 ? node[0] : node;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
render() {
|
|
56
|
+
// Deep copy and remove props that are not needed by the Base component.
|
|
57
|
+
const baseProps = Object.assign({}, this.props);
|
|
58
|
+
delete baseProps.rule;
|
|
59
|
+
delete baseProps.parser; // Each piece of content in the virtual DOM is formatted by the `formatNumeral` function.
|
|
60
|
+
|
|
61
|
+
baseProps.children = this.formatNodeDFS(this.props.children);
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_base.default, Object.assign({
|
|
63
|
+
component: 'span'
|
|
64
|
+
}, baseProps));
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
exports.default = Numeral;
|
|
70
|
+
Numeral.propTypes = {
|
|
71
|
+
rule: _propTypes.default.oneOf(_constants.strings.RULE),
|
|
72
|
+
precision: _propTypes.default.number,
|
|
73
|
+
truncate: _propTypes.default.oneOf(_constants.strings.TRUNCATE),
|
|
74
|
+
parser: _propTypes.default.func,
|
|
75
|
+
copyable: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
|
|
76
|
+
delete: _propTypes.default.bool,
|
|
77
|
+
disabled: _propTypes.default.bool,
|
|
78
|
+
icon: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
|
|
79
|
+
mark: _propTypes.default.bool,
|
|
80
|
+
underline: _propTypes.default.bool,
|
|
81
|
+
link: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
|
|
82
|
+
strong: _propTypes.default.bool,
|
|
83
|
+
type: _propTypes.default.oneOf(_constants.strings.TYPE),
|
|
84
|
+
size: _propTypes.default.oneOf(_constants.strings.SIZE),
|
|
85
|
+
style: _propTypes.default.object,
|
|
86
|
+
className: _propTypes.default.string,
|
|
87
|
+
code: _propTypes.default.bool,
|
|
88
|
+
component: _propTypes.default.string
|
|
89
|
+
};
|
|
90
|
+
Numeral.defaultProps = {
|
|
91
|
+
rule: 'text',
|
|
92
|
+
precision: 0,
|
|
93
|
+
truncate: 'round',
|
|
94
|
+
parser: undefined,
|
|
95
|
+
copyable: false,
|
|
96
|
+
delete: false,
|
|
97
|
+
icon: '',
|
|
98
|
+
mark: false,
|
|
99
|
+
underline: false,
|
|
100
|
+
strong: false,
|
|
101
|
+
link: false,
|
|
102
|
+
type: 'primary',
|
|
103
|
+
style: {},
|
|
104
|
+
size: 'normal',
|
|
105
|
+
className: ''
|
|
106
|
+
};
|
|
@@ -21,12 +21,12 @@ export interface ParagraphProps extends Omit<React.HTMLAttributes<HTMLParagraphE
|
|
|
21
21
|
}
|
|
22
22
|
export default class Paragraph extends PureComponent<ParagraphProps> {
|
|
23
23
|
static propTypes: {
|
|
24
|
-
copyable: PropTypes.Requireable<boolean | object
|
|
24
|
+
copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
25
25
|
delete: PropTypes.Requireable<boolean>;
|
|
26
26
|
disabled: PropTypes.Requireable<boolean>;
|
|
27
|
-
ellipsis: PropTypes.Requireable<boolean | object
|
|
27
|
+
ellipsis: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
28
28
|
mark: PropTypes.Requireable<boolean>;
|
|
29
|
-
link: PropTypes.Requireable<boolean | object
|
|
29
|
+
link: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
30
30
|
underline: PropTypes.Requireable<boolean>;
|
|
31
31
|
strong: PropTypes.Requireable<boolean>;
|
|
32
32
|
type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
|
|
@@ -23,14 +23,14 @@ export interface TextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, O
|
|
|
23
23
|
}
|
|
24
24
|
export default class Text extends PureComponent<TextProps> {
|
|
25
25
|
static propTypes: {
|
|
26
|
-
copyable: PropTypes.Requireable<boolean | object
|
|
26
|
+
copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
27
27
|
delete: PropTypes.Requireable<boolean>;
|
|
28
28
|
disabled: PropTypes.Requireable<boolean>;
|
|
29
|
-
icon: PropTypes.Requireable<PropTypes.ReactNodeLike
|
|
30
|
-
ellipsis: PropTypes.Requireable<boolean | object
|
|
29
|
+
icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
30
|
+
ellipsis: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
31
31
|
mark: PropTypes.Requireable<boolean>;
|
|
32
32
|
underline: PropTypes.Requireable<boolean>;
|
|
33
|
-
link: PropTypes.Requireable<boolean | object
|
|
33
|
+
link: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
34
34
|
strong: PropTypes.Requireable<boolean>;
|
|
35
35
|
type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
|
|
36
36
|
size: PropTypes.Requireable<"small" | "normal">;
|
|
@@ -28,16 +28,16 @@ export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement
|
|
|
28
28
|
}
|
|
29
29
|
export default class Title extends PureComponent<TitleProps> {
|
|
30
30
|
static propTypes: {
|
|
31
|
-
copyable: PropTypes.Requireable<boolean | object
|
|
31
|
+
copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
32
32
|
delete: PropTypes.Requireable<boolean>;
|
|
33
33
|
disabled: PropTypes.Requireable<boolean>;
|
|
34
|
-
ellipsis: PropTypes.Requireable<boolean | object
|
|
34
|
+
ellipsis: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
35
35
|
mark: PropTypes.Requireable<boolean>;
|
|
36
|
-
link: PropTypes.Requireable<boolean | object
|
|
36
|
+
link: PropTypes.Requireable<NonNullable<boolean | object>>;
|
|
37
37
|
underline: PropTypes.Requireable<boolean>;
|
|
38
38
|
strong: PropTypes.Requireable<boolean>;
|
|
39
39
|
type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
|
|
40
|
-
heading: PropTypes.Requireable<1 | 2 | 3 | 4 |
|
|
40
|
+
heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
|
|
41
41
|
style: PropTypes.Requireable<object>;
|
|
42
42
|
className: PropTypes.Requireable<string>;
|
|
43
43
|
component: PropTypes.Requireable<string>;
|
|
@@ -21,7 +21,7 @@ declare class FileCard extends PureComponent<FileCardProps> {
|
|
|
21
21
|
previewFile: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
22
|
showReplace: PropTypes.Requireable<boolean>;
|
|
23
23
|
showRetry: PropTypes.Requireable<boolean>;
|
|
24
|
-
size: PropTypes.Requireable<string | number
|
|
24
|
+
size: PropTypes.Requireable<NonNullable<string | number>>;
|
|
25
25
|
status: PropTypes.Requireable<string>;
|
|
26
26
|
style: PropTypes.Requireable<object>;
|
|
27
27
|
url: PropTypes.Requireable<string>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
interface AnimationEventsNeedBind {
|
|
3
|
+
onAnimationStart?: (e: React.AnimationEvent) => void;
|
|
4
|
+
onAnimationEnd?: (e: React.AnimationEvent) => void;
|
|
5
|
+
[key: string]: (e: any) => void;
|
|
6
|
+
}
|
|
7
|
+
interface AnimationProps {
|
|
8
|
+
startClassName?: string;
|
|
9
|
+
endClassName?: string;
|
|
10
|
+
children: ({}: {
|
|
11
|
+
animationClassName: string;
|
|
12
|
+
animationStyle: CSSProperties;
|
|
13
|
+
animationEventsNeedBind: AnimationEventsNeedBind;
|
|
14
|
+
isAnimating: boolean;
|
|
15
|
+
}) => ReactNode;
|
|
16
|
+
animationState: "enter" | "leave";
|
|
17
|
+
onAnimationEnd?: (stoppedByAnother: boolean) => void;
|
|
18
|
+
onAnimationStart?: () => void;
|
|
19
|
+
motion?: boolean;
|
|
20
|
+
replayKey?: string;
|
|
21
|
+
}
|
|
22
|
+
interface AnimationState {
|
|
23
|
+
currentClassName: string;
|
|
24
|
+
extraStyle: CSSProperties;
|
|
25
|
+
isAnimating: boolean;
|
|
26
|
+
}
|
|
27
|
+
declare class CSSAnimation extends React.Component<AnimationProps, AnimationState> {
|
|
28
|
+
static defaultProps: {
|
|
29
|
+
motion: boolean;
|
|
30
|
+
replayKey: string;
|
|
31
|
+
};
|
|
32
|
+
constructor(props: any);
|
|
33
|
+
componentDidMount(): void;
|
|
34
|
+
componentDidUpdate(prevProps: Readonly<AnimationProps>, prevState: Readonly<AnimationState>, snapshot?: any): void;
|
|
35
|
+
handleAnimationStart: () => void;
|
|
36
|
+
handleAnimationEnd: () => void;
|
|
37
|
+
render(): React.ReactNode;
|
|
38
|
+
}
|
|
39
|
+
export default CSSAnimation;
|