@kdcloudjs/kdesign 1.8.12 → 1.8.13
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/kdesign.css +1 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +5 -3
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +2 -2
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/KeyCode.js +1 -333
- package/es/_utils/arrayUtil.js +0 -8
- package/es/_utils/formatUtil.js +9 -59
- package/es/_utils/getStringLength.js +0 -1
- package/es/_utils/hooks.js +2 -34
- package/es/_utils/index.js +1 -7
- package/es/_utils/numberUtil.js +0 -54
- package/es/_utils/raf.js +2 -2
- package/es/_utils/reactNode.js +1 -1
- package/es/_utils/resizeObserver.js +2 -4
- package/es/_utils/type.js +0 -1
- package/es/_utils/usePopper.js +3 -3
- package/es/alert/alert.js +8 -16
- package/es/anchor/anchor-link.js +3 -3
- package/es/anchor/anchor.js +23 -26
- package/es/anchor/context.js +1 -1
- package/es/avatar/avatar.js +8 -11
- package/es/badge/badge.js +7 -13
- package/es/base-data/base-data.js +34 -103
- package/es/breadcrumb/breadcrumb.js +12 -12
- package/es/breadcrumb/breadcrumbItem.js +5 -5
- package/es/button/button.js +13 -24
- package/es/button/group.js +13 -13
- package/es/card/card.js +12 -14
- package/es/carousel/carousel.js +13 -13
- package/es/carousel/displayList.js +3 -3
- package/es/carousel/fadeList.js +3 -3
- package/es/carousel/slideList.js +4 -4
- package/es/carousel/slidebar.js +3 -3
- package/es/cascader/cascader.js +31 -36
- package/es/checkbox/checkbox.js +25 -30
- package/es/checkbox/group.js +8 -9
- package/es/city-picker/city-picker.js +28 -38
- package/es/city-picker/interface.js +1 -1
- package/es/city-picker/option.js +4 -4
- package/es/clipboard/clipboard.js +5 -23
- package/es/clipboard/util.js +0 -60
- package/es/collapse/collapse.js +5 -5
- package/es/collapse/panel.js +15 -15
- package/es/color-picker/color-picker-panel.js +12 -13
- package/es/color-picker/color-picker.js +6 -10
- package/es/color-picker/utils/validateColor.js +0 -3
- package/es/config-provider/ConfigContext.js +1 -4
- package/es/config-provider/SizeContext.js +3 -3
- package/es/config-provider/compDefaultProps.js +3 -10
- package/es/config-provider/configProvider.js +1 -6
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/date-picker/calendar.js +6 -23
- package/es/date-picker/context.js +1 -1
- package/es/date-picker/date-panel.js +12 -13
- package/es/date-picker/date-picker.js +7 -12
- package/es/date-picker/hooks/use-hover-value.js +0 -1
- package/es/date-picker/hooks/use-picker-input.js +0 -4
- package/es/date-picker/hooks/use-range-disabled.js +2 -6
- package/es/date-picker/hooks/use-range-view-dates.js +1 -9
- package/es/date-picker/hooks/use-text-value-mapping.js +0 -1
- package/es/date-picker/locale/zh_CN.js +0 -1
- package/es/date-picker/panel/date-time/date-time.js +4 -6
- package/es/date-picker/panel/header/header.js +14 -14
- package/es/date-picker/panel/month/month.js +5 -6
- package/es/date-picker/panel/quarter/quarter.js +4 -4
- package/es/date-picker/panel/time/time-column.js +4 -6
- package/es/date-picker/panel/time/time.js +10 -35
- package/es/date-picker/panel/week/week.js +5 -8
- package/es/date-picker/panel/year/year.js +4 -6
- package/es/date-picker/popper.js +3 -6
- package/es/date-picker/range/input-range.js +12 -13
- package/es/date-picker/range-picker.js +13 -36
- package/es/date-picker/single/input-date.js +8 -14
- package/es/date-picker/utils/date-fns.js +0 -35
- package/es/date-picker/utils/get-extra-footer.js +1 -1
- package/es/date-picker/utils/get-ranges.js +8 -8
- package/es/date-picker/utils/index.js +0 -3
- package/es/divider/divider.js +2 -2
- package/es/drawer/drawer.js +14 -39
- package/es/dropdown/dropdown.js +10 -11
- package/es/dropdown/menu.js +8 -12
- package/es/empty/defaultEmptyImg.js +18 -18
- package/es/empty/empty.js +9 -10
- package/es/empty/illustrationEmptyImg.js +106 -106
- package/es/filter/condition.js +10 -10
- package/es/filter/filter.js +17 -19
- package/es/filter/scheme.js +34 -41
- package/es/form/Field.js +5 -5
- package/es/form/FieldContext.js +1 -1
- package/es/form/FieldLabel.js +2 -2
- package/es/form/FieldWrapper.js +6 -6
- package/es/form/Form.js +2 -5
- package/es/form/FormContext.js +2 -4
- package/es/form/hooks/useForm.js +1 -14
- package/es/form/index.js +1 -1
- package/es/grid/col.js +1 -7
- package/es/grid/row.js +3 -9
- package/es/icon/icon.js +2 -2
- package/es/image/image.js +5 -7
- package/es/image/preview-group.js +3 -4
- package/es/image/preview.js +22 -24
- package/es/image-cropper/cropper.js +3 -6
- package/es/image-cropper/image-cropper.js +5 -5
- package/es/image-cropper/operation-bar.js +9 -9
- package/es/index.js +4 -0
- package/es/input/ClearableLabeledInput.js +13 -13
- package/es/input/TextArea.js +7 -7
- package/es/input/calculateNodeHeight.js +6 -11
- package/es/input/index.js +0 -1
- package/es/input/input.js +5 -5
- package/es/input-number/inputNumber.js +3 -10
- package/es/layout/layout.js +5 -9
- package/es/layout/sider.js +11 -14
- package/es/link/link.js +8 -12
- package/es/locale/locale.js +4 -34
- package/es/menu/menu.js +3 -4
- package/es/menu/menuItem.js +8 -13
- package/es/menu/subMenu.js +19 -27
- package/es/menu/util.js +0 -4
- package/es/message/content.js +13 -13
- package/es/message/index.js +1 -3
- package/es/modal/confirm.js +1 -1
- package/es/modal/modal.js +32 -40
- package/es/notification/content.js +18 -18
- package/es/notification/index.js +1 -1
- package/es/notification-base/index.js +1 -1
- package/es/notification-base/notice.js +2 -2
- package/es/notification-base/notification.js +3 -3
- package/es/pagination/pagination.js +48 -70
- package/es/popconfirm/popconfirm.js +8 -10
- package/es/popper/index.d.ts +2 -0
- package/es/popper/index.js +9 -15
- package/es/progress/circle.js +6 -8
- package/es/progress/line.js +3 -3
- package/es/progress/progress.js +11 -11
- package/es/qr-code/qr-code.js +6 -6
- package/es/radio/context.js +1 -1
- package/es/radio/group.js +9 -13
- package/es/radio/radio-button.js +2 -2
- package/es/radio/radio.js +19 -24
- package/es/rate/rate.js +11 -61
- package/es/search/option.js +4 -5
- package/es/search/quick-search.js +36 -57
- package/es/search/search-panel.js +56 -60
- package/es/search/search.js +9 -10
- package/es/select/interface.js +1 -1
- package/es/select/option.js +4 -4
- package/es/select/select.js +47 -87
- package/es/signature/drawingBoard.js +16 -16
- package/es/signature/signature.js +20 -20
- package/es/signature/utils/signature_pad.js +4 -12
- package/es/slider/marks.js +3 -5
- package/es/slider/slider.js +11 -32
- package/es/slider/sliderTooltip.js +3 -3
- package/es/slider/steps.js +2 -2
- package/es/slider/track.js +1 -1
- package/es/space/space.js +3 -5
- package/es/spin/spin.js +16 -18
- package/es/split-panel/split-panel.js +7 -18
- package/es/split-panel/trigger.js +6 -6
- package/es/stepper/stepper.js +11 -12
- package/es/steps/Step.js +8 -8
- package/es/steps/Steps.js +5 -5
- package/es/switch/switch.js +4 -6
- package/es/table/api.js +5 -22
- package/es/table/table.js +4 -15
- package/es/tabs/active-line.js +2 -6
- package/es/tabs/arrow-button.js +3 -3
- package/es/tabs/context.js +1 -1
- package/es/tabs/index.js +0 -1
- package/es/tabs/tab-pane.js +6 -6
- package/es/tabs/tabs.js +31 -34
- package/es/tag/tag.js +7 -15
- package/es/timeline/Timeline.js +5 -5
- package/es/timeline/TimelineItem.js +5 -5
- package/es/tooltip/tooltip.js +2 -2
- package/es/transfer/list-body.js +4 -4
- package/es/transfer/list-item.js +5 -6
- package/es/transfer/list.js +18 -22
- package/es/transfer/operation.js +7 -7
- package/es/transfer/search.js +5 -5
- package/es/transfer/transfer.js +8 -13
- package/es/tree/tree.js +9 -9
- package/es/tree/treeNode.js +18 -20
- package/es/tree/utils/treeUtils.js +1 -27
- package/es/tree-select/interface.js +1 -1
- package/es/tree-select/tree-select.js +35 -48
- package/es/typography/base.js +5 -5
- package/es/typography/index.js +0 -1
- package/es/typography/paragraph.js +1 -1
- package/es/typography/text.js +1 -1
- package/es/typography/title.js +1 -1
- package/es/typography/typography.js +4 -8
- package/es/upload/dragger.js +2 -2
- package/es/upload/request.js +0 -5
- package/es/upload/scan-files.js +0 -1
- package/es/upload/upload.js +34 -34
- package/es/upload/verify-file.js +0 -1
- package/es/view-container/context.js +1 -1
- package/es/view-container/view-container.js +4 -8
- package/es/virtual-list/Filler.js +2 -2
- package/es/virtual-list/utils/algorithmUtil.js +0 -13
- package/es/virtual-list/utils/itemUtil.js +0 -30
- package/es/virtual-list/virtual-list.js +8 -11
- package/lib/_utils/KeyCode.js +1 -333
- package/lib/_utils/arrayUtil.js +0 -8
- package/lib/_utils/formatUtil.js +9 -59
- package/lib/_utils/getStringLength.js +0 -1
- package/lib/_utils/hooks.js +2 -34
- package/lib/_utils/index.js +0 -7
- package/lib/_utils/numberUtil.js +0 -54
- package/lib/_utils/raf.js +2 -2
- package/lib/_utils/reactNode.js +1 -1
- package/lib/_utils/resizeObserver.js +2 -4
- package/lib/_utils/type.js +0 -1
- package/lib/_utils/usePopper.js +3 -3
- package/lib/alert/alert.js +8 -16
- package/lib/anchor/anchor-link.js +3 -3
- package/lib/anchor/anchor.js +23 -26
- package/lib/anchor/context.js +1 -1
- package/lib/avatar/avatar.js +8 -11
- package/lib/badge/badge.js +7 -13
- package/lib/base-data/base-data.js +34 -103
- package/lib/breadcrumb/breadcrumb.js +12 -12
- package/lib/breadcrumb/breadcrumbItem.js +5 -5
- package/lib/button/button.js +13 -24
- package/lib/button/group.js +13 -13
- package/lib/card/card.js +12 -14
- package/lib/carousel/carousel.js +13 -13
- package/lib/carousel/displayList.js +3 -3
- package/lib/carousel/fadeList.js +3 -3
- package/lib/carousel/slideList.js +4 -4
- package/lib/carousel/slidebar.js +3 -3
- package/lib/cascader/cascader.js +31 -36
- package/lib/checkbox/checkbox.js +25 -30
- package/lib/checkbox/group.js +8 -8
- package/lib/city-picker/city-picker.js +28 -38
- package/lib/city-picker/interface.js +1 -1
- package/lib/city-picker/option.js +4 -4
- package/lib/clipboard/clipboard.js +5 -23
- package/lib/clipboard/util.js +0 -60
- package/lib/collapse/collapse.js +5 -5
- package/lib/collapse/panel.js +15 -15
- package/lib/color-picker/color-picker-panel.js +12 -14
- package/lib/color-picker/color-picker.js +6 -10
- package/lib/color-picker/utils/validateColor.js +0 -3
- package/lib/config-provider/ConfigContext.js +1 -5
- package/lib/config-provider/SizeContext.js +3 -3
- package/lib/config-provider/compDefaultProps.js +3 -10
- package/lib/config-provider/configProvider.js +1 -7
- package/lib/config-provider/defaultConfig.js +0 -1
- package/lib/date-picker/calendar.js +6 -23
- package/lib/date-picker/context.js +1 -1
- package/lib/date-picker/date-panel.js +12 -13
- package/lib/date-picker/date-picker.js +7 -12
- package/lib/date-picker/hooks/use-hover-value.js +0 -1
- package/lib/date-picker/hooks/use-picker-input.js +0 -4
- package/lib/date-picker/hooks/use-range-disabled.js +2 -6
- package/lib/date-picker/hooks/use-range-view-dates.js +1 -9
- package/lib/date-picker/hooks/use-text-value-mapping.js +0 -1
- package/lib/date-picker/locale/zh_CN.js +0 -1
- package/lib/date-picker/panel/date-time/date-time.js +4 -6
- package/lib/date-picker/panel/header/header.js +14 -14
- package/lib/date-picker/panel/month/month.js +5 -6
- package/lib/date-picker/panel/quarter/quarter.js +4 -4
- package/lib/date-picker/panel/time/time-column.js +4 -6
- package/lib/date-picker/panel/time/time.js +10 -35
- package/lib/date-picker/panel/week/week.js +5 -8
- package/lib/date-picker/panel/year/year.js +4 -6
- package/lib/date-picker/popper.js +3 -6
- package/lib/date-picker/range/input-range.js +12 -13
- package/lib/date-picker/range-picker.js +13 -36
- package/lib/date-picker/single/input-date.js +8 -14
- package/lib/date-picker/utils/date-fns.js +0 -34
- package/lib/date-picker/utils/get-extra-footer.js +1 -1
- package/lib/date-picker/utils/get-ranges.js +8 -8
- package/lib/date-picker/utils/index.js +0 -3
- package/lib/divider/divider.js +2 -2
- package/lib/drawer/drawer.js +14 -40
- package/lib/dropdown/dropdown.js +10 -11
- package/lib/dropdown/menu.js +8 -12
- package/lib/empty/defaultEmptyImg.js +18 -18
- package/lib/empty/empty.js +9 -10
- package/lib/empty/illustrationEmptyImg.js +106 -106
- package/lib/filter/condition.js +10 -10
- package/lib/filter/filter.js +17 -19
- package/lib/filter/scheme.js +34 -41
- package/lib/form/Field.js +5 -5
- package/lib/form/FieldContext.js +1 -1
- package/lib/form/FieldLabel.js +2 -2
- package/lib/form/FieldWrapper.js +6 -6
- package/lib/form/Form.js +2 -5
- package/lib/form/FormContext.js +2 -4
- package/lib/form/hooks/useForm.js +1 -14
- package/lib/form/index.js +1 -1
- package/lib/grid/col.js +1 -7
- package/lib/grid/row.js +3 -9
- package/lib/icon/icon.js +2 -2
- package/lib/image/image.js +5 -7
- package/lib/image/preview-group.js +3 -4
- package/lib/image/preview.js +22 -24
- package/lib/image-cropper/cropper.js +3 -6
- package/lib/image-cropper/image-cropper.js +5 -5
- package/lib/image-cropper/operation-bar.js +9 -9
- package/lib/index.js +2 -8
- package/lib/input/ClearableLabeledInput.js +13 -13
- package/lib/input/TextArea.js +7 -7
- package/lib/input/calculateNodeHeight.js +6 -11
- package/lib/input/index.js +0 -1
- package/lib/input/input.js +5 -5
- package/lib/input-number/inputNumber.js +3 -10
- package/lib/layout/layout.js +5 -9
- package/lib/layout/sider.js +11 -14
- package/lib/link/link.js +8 -12
- package/lib/locale/locale.js +4 -34
- package/lib/menu/menu.js +3 -4
- package/lib/menu/menuItem.js +8 -13
- package/lib/menu/subMenu.js +19 -27
- package/lib/menu/util.js +0 -4
- package/lib/message/content.js +13 -13
- package/lib/message/index.js +1 -3
- package/lib/modal/confirm.js +1 -1
- package/lib/modal/modal.js +32 -40
- package/lib/notification/content.js +18 -18
- package/lib/notification/index.js +1 -1
- package/lib/notification-base/index.js +1 -1
- package/lib/notification-base/notice.js +2 -2
- package/lib/notification-base/notification.js +3 -3
- package/lib/pagination/pagination.js +48 -70
- package/lib/popconfirm/popconfirm.js +8 -10
- package/lib/popper/index.d.ts +2 -0
- package/lib/popper/index.js +9 -15
- package/lib/progress/circle.js +6 -8
- package/lib/progress/line.js +3 -3
- package/lib/progress/progress.js +11 -11
- package/lib/qr-code/qr-code.js +6 -6
- package/lib/radio/context.js +1 -1
- package/lib/radio/group.js +9 -13
- package/lib/radio/radio-button.js +2 -2
- package/lib/radio/radio.js +19 -24
- package/lib/rate/rate.js +11 -61
- package/lib/search/option.js +4 -5
- package/lib/search/quick-search.js +36 -57
- package/lib/search/search-panel.js +56 -60
- package/lib/search/search.js +9 -10
- package/lib/select/interface.js +1 -1
- package/lib/select/option.js +4 -4
- package/lib/select/select.js +47 -87
- package/lib/signature/drawingBoard.js +16 -16
- package/lib/signature/signature.js +20 -20
- package/lib/signature/utils/signature_pad.js +4 -12
- package/lib/slider/marks.js +3 -5
- package/lib/slider/slider.js +11 -32
- package/lib/slider/sliderTooltip.js +3 -3
- package/lib/slider/steps.js +2 -2
- package/lib/slider/track.js +1 -1
- package/lib/space/space.js +3 -5
- package/lib/spin/spin.js +16 -18
- package/lib/split-panel/split-panel.js +7 -18
- package/lib/split-panel/trigger.js +6 -6
- package/lib/stepper/stepper.js +11 -12
- package/lib/steps/Step.js +8 -8
- package/lib/steps/Steps.js +5 -5
- package/lib/switch/switch.js +4 -6
- package/lib/table/api.js +5 -22
- package/lib/table/table.js +4 -15
- package/lib/tabs/active-line.js +2 -6
- package/lib/tabs/arrow-button.js +3 -3
- package/lib/tabs/context.js +1 -1
- package/lib/tabs/index.js +0 -1
- package/lib/tabs/tab-pane.js +6 -6
- package/lib/tabs/tabs.js +31 -34
- package/lib/tag/tag.js +7 -15
- package/lib/timeline/Timeline.js +5 -5
- package/lib/timeline/TimelineItem.js +5 -5
- package/lib/tooltip/tooltip.js +2 -2
- package/lib/transfer/list-body.js +4 -4
- package/lib/transfer/list-item.js +5 -6
- package/lib/transfer/list.js +18 -22
- package/lib/transfer/operation.js +7 -7
- package/lib/transfer/search.js +5 -5
- package/lib/transfer/transfer.js +8 -13
- package/lib/tree/tree.js +9 -9
- package/lib/tree/treeNode.js +18 -20
- package/lib/tree/utils/treeUtils.js +1 -27
- package/lib/tree-select/interface.js +1 -1
- package/lib/tree-select/tree-select.js +35 -48
- package/lib/typography/base.js +5 -5
- package/lib/typography/index.js +0 -1
- package/lib/typography/paragraph.js +1 -1
- package/lib/typography/text.js +1 -1
- package/lib/typography/title.js +1 -1
- package/lib/typography/typography.js +4 -8
- package/lib/upload/dragger.js +2 -2
- package/lib/upload/request.js +0 -5
- package/lib/upload/scan-files.js +0 -1
- package/lib/upload/upload.js +34 -34
- package/lib/upload/verify-file.js +0 -1
- package/lib/view-container/context.js +1 -1
- package/lib/view-container/view-container.js +4 -8
- package/lib/virtual-list/Filler.js +2 -2
- package/lib/virtual-list/utils/algorithmUtil.js +0 -13
- package/lib/virtual-list/utils/itemUtil.js +0 -30
- package/lib/virtual-list/virtual-list.js +8 -12
- package/package.json +1 -3
|
@@ -26,7 +26,7 @@ var _index = require("../index");
|
|
|
26
26
|
var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
|
|
27
27
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
28
28
|
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; }
|
|
29
|
-
var INPUT_MIN_WIDTH = 4;
|
|
29
|
+
var INPUT_MIN_WIDTH = 4;
|
|
30
30
|
function flattenTreeData(treeData) {
|
|
31
31
|
var map = new _map.default();
|
|
32
32
|
function flatten(node) {
|
|
@@ -113,7 +113,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
113
113
|
onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon,
|
|
114
114
|
listHeight = treeSelectProps.listHeight,
|
|
115
115
|
status = treeSelectProps.status;
|
|
116
|
-
var isMultiple = mode === 'multiple';
|
|
116
|
+
var isMultiple = mode === 'multiple';
|
|
117
117
|
var _useMergedState = (0, _hooks.useMergedState)(isMultiple ? [] : undefined, {
|
|
118
118
|
value: value,
|
|
119
119
|
defaultValue: defaultValue
|
|
@@ -131,22 +131,22 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
131
131
|
setSelectedKeys = _useState4[1];
|
|
132
132
|
var innerRef = (0, _react.useRef)();
|
|
133
133
|
var selectRef = ref || innerRef;
|
|
134
|
-
var searchRef = (0, _react.useRef)(null);
|
|
134
|
+
var searchRef = (0, _react.useRef)(null);
|
|
135
135
|
var selectionRef = (0, _react.useRef)(null);
|
|
136
136
|
var dropDownRef = (0, _react.useRef)(null);
|
|
137
137
|
var measureRef = (0, _react.useRef)(null);
|
|
138
138
|
var _useState5 = (0, _react.useState)(!!props.visible || defaultOpen),
|
|
139
139
|
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
140
140
|
optionShow = _useState6[0],
|
|
141
|
-
setOptionShow = _useState6[1];
|
|
141
|
+
setOptionShow = _useState6[1];
|
|
142
142
|
var _useState7 = (0, _react.useState)(''),
|
|
143
143
|
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
144
144
|
searchValue = _useState8[0],
|
|
145
|
-
setSearchValue = _useState8[1];
|
|
145
|
+
setSearchValue = _useState8[1];
|
|
146
146
|
var _useState9 = (0, _react.useState)(INPUT_MIN_WIDTH),
|
|
147
147
|
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
148
148
|
inputWidth = _useState10[0],
|
|
149
|
-
setInputWidth = _useState10[1];
|
|
149
|
+
setInputWidth = _useState10[1];
|
|
150
150
|
var _useState11 = (0, _react.useState)(autoFocus),
|
|
151
151
|
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
152
152
|
focusd = _useState12[0],
|
|
@@ -162,12 +162,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
162
162
|
return !!(selectTreeNodes === null || selectTreeNodes === void 0 ? void 0 : selectTreeNodes.length);
|
|
163
163
|
}, [selectTreeNodes]);
|
|
164
164
|
var selectPrefixCls = getPrefixCls(prefixCls, 'tree-select', customPrefixcls);
|
|
165
|
-
// 选择器样式
|
|
166
165
|
var selectCls = (0, _classnames.default)(selectPrefixCls, className, (0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-visible"), optionShow));
|
|
167
166
|
var selectionCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-selector"), true));
|
|
168
|
-
// 下拉列表框样式
|
|
169
167
|
var dropDownCls = (0, _classnames.default)(dropdownClassName, (0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-dropdown"), true));
|
|
170
|
-
// 多选,单选公共样式
|
|
171
168
|
var commCls = (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), (0, _defineProperty2.default)(_classNames4, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames4, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context3 = "".concat(selectPrefixCls, "-size-")).call(_context3, size), size), (0, _defineProperty2.default)(_classNames4, "".concat(selectPrefixCls, "-wrapper"), true), (0, _defineProperty2.default)(_classNames4, "".concat(selectPrefixCls, "-error"), status === 'error'), _classNames4));
|
|
172
169
|
(0, _react.useEffect)(function () {
|
|
173
170
|
var arr = [];
|
|
@@ -226,21 +223,18 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
226
223
|
var getTreeNodeLabel = function getTreeNodeLabel(node) {
|
|
227
224
|
return (node === null || node === void 0 ? void 0 : node[treeNodeLabelProp]) || (node === null || node === void 0 ? void 0 : node.title);
|
|
228
225
|
};
|
|
229
|
-
// 输入框变化搜索内容
|
|
230
226
|
var handleSearchChange = (0, _react.useCallback)(function (event) {
|
|
231
227
|
var val = event.currentTarget.value;
|
|
232
228
|
handleVisibleChange(true);
|
|
233
229
|
setSearchValue(val);
|
|
234
230
|
onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
|
|
235
231
|
}, [onSearch]);
|
|
236
|
-
// 清除搜索内容
|
|
237
232
|
var handleClear = (0, _react.useCallback)(function () {
|
|
238
233
|
if (searchRef.current) {
|
|
239
234
|
searchRef.current.value = '';
|
|
240
235
|
setSearchValue('');
|
|
241
236
|
}
|
|
242
237
|
}, [searchRef]);
|
|
243
|
-
// 清空选择器内容
|
|
244
238
|
var handleReset = function handleReset(e) {
|
|
245
239
|
e.stopPropagation();
|
|
246
240
|
if (isMultiple) {
|
|
@@ -252,7 +246,6 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
252
246
|
setSearchValue('');
|
|
253
247
|
isMultiple ? onChange === null || onChange === void 0 ? void 0 : onChange('', '') : onChange === null || onChange === void 0 ? void 0 : onChange(undefined, undefined);
|
|
254
248
|
};
|
|
255
|
-
// 多选模式下清除某一项
|
|
256
249
|
var handleRemove = function handleRemove(e, key) {
|
|
257
250
|
var _context4;
|
|
258
251
|
var _a, _b;
|
|
@@ -291,25 +284,23 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
291
284
|
!Object.hasOwnProperty.call(treeSelectProps, 'treeExpandedKeys') && setExpandedKeys(keys);
|
|
292
285
|
onTreeExpand === null || onTreeExpand === void 0 ? void 0 : onTreeExpand(keys, state);
|
|
293
286
|
};
|
|
294
|
-
// 渲染后缀图标
|
|
295
287
|
var renderSuffix = function renderSuffix() {
|
|
296
288
|
var _classNames5;
|
|
297
289
|
var suffixIcon = treeSelectProps.suffixIcon;
|
|
298
|
-
// 选择器下拉icon样式
|
|
299
290
|
var arrowIconCls = (0, _classnames.default)((_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, "".concat(selectPrefixCls, "-icon-arrow"), true), (0, _defineProperty2.default)(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), (0, _defineProperty2.default)(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), (0, _defineProperty2.default)(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames5));
|
|
300
291
|
var iconShow = allowClear && !disabled && (isMultiple ? !!selectTreeNodes.length : (initValue !== null && initValue !== void 0 ? initValue : '') !== '' || searchValue);
|
|
301
292
|
var clearIconCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
302
|
-
return
|
|
293
|
+
return _react.default.createElement(_react.default.Fragment, null, iconShow && _react.default.createElement("span", {
|
|
303
294
|
onClick: handleReset,
|
|
304
295
|
onMouseDown: function onMouseDown(e) {
|
|
305
296
|
return e.preventDefault();
|
|
306
297
|
},
|
|
307
298
|
className: clearIconCls
|
|
308
|
-
}, clearIcon ||
|
|
299
|
+
}, clearIcon || _react.default.createElement(_index.Icon, {
|
|
309
300
|
type: "close-solid"
|
|
310
|
-
})), showArrow &&
|
|
301
|
+
})), showArrow && _react.default.createElement("span", {
|
|
311
302
|
className: arrowIconCls
|
|
312
|
-
}, suffixIcon ||
|
|
303
|
+
}, suffixIcon || _react.default.createElement(_index.Icon, {
|
|
313
304
|
type: "arrow-down"
|
|
314
305
|
})));
|
|
315
306
|
};
|
|
@@ -351,15 +342,13 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
351
342
|
treeProps.checkedKeys = initValue;
|
|
352
343
|
treeProps.onCheck = handleCheck;
|
|
353
344
|
}
|
|
354
|
-
return
|
|
345
|
+
return _react.default.createElement(_index.Tree, (0, _extends2.default)({}, treeProps));
|
|
355
346
|
};
|
|
356
|
-
// 下拉列表为空时显示的内容
|
|
357
347
|
var renderNotContent = function renderNotContent() {
|
|
358
|
-
// 下拉列表为空
|
|
359
348
|
var emptyListCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
|
|
360
349
|
var notFoundContent = treeSelectProps.notFoundContent;
|
|
361
350
|
var emptyContent = notFoundContent || locale.getLangMsg('global', 'emptyText');
|
|
362
|
-
return
|
|
351
|
+
return _react.default.createElement("div", {
|
|
363
352
|
className: emptyListCls
|
|
364
353
|
}, emptyContent);
|
|
365
354
|
};
|
|
@@ -375,29 +364,27 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
375
364
|
(0, _react.useEffect)(function () {
|
|
376
365
|
setOptionShow(props.visible);
|
|
377
366
|
}, [props.visible]);
|
|
378
|
-
// 渲染下拉列表框
|
|
379
367
|
var renderContent = function renderContent() {
|
|
380
368
|
var dropDownStyle = (0, _extends2.default)({
|
|
381
369
|
width: style === null || style === void 0 ? void 0 : style.width,
|
|
382
370
|
maxHeight: virtual ? 'unset' : ''
|
|
383
371
|
}, dropdownStyle);
|
|
384
|
-
return
|
|
372
|
+
return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
|
|
385
373
|
className: dropDownCls,
|
|
386
374
|
style: dropDownStyle,
|
|
387
375
|
ref: dropDownRef
|
|
388
376
|
}, dropdownRender ? dropdownRender === null || dropdownRender === void 0 ? void 0 : dropdownRender(dropRender()) : dropRender()));
|
|
389
377
|
};
|
|
390
|
-
// 处理多选tag
|
|
391
378
|
var handleMaxTagHolder = (0, _react.useCallback)(function () {
|
|
392
379
|
var maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
|
|
393
380
|
if (typeof maxTagPlaceholder === 'function') {
|
|
394
|
-
return
|
|
381
|
+
return _react.default.createElement(_index.Tag, {
|
|
395
382
|
type: "edit",
|
|
396
383
|
size: size,
|
|
397
384
|
disabled: disabled
|
|
398
385
|
}, maxTagPlaceholder(selectTreeNodes));
|
|
399
386
|
} else {
|
|
400
|
-
return
|
|
387
|
+
return _react.default.createElement(_index.Tag, {
|
|
401
388
|
type: "edit",
|
|
402
389
|
size: size,
|
|
403
390
|
disabled: disabled
|
|
@@ -409,13 +396,13 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
409
396
|
if (isSelected) {
|
|
410
397
|
label = getTreeNodeLabel(selectTreeNodes[0]);
|
|
411
398
|
}
|
|
412
|
-
return
|
|
399
|
+
return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
|
|
413
400
|
className: singleCls,
|
|
414
401
|
ref: selectionRef,
|
|
415
402
|
title: typeof label === 'string' ? label : ''
|
|
416
|
-
},
|
|
403
|
+
}, _react.default.createElement("span", {
|
|
417
404
|
className: "".concat(selectPrefixCls, "-selection-search")
|
|
418
|
-
},
|
|
405
|
+
}, _react.default.createElement("input", {
|
|
419
406
|
ref: searchRef,
|
|
420
407
|
value: searchValue,
|
|
421
408
|
className: "".concat(selectPrefixCls, "-selection-search-input"),
|
|
@@ -423,11 +410,11 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
423
410
|
onFocus: handleFocus,
|
|
424
411
|
onBlur: handleBlur,
|
|
425
412
|
readOnly: !showSearch || !!disabled
|
|
426
|
-
})), isSelected && !searchValue &&
|
|
413
|
+
})), isSelected && !searchValue && _react.default.createElement("span", {
|
|
427
414
|
className: "".concat(selectPrefixCls, "-selection-item")
|
|
428
|
-
}, label), !isSelected && !searchValue &&
|
|
415
|
+
}, label), !isSelected && !searchValue && _react.default.createElement("span", {
|
|
429
416
|
className: "".concat(selectPrefixCls, "-placeholder")
|
|
430
|
-
}, placeholder),
|
|
417
|
+
}, placeholder), _react.default.createElement("span", {
|
|
431
418
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
432
419
|
}, renderSuffix())));
|
|
433
420
|
};
|
|
@@ -444,13 +431,13 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
444
431
|
var totalText = locale.getLangMsg('TreeSelect', 'total', {
|
|
445
432
|
total: selectTreeNodes.length
|
|
446
433
|
});
|
|
447
|
-
return
|
|
434
|
+
return _react.default.createElement("div", {
|
|
448
435
|
className: multipleCls,
|
|
449
436
|
ref: selectionRef
|
|
450
|
-
}, Array.isArray(selectTreeNodes) &&
|
|
437
|
+
}, Array.isArray(selectTreeNodes) && _react.default.createElement(_react.default.Fragment, null, (0, _map2.default)(selectTreeNodes).call(selectTreeNodes, function (item, index) {
|
|
451
438
|
var key = item.key;
|
|
452
439
|
var label = getTreeNodeLabel(item);
|
|
453
|
-
return (!maxTagCount || index <= maxTagCount - 1) &&
|
|
440
|
+
return (!maxTagCount || index <= maxTagCount - 1) && _react.default.createElement("span", {
|
|
454
441
|
key: key,
|
|
455
442
|
className: (0, _classnames.default)("".concat(selectPrefixCls, "-selection-tag")),
|
|
456
443
|
onMouseDown: function onMouseDown(e) {
|
|
@@ -460,7 +447,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
460
447
|
onClose: handleRemove,
|
|
461
448
|
disabled: disabled,
|
|
462
449
|
size: size
|
|
463
|
-
}, item)) :
|
|
450
|
+
}, item)) : _react.default.createElement(_index.Tag, {
|
|
464
451
|
type: "edit",
|
|
465
452
|
style: TagStyle,
|
|
466
453
|
size: size,
|
|
@@ -472,16 +459,16 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
472
459
|
"data-tag": key,
|
|
473
460
|
title: typeof label === 'string' ? label : ''
|
|
474
461
|
}, label));
|
|
475
|
-
}), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() :
|
|
462
|
+
}), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : _react.default.createElement("span", {
|
|
476
463
|
className: itemCls
|
|
477
|
-
},
|
|
464
|
+
}, _react.default.createElement("span", {
|
|
478
465
|
className: "".concat(selectPrefixCls, "-selection-item-content")
|
|
479
|
-
}, totalText)) : null),
|
|
466
|
+
}, totalText)) : null), _react.default.createElement("span", {
|
|
480
467
|
className: "".concat(selectPrefixCls, "-selection-search"),
|
|
481
468
|
style: {
|
|
482
469
|
width: inputWidth
|
|
483
470
|
}
|
|
484
|
-
},
|
|
471
|
+
}, _react.default.createElement("input", {
|
|
485
472
|
ref: searchRef,
|
|
486
473
|
value: searchValue,
|
|
487
474
|
className: "".concat(selectPrefixCls, "-selection-search-input"),
|
|
@@ -489,22 +476,22 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
489
476
|
onFocus: handleFocus,
|
|
490
477
|
onBlur: handleBlur,
|
|
491
478
|
readOnly: !showSearch || !!disabled
|
|
492
|
-
}),
|
|
479
|
+
}), _react.default.createElement("span", {
|
|
493
480
|
ref: measureRef,
|
|
494
481
|
className: "".concat(selectPrefixCls, "-selection-search-mirror")
|
|
495
|
-
}, searchValue, "\xA0")),
|
|
482
|
+
}, searchValue, "\xA0")), _react.default.createElement("span", {
|
|
496
483
|
className: "".concat(selectPrefixCls, "-placeholder")
|
|
497
|
-
}, !(selectTreeNodes === null || selectTreeNodes === void 0 ? void 0 : selectTreeNodes.length) && !searchValue && placeholder),
|
|
484
|
+
}, !(selectTreeNodes === null || selectTreeNodes === void 0 ? void 0 : selectTreeNodes.length) && !searchValue && placeholder), _react.default.createElement("span", {
|
|
498
485
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
499
486
|
}, renderSuffix()));
|
|
500
487
|
};
|
|
501
488
|
var singleCls = (0, _classnames.default)(commCls, (_classNames10 = {}, (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-single-disabled"), disabled), (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames10));
|
|
502
489
|
var renderSelect = function renderSelect() {
|
|
503
|
-
return
|
|
490
|
+
return _react.default.createElement("div", {
|
|
504
491
|
className: selectCls,
|
|
505
492
|
ref: selectRef,
|
|
506
493
|
style: style
|
|
507
|
-
},
|
|
494
|
+
}, _react.default.createElement("span", {
|
|
508
495
|
className: selectionCls,
|
|
509
496
|
tabIndex: disabled ? -1 : 0,
|
|
510
497
|
onFocus: function onFocus() {
|
|
@@ -546,7 +533,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
546
533
|
});
|
|
547
534
|
return (0, _usePopper.default)(renderSelect(), renderContent(), popperProps);
|
|
548
535
|
};
|
|
549
|
-
var TreeSelect =
|
|
536
|
+
var TreeSelect = _react.default.forwardRef(InternalTreeSelect);
|
|
550
537
|
TreeSelect.displayName = 'TreeSelect';
|
|
551
538
|
var _default = TreeSelect;
|
|
552
539
|
exports.default = _default;
|
package/lib/typography/base.js
CHANGED
|
@@ -43,7 +43,7 @@ function wrapperDecorations(_ref, content) {
|
|
|
43
43
|
var currentContent = content;
|
|
44
44
|
function wrap(needed, tag) {
|
|
45
45
|
if (!needed) return;
|
|
46
|
-
currentContent =
|
|
46
|
+
currentContent = _react.default.createElement(tag, {}, currentContent);
|
|
47
47
|
}
|
|
48
48
|
wrap(strong, 'strong');
|
|
49
49
|
wrap(underline, 'u');
|
|
@@ -59,10 +59,10 @@ var InternalBase = function InternalBase(props, ref) {
|
|
|
59
59
|
getPrefixCls = _useContext.getPrefixCls,
|
|
60
60
|
prefixCls = _useContext.prefixCls,
|
|
61
61
|
userDefaultProps = _useContext.compDefaultProps;
|
|
62
|
-
var contentRef = ref ||
|
|
62
|
+
var contentRef = ref || _react.default.createRef();
|
|
63
63
|
var typographyProps = (0, _utils.getCompProps)('Typography', userDefaultProps, props);
|
|
64
64
|
var customPrefixcls = typographyProps.prefixCls;
|
|
65
|
-
var typographyPrefixCls = getPrefixCls(prefixCls, 'typography', customPrefixcls);
|
|
65
|
+
var typographyPrefixCls = getPrefixCls(prefixCls, 'typography', customPrefixcls);
|
|
66
66
|
var renderContent = function renderContent() {
|
|
67
67
|
var _context, _classNames;
|
|
68
68
|
var component = props.component,
|
|
@@ -79,7 +79,7 @@ var InternalBase = function InternalBase(props, ref) {
|
|
|
79
79
|
var typographyClasses = (0, _classnames.default)(className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(typographyPrefixCls, "-")).call(_context, type), type), (0, _defineProperty2.default)(_classNames, "".concat(typographyPrefixCls, "-disabled"), disabled), _classNames));
|
|
80
80
|
var textNode = children;
|
|
81
81
|
textNode = wrapperDecorations(props, textNode);
|
|
82
|
-
return
|
|
82
|
+
return _react.default.createElement(_typography.default, (0, _extends2.default)({
|
|
83
83
|
component: component,
|
|
84
84
|
style: style,
|
|
85
85
|
className: typographyClasses,
|
|
@@ -88,6 +88,6 @@ var InternalBase = function InternalBase(props, ref) {
|
|
|
88
88
|
};
|
|
89
89
|
return renderContent();
|
|
90
90
|
};
|
|
91
|
-
var Base =
|
|
91
|
+
var Base = _react.default.forwardRef(InternalBase);
|
|
92
92
|
var _default = Base;
|
|
93
93
|
exports.default = _default;
|
package/lib/typography/index.js
CHANGED
|
@@ -14,7 +14,7 @@ var _base = _interopRequireDefault(require("./base"));
|
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
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; }
|
|
16
16
|
var Paragraph = function Paragraph(props) {
|
|
17
|
-
return
|
|
17
|
+
return React.createElement(_base.default, (0, _extends2.default)({}, props, {
|
|
18
18
|
component: "div"
|
|
19
19
|
}));
|
|
20
20
|
};
|
package/lib/typography/text.js
CHANGED
|
@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _base = _interopRequireDefault(require("./base"));
|
|
11
11
|
var Text = function Text(props) {
|
|
12
|
-
return
|
|
12
|
+
return _react.default.createElement(_base.default, (0, _extends2.default)({}, props, {
|
|
13
13
|
component: "span"
|
|
14
14
|
}));
|
|
15
15
|
};
|
package/lib/typography/title.js
CHANGED
|
@@ -32,7 +32,7 @@ var Title = function Title(props) {
|
|
|
32
32
|
(0, _devwarning.default)(true, 'typography', "cannot found level '".concat(level, "'"));
|
|
33
33
|
component = 'h1';
|
|
34
34
|
}
|
|
35
|
-
return
|
|
35
|
+
return _react.default.createElement(_base.default, (0, _extends2.default)({}, restProps, {
|
|
36
36
|
component: component
|
|
37
37
|
}));
|
|
38
38
|
};
|
|
@@ -24,7 +24,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
24
24
|
}
|
|
25
25
|
return t;
|
|
26
26
|
};
|
|
27
|
-
// remove this line and code Typography component here
|
|
28
27
|
var InternalTypography = function InternalTypography(props, ref) {
|
|
29
28
|
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
30
29
|
getPrefixCls = _useContext.getPrefixCls,
|
|
@@ -38,19 +37,16 @@ var InternalTypography = function InternalTypography(props, ref) {
|
|
|
38
37
|
ariaLabel = typographyProps['aria-label'],
|
|
39
38
|
children = typographyProps.children,
|
|
40
39
|
restProps = __rest(typographyProps, ["prefixCls", "component", "className", 'aria-label', "children"]);
|
|
41
|
-
var typographyPrefixCls = getPrefixCls(prefixCls, 'typography', customPrefixcls);
|
|
42
|
-
var typographyClasses = (0, _classnames.default)(typographyPrefixCls, className, {
|
|
43
|
-
// [`${typographyPrefixCls}-size-${size}`]: size,
|
|
44
|
-
// [`${typographyPrefixCls}-borderless`]: borderType === 'none',
|
|
45
|
-
});
|
|
40
|
+
var typographyPrefixCls = getPrefixCls(prefixCls, 'typography', customPrefixcls);
|
|
41
|
+
var typographyClasses = (0, _classnames.default)(typographyPrefixCls, className, {});
|
|
46
42
|
var Component = component;
|
|
47
|
-
return
|
|
43
|
+
return _react.default.createElement(Component, (0, _extends2.default)({
|
|
48
44
|
className: typographyClasses,
|
|
49
45
|
"aria-label": ariaLabel,
|
|
50
46
|
ref: ref
|
|
51
47
|
}, restProps), children);
|
|
52
48
|
};
|
|
53
|
-
var Typography =
|
|
49
|
+
var Typography = _react.default.forwardRef(InternalTypography);
|
|
54
50
|
Typography.displayName = 'Typography';
|
|
55
51
|
var _default = Typography;
|
|
56
52
|
exports.default = _default;
|
package/lib/upload/dragger.js
CHANGED
|
@@ -26,7 +26,7 @@ var InternalDragger = function InternalDragger(_a, ref) {
|
|
|
26
26
|
var style = _a.style,
|
|
27
27
|
height = _a.height,
|
|
28
28
|
restProps = __rest(_a, ["style", "height"]);
|
|
29
|
-
return
|
|
29
|
+
return React.createElement(_upload.default, (0, _extends2.default)({
|
|
30
30
|
ref: ref
|
|
31
31
|
}, restProps, {
|
|
32
32
|
type: "drag",
|
|
@@ -35,7 +35,7 @@ var InternalDragger = function InternalDragger(_a, ref) {
|
|
|
35
35
|
})
|
|
36
36
|
}));
|
|
37
37
|
};
|
|
38
|
-
var Dragger =
|
|
38
|
+
var Dragger = React.forwardRef(InternalDragger);
|
|
39
39
|
Dragger.displayName = 'Dragger';
|
|
40
40
|
var _default = Dragger;
|
|
41
41
|
exports.default = _default;
|
package/lib/upload/request.js
CHANGED
|
@@ -41,11 +41,8 @@ function upload(option) {
|
|
|
41
41
|
if (option.data) {
|
|
42
42
|
(0, _keys.default)(option.data).forEach(function (key) {
|
|
43
43
|
var value = option.data[key];
|
|
44
|
-
// support key-value array data
|
|
45
44
|
if (Array.isArray(value)) {
|
|
46
45
|
value.forEach(function (item) {
|
|
47
|
-
// { list: [ 11, 22 ] }
|
|
48
|
-
// formData.append('list[]', 11)
|
|
49
46
|
formData.append("".concat(key, "[]"), item);
|
|
50
47
|
});
|
|
51
48
|
return;
|
|
@@ -68,12 +65,10 @@ function upload(option) {
|
|
|
68
65
|
return option.onSuccess(getBody(xhr), xhr);
|
|
69
66
|
};
|
|
70
67
|
xhr.open(option.method, option.action, true);
|
|
71
|
-
// Has to be after `.open()`. See https://github.com/enyo/dropzone/issues/179
|
|
72
68
|
if (option.withCredentials && 'withCredentials' in xhr) {
|
|
73
69
|
xhr.withCredentials = true;
|
|
74
70
|
}
|
|
75
71
|
var headers = option.headers || {};
|
|
76
|
-
// when set headers['X-Requested-With'] = null , can close default XHR header
|
|
77
72
|
if (headers['X-Requested-With'] !== null) {
|
|
78
73
|
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
|
79
74
|
}
|
package/lib/upload/scan-files.js
CHANGED
|
@@ -14,7 +14,6 @@ function loopFiles(item, callback) {
|
|
|
14
14
|
dirReader.readEntries(function (entries) {
|
|
15
15
|
var entryList = (0, _slice.default)(Array.prototype).apply(entries);
|
|
16
16
|
fileList = (0, _concat.default)(fileList).call(fileList, entryList);
|
|
17
|
-
// Check if all the file has been viewed
|
|
18
17
|
var isFinished = !entryList.length;
|
|
19
18
|
if (isFinished) {
|
|
20
19
|
callback(fileList);
|
package/lib/upload/upload.js
CHANGED
|
@@ -91,7 +91,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
91
91
|
pkgPrefixCls = _useContext.prefixCls,
|
|
92
92
|
userDefaultProps = _useContext.compDefaultProps;
|
|
93
93
|
var inputRef = (0, _react.useRef)(null);
|
|
94
|
-
var allProps = (0, _utils.getCompProps)('Upload', userDefaultProps, props);
|
|
94
|
+
var allProps = (0, _utils.getCompProps)('Upload', userDefaultProps, props);
|
|
95
95
|
var type = allProps.type,
|
|
96
96
|
style = allProps.style,
|
|
97
97
|
accept = allProps.accept,
|
|
@@ -239,7 +239,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
239
239
|
onFileListChange(file, fileList);
|
|
240
240
|
},
|
|
241
241
|
onSuccess: function onSuccess(response, xhr) {
|
|
242
|
-
return __awaiter(void 0, void 0, void 0,
|
|
242
|
+
return __awaiter(void 0, void 0, void 0, _regenerator.default.mark(function _callee() {
|
|
243
243
|
var url;
|
|
244
244
|
return _regenerator.default.wrap(function _callee$(_context3) {
|
|
245
245
|
while (1) switch (_context3.prev = _context3.next) {
|
|
@@ -397,39 +397,39 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
397
397
|
input: inputRef.current
|
|
398
398
|
};
|
|
399
399
|
});
|
|
400
|
-
return
|
|
400
|
+
return _react.default.createElement("div", {
|
|
401
401
|
className: (0, _classnames.default)(prefixCls, {
|
|
402
402
|
disabled: disabled
|
|
403
403
|
}, className),
|
|
404
404
|
style: style
|
|
405
|
-
}, listType === 'text' && hasChildren &&
|
|
405
|
+
}, listType === 'text' && hasChildren && _react.default.createElement("label", (0, _extends2.default)({
|
|
406
406
|
className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context5 = "".concat(prefixCls, "-")).call(_context5, type), true), (0, _defineProperty2.default)(_classNames, "hover", hover), _classNames))
|
|
407
|
-
}, dragEvents),
|
|
407
|
+
}, dragEvents), _react.default.createElement("span", {
|
|
408
408
|
className: "".concat(prefixCls, "-handle")
|
|
409
|
-
}, children),
|
|
409
|
+
}, children), _react.default.createElement("span", {
|
|
410
410
|
className: "".concat(prefixCls, "-input")
|
|
411
|
-
},
|
|
411
|
+
}, _react.default.createElement("input", (0, _extends2.default)({
|
|
412
412
|
title: "",
|
|
413
413
|
type: "file"
|
|
414
414
|
}, inputFileProps, {
|
|
415
415
|
ref: inputRef
|
|
416
|
-
})))), (listType === 'picture' || !(listType === 'text' && (!showUploadList || !fileList.length))) &&
|
|
416
|
+
})))), (listType === 'picture' || !(listType === 'text' && (!showUploadList || !fileList.length))) && _react.default.createElement("ul", {
|
|
417
417
|
className: (0, _concat.default)(_context6 = "".concat(prefixCls, "-")).call(_context6, listType, "-list")
|
|
418
|
-
}, listType === 'picture' && hasChildren &&
|
|
418
|
+
}, listType === 'picture' && hasChildren && _react.default.createElement("li", {
|
|
419
419
|
className: (0, _classnames.default)((0, _concat.default)(_context7 = "".concat(prefixCls, "-")).call(_context7, listType, "-list-item"))
|
|
420
|
-
},
|
|
420
|
+
}, _react.default.createElement("label", {
|
|
421
421
|
className: "".concat(prefixCls, "-select")
|
|
422
|
-
},
|
|
422
|
+
}, _react.default.createElement("span", {
|
|
423
423
|
className: "".concat(prefixCls, "-handle")
|
|
424
|
-
}, children),
|
|
424
|
+
}, children), _react.default.createElement("span", {
|
|
425
425
|
className: "".concat(prefixCls, "-input")
|
|
426
|
-
},
|
|
426
|
+
}, _react.default.createElement("input", (0, _extends2.default)({
|
|
427
427
|
title: "",
|
|
428
428
|
type: "file"
|
|
429
429
|
}, inputFileProps, {
|
|
430
430
|
ref: inputRef
|
|
431
431
|
}))))), showUploadList && (0, _map.default)(fileList).call(fileList, function (file) {
|
|
432
|
-
return itemRender ? itemRender(
|
|
432
|
+
return itemRender ? itemRender(_react.default.createElement(Item, (0, _extends2.default)({}, {
|
|
433
433
|
file: file,
|
|
434
434
|
prefixCls: prefixCls,
|
|
435
435
|
listType: listType,
|
|
@@ -437,7 +437,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
437
437
|
handleRemove: handleRemove,
|
|
438
438
|
disabled: disabled,
|
|
439
439
|
onPreview: onPreview
|
|
440
|
-
})), file, fileList) :
|
|
440
|
+
})), file, fileList) : _react.default.createElement(Item, (0, _extends2.default)({
|
|
441
441
|
key: file.uid
|
|
442
442
|
}, {
|
|
443
443
|
file: file,
|
|
@@ -474,58 +474,58 @@ var Item = function Item(_ref3) {
|
|
|
474
474
|
var handlePreview = function handlePreview() {
|
|
475
475
|
onPreview && onPreview(file);
|
|
476
476
|
};
|
|
477
|
-
return
|
|
477
|
+
return _react.default.createElement("li", {
|
|
478
478
|
className: (0, _classnames.default)((0, _concat.default)(_context8 = "".concat(prefixCls, "-")).call(_context8, listType, "-list-item"), {
|
|
479
479
|
error: file.status === 'error'
|
|
480
480
|
})
|
|
481
|
-
}, listType === 'text' ?
|
|
481
|
+
}, listType === 'text' ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
|
|
482
482
|
className: (0, _concat.default)(_context9 = "".concat(prefixCls, "-")).call(_context9, listType, "-list-item-icon"),
|
|
483
483
|
onClick: handlePreview
|
|
484
|
-
},
|
|
484
|
+
}, _react.default.createElement(_icon.default, {
|
|
485
485
|
spin: file.status === 'uploading',
|
|
486
486
|
type: mapStatus[file.status]
|
|
487
|
-
})),
|
|
487
|
+
})), _react.default.createElement("span", {
|
|
488
488
|
className: (0, _concat.default)(_context10 = "".concat(prefixCls, "-")).call(_context10, listType, "-list-item-name"),
|
|
489
489
|
title: file.name,
|
|
490
490
|
onClick: handlePreview
|
|
491
|
-
}, file.name),
|
|
491
|
+
}, file.name), _react.default.createElement("span", {
|
|
492
492
|
className: (0, _concat.default)(_context11 = "".concat(prefixCls, "-")).call(_context11, listType, "-list-item-size")
|
|
493
|
-
}, "(", (0, _utils2.getFileSize)(file.size), ")"),
|
|
493
|
+
}, "(", (0, _utils2.getFileSize)(file.size), ")"), _react.default.createElement("div", {
|
|
494
494
|
className: (0, _concat.default)(_context12 = "".concat(prefixCls, "-")).call(_context12, listType, "-list-item-action")
|
|
495
|
-
}, file.status === 'error' &&
|
|
495
|
+
}, file.status === 'error' && _react.default.createElement("a", {
|
|
496
496
|
href: "true",
|
|
497
497
|
className: (0, _concat.default)(_context13 = "".concat(prefixCls, "-")).call(_context13, listType, "-list-item-reupload"),
|
|
498
498
|
onClick: handleReUpload.bind(_this, file)
|
|
499
|
-
}, uploadLangMsg.reUpload), !disabled &&
|
|
499
|
+
}, uploadLangMsg.reUpload), !disabled && _react.default.createElement("a", {
|
|
500
500
|
href: "true",
|
|
501
501
|
className: (0, _concat.default)(_context14 = "".concat(prefixCls, "-")).call(_context14, listType, "-list-item-delete"),
|
|
502
502
|
onClick: handleRemove.bind(_this, file)
|
|
503
|
-
}, uploadLangMsg.delete))) : file.status === 'uploading' ?
|
|
503
|
+
}, uploadLangMsg.delete))) : file.status === 'uploading' ? _react.default.createElement("div", {
|
|
504
504
|
className: (0, _concat.default)(_context15 = "".concat(prefixCls, "-")).call(_context15, listType, "-list-item-loading")
|
|
505
|
-
},
|
|
505
|
+
}, _react.default.createElement(_progress.default, {
|
|
506
506
|
percent: file.percent,
|
|
507
507
|
textMap: [uploadLangMsg.uploading],
|
|
508
508
|
showInfo: false
|
|
509
|
-
})) : file.status === 'error' ?
|
|
509
|
+
})) : file.status === 'error' ? _react.default.createElement("div", {
|
|
510
510
|
className: (0, _concat.default)(_context16 = "".concat(prefixCls, "-")).call(_context16, listType, "-list-item-error")
|
|
511
|
-
},
|
|
511
|
+
}, _react.default.createElement("div", {
|
|
512
512
|
className: (0, _concat.default)(_context17 = "".concat(prefixCls, "-")).call(_context17, listType, "-list-item-error-text")
|
|
513
|
-
},
|
|
513
|
+
}, _react.default.createElement(_icon.default, {
|
|
514
514
|
type: mapStatus[file.status],
|
|
515
515
|
style: {
|
|
516
516
|
verticalAlign: 'top'
|
|
517
517
|
}
|
|
518
|
-
}), uploadLangMsg.fail), !disabled &&
|
|
518
|
+
}), uploadLangMsg.fail), !disabled && _react.default.createElement("div", {
|
|
519
519
|
className: (0, _concat.default)(_context18 = "".concat(prefixCls, "-")).call(_context18, listType, "-list-item-action")
|
|
520
|
-
},
|
|
520
|
+
}, _react.default.createElement("a", {
|
|
521
521
|
href: "true",
|
|
522
522
|
className: (0, _concat.default)(_context19 = "".concat(prefixCls, "-")).call(_context19, listType, "-list-item-reupload"),
|
|
523
523
|
onClick: handleReUpload.bind(_this, file)
|
|
524
|
-
}, uploadLangMsg.reUpload),
|
|
524
|
+
}, uploadLangMsg.reUpload), _react.default.createElement("a", {
|
|
525
525
|
href: "true",
|
|
526
526
|
className: (0, _concat.default)(_context20 = "".concat(prefixCls, "-")).call(_context20, listType, "-list-item-delete"),
|
|
527
527
|
onClick: handleRemove.bind(_this, file)
|
|
528
|
-
}, uploadLangMsg.delete))) :
|
|
528
|
+
}, uploadLangMsg.delete))) : _react.default.createElement(_image.default, {
|
|
529
529
|
onClick: handlePreview,
|
|
530
530
|
previewType: "upload",
|
|
531
531
|
name: file.name,
|
|
@@ -535,14 +535,14 @@ var Item = function Item(_ref3) {
|
|
|
535
535
|
width: '100%',
|
|
536
536
|
height: '100%'
|
|
537
537
|
},
|
|
538
|
-
operations: disabled ? [] : [
|
|
538
|
+
operations: disabled ? [] : [_react.default.createElement(_icon.default, {
|
|
539
539
|
key: "1",
|
|
540
540
|
type: "delete",
|
|
541
541
|
onClick: handleRemove.bind(_this, file)
|
|
542
542
|
})]
|
|
543
543
|
}));
|
|
544
544
|
};
|
|
545
|
-
var Upload =
|
|
545
|
+
var Upload = (0, _react.forwardRef)(InternalUpload);
|
|
546
546
|
Upload.displayName = 'Upload';
|
|
547
547
|
var _default = Upload;
|
|
548
548
|
exports.default = _default;
|
|
@@ -21,7 +21,6 @@ var _default = function _default(file, acceptedFiles) {
|
|
|
21
21
|
return endsWith(fileName.toLowerCase(), validType.toLowerCase());
|
|
22
22
|
}
|
|
23
23
|
if (/\/\*$/.test(validType)) {
|
|
24
|
-
// This is something like a image/* mime type
|
|
25
24
|
return baseMimeType === validType.replace(/\/.*$/, '');
|
|
26
25
|
}
|
|
27
26
|
return mimeType === validType;
|