tntd 2.7.30 → 2.7.31
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/es/ellipsis/index.js +2 -0
- package/es/ellipsis/index.js.map +1 -1
- package/lib/ellipsis/index.d.ts.map +1 -1
- package/lib/ellipsis/index.js +2 -0
- package/lib/ellipsis/index.js.map +1 -1
- package/package.json +1 -1
- package/themes/common/index.less +3 -3
- package/es/affix/style/index.less +0 -6
- package/es/alert/style/index.less +0 -188
- package/es/anchor/style/index.less +0 -82
- package/es/auto-complete/style/index.less +0 -92
- package/es/avatar/style/index.less +0 -59
- package/es/back-top/style/index.less +0 -42
- package/es/back-top/style/responsive.less +0 -11
- package/es/badge/style/index.less +0 -190
- package/es/breadcrumb/style/index.less +0 -51
- package/es/button/style/index.less +0 -224
- package/es/button/style/mixin.less +0 -357
- package/es/calendar/style/index.less +0 -278
- package/es/card/style/index.less +0 -263
- package/es/card/style/size.less +0 -25
- package/es/carousel/style/index.less +0 -238
- package/es/cascader/style/index.less +0 -227
- package/es/checkbox/style/index.less +0 -4
- package/es/checkbox/style/mixin.less +0 -220
- package/es/collapse/style/index.less +0 -134
- package/es/comment/style/index.less +0 -93
- package/es/config-provider/style/index.less +0 -2
- package/es/date-picker/style/Calendar.less +0 -402
- package/es/date-picker/style/DecadePanel.less +0 -81
- package/es/date-picker/style/MonthPanel.less +0 -86
- package/es/date-picker/style/MonthPicker.less +0 -11
- package/es/date-picker/style/Picker.less +0 -113
- package/es/date-picker/style/RangePicker.less +0 -248
- package/es/date-picker/style/TimePicker.less +0 -151
- package/es/date-picker/style/WeekPicker.less +0 -21
- package/es/date-picker/style/YearPanel.less +0 -85
- package/es/date-picker/style/index.less +0 -17
- package/es/descriptions/style/index.less +0 -144
- package/es/divider/style/index.less +0 -109
- package/es/drawer/style/drawer.less +0 -230
- package/es/drawer/style/index.less +0 -3
- package/es/dropdown/style/index.less +0 -282
- package/es/empty/style/index.less +0 -52
- package/es/form/style/index.less +0 -653
- package/es/form/style/mixin.less +0 -126
- package/es/grid-v4/style/index.less +0 -124
- package/es/grid-v4/style/mixin.less +0 -57
- package/es/grid-v4/style/rtl.less +0 -69
- package/es/handle/handle.js +0 -138
- package/es/handle/handle.js.map +0 -1
- package/es/icon/style/index.less +0 -4
- package/es/input/style/index.less +0 -57
- package/es/input/style/mixin.less +0 -449
- package/es/input/style/search-input.less +0 -34
- package/es/input-number/style/index.less +0 -179
- package/es/layout/style/index.less +0 -124
- package/es/layout/style/light.less +0 -15
- package/es/list/style/bordered.less +0 -41
- package/es/list/style/index.less +0 -234
- package/es/list/style/responsive.less +0 -40
- package/es/locale-provider/style/index.less +0 -2
- package/es/mention/index.js +0 -4
- package/es/mention/index.js.map +0 -1
- package/es/mentions/style/index.less +0 -164
- package/es/menu/style/dark.less +0 -139
- package/es/menu/style/index.less +0 -515
- package/es/message/style/index.less +0 -75
- package/es/modal/style/confirm.less +0 -78
- package/es/modal/style/index.less +0 -4
- package/es/modal/style/modal.less +0 -165
- package/es/notification/style/index.less +0 -199
- package/es/page-header/style/index.less +0 -119
- package/es/pagination/style/index.less +0 -400
- package/es/popover/style/index.less +0 -205
- package/es/progress/style/index.less +0 -182
- package/es/radio/style/index.less +0 -327
- package/es/rate/style/index.less +0 -85
- package/es/result/style/index.less +0 -71
- package/es/select/style/index.less +0 -604
- package/es/skeleton/style/index.less +0 -130
- package/es/slider/style/index.less +0 -197
- package/es/spin/style/index.less +0 -214
- package/es/statistic/style/index.less +0 -40
- package/es/steps/style/compatibility.less +0 -50
- package/es/steps/style/custom-icon.less +0 -31
- package/es/steps/style/label-placement.less +0 -38
- package/es/steps/style/progress-dot.less +0 -80
- package/es/steps/style/vertical.less +0 -74
- package/es/style/color/bezierEasing.less +0 -110
- package/es/style/color/colorPalette.less +0 -75
- package/es/style/color/colors.less +0 -149
- package/es/style/color/tinyColor.less +0 -1184
- package/es/style/core/base.less +0 -510
- package/es/style/core/iconfont.less +0 -19
- package/es/style/core/index.less +0 -4
- package/es/style/core/motion/fade.less +0 -31
- package/es/style/core/motion/move.less +0 -120
- package/es/style/core/motion/other.less +0 -40
- package/es/style/core/motion/slide.less +0 -120
- package/es/style/core/motion/swing.less +0 -34
- package/es/style/core/motion/zoom.less +0 -162
- package/es/style/core/motion.less +0 -20
- package/es/style/index.less +0 -2
- package/es/style/mixins/clearfix.less +0 -13
- package/es/style/mixins/compatibility.less +0 -22
- package/es/style/mixins/iconfont.less +0 -43
- package/es/style/mixins/index.less +0 -10
- package/es/style/mixins/motion.less +0 -35
- package/es/style/mixins/operation-unit.less +0 -18
- package/es/style/mixins/reset.less +0 -13
- package/es/style/mixins/size.less +0 -10
- package/es/style/mixins/typography.less +0 -49
- package/es/style/themes/default.less +0 -699
- package/es/style/themes/index.less +0 -1
- package/es/style/v2-compatible-reset.less +0 -51
- package/es/switch/style/index.less +0 -178
- package/es/table/style/index.less +0 -800
- package/es/table/style/size.less +0 -179
- package/es/tabs/style/card-style.less +0 -186
- package/es/tabs/style/index.less +0 -436
- package/es/tag/style/index.less +0 -106
- package/es/time-picker/style/index.less +0 -246
- package/es/timeline/style/index.less +0 -167
- package/es/tntd-form/TntdForm/components/Item.js +0 -55
- package/es/tntd-form/TntdForm/components/Item.js.map +0 -1
- package/es/tntd-form/TntdForm/components/ItemComp.js +0 -186
- package/es/tntd-form/TntdForm/components/ItemComp.js.map +0 -1
- package/es/tntd-form/TntdForm/components/List.js +0 -102
- package/es/tntd-form/TntdForm/components/List.js.map +0 -1
- package/es/tntd-form/TntdForm/index.js +0 -55
- package/es/tntd-form/TntdForm/index.js.map +0 -1
- package/es/tntd-form/TntdForm/interface.js +0 -1
- package/es/tntd-form/TntdForm/interface.js.map +0 -1
- package/es/tntd-form/TntdForm/store.js +0 -2
- package/es/tntd-form/TntdForm/store.js.map +0 -1
- package/es/tntd-form/TntdForm/utils.js +0 -219
- package/es/tntd-form/TntdForm/utils.js.map +0 -1
- package/es/tntd-form/_util/motion.js +0 -47
- package/es/tntd-form/_util/motion.js.map +0 -1
- package/es/tntd-form/_util/reactNode.js +0 -16
- package/es/tntd-form/_util/reactNode.js.map +0 -1
- package/es/tntd-form/_util/scrollTo.js +0 -35
- package/es/tntd-form/_util/scrollTo.js.map +0 -1
- package/es/tntd-form/_util/type.js +0 -3
- package/es/tntd-form/_util/type.js.map +0 -1
- package/es/tntd-form/_util/warning.js +0 -5
- package/es/tntd-form/_util/warning.js.map +0 -1
- package/es/tntd-form/_util/wave.js +0 -168
- package/es/tntd-form/_util/wave.js.map +0 -1
- package/es/tntd-form/tntd-form.stories.js +0 -836
- package/es/tntd-form/tntd-form.stories.js.map +0 -1
- package/es/tntd-select/_util/DisabledContext.js +0 -12
- package/es/tntd-select/_util/DisabledContext.js.map +0 -1
- package/es/tntd-select/_util/FormItemInputContext.js +0 -2
- package/es/tntd-select/_util/FormItemInputContext.js.map +0 -1
- package/es/tntd-select/_util/PurePanel.js +0 -66
- package/es/tntd-select/_util/PurePanel.js.map +0 -1
- package/es/tntd-select/_util/SizeContext.js +0 -2
- package/es/tntd-select/_util/SizeContext.js.map +0 -1
- package/es/tntd-select/_util/context.js +0 -12
- package/es/tntd-select/_util/context.js.map +0 -1
- package/es/tntd-select/_util/defaultRenderEmpty.js +0 -31
- package/es/tntd-select/_util/defaultRenderEmpty.js.map +0 -1
- package/es/tntd-select/_util/getIcons.js +0 -74
- package/es/tntd-select/_util/getIcons.js.map +0 -1
- package/es/tntd-select/_util/interface.js +0 -4
- package/es/tntd-select/_util/interface.js.map +0 -1
- package/es/tntd-select/_util/motion.js +0 -47
- package/es/tntd-select/_util/motion.js.map +0 -1
- package/es/tntd-select/_util/type.js +0 -3
- package/es/tntd-select/_util/type.js.map +0 -1
- package/es/tntd-select/_util/useCompactItemContext.js +0 -26
- package/es/tntd-select/_util/useCompactItemContext.js.map +0 -1
- package/es/tntd-select/_util/warning.js +0 -14
- package/es/tntd-select/_util/warning.js.map +0 -1
- package/es/tntd-select/rc-select/BaseSelect.js +0 -524
- package/es/tntd-select/rc-select/BaseSelect.js.map +0 -1
- package/es/tntd-select/rc-select/OptGroup.js +0 -4
- package/es/tntd-select/rc-select/OptGroup.js.map +0 -1
- package/es/tntd-select/rc-select/Option.js +0 -4
- package/es/tntd-select/rc-select/Option.js.map +0 -1
- package/es/tntd-select/rc-select/OptionList.js +0 -346
- package/es/tntd-select/rc-select/OptionList.js.map +0 -1
- package/es/tntd-select/rc-select/Select.js +0 -440
- package/es/tntd-select/rc-select/Select.js.map +0 -1
- package/es/tntd-select/rc-select/SelectContext.js +0 -3
- package/es/tntd-select/rc-select/SelectContext.js.map +0 -1
- package/es/tntd-select/rc-select/SelectTrigger.js +0 -130
- package/es/tntd-select/rc-select/SelectTrigger.js.map +0 -1
- package/es/tntd-select/rc-select/Selector/Input.js +0 -103
- package/es/tntd-select/rc-select/Selector/Input.js.map +0 -1
- package/es/tntd-select/rc-select/Selector/MultipleSelector.js +0 -171
- package/es/tntd-select/rc-select/Selector/MultipleSelector.js.map +0 -1
- package/es/tntd-select/rc-select/Selector/SingleSelector.js +0 -98
- package/es/tntd-select/rc-select/Selector/SingleSelector.js.map +0 -1
- package/es/tntd-select/rc-select/Selector/index.js +0 -158
- package/es/tntd-select/rc-select/Selector/index.js.map +0 -1
- package/es/tntd-select/rc-select/TransBtn.js +0 -36
- package/es/tntd-select/rc-select/TransBtn.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useAllowClear.js +0 -24
- package/es/tntd-select/rc-select/hooks/useAllowClear.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useBaseProps.js +0 -9
- package/es/tntd-select/rc-select/hooks/useBaseProps.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useCache.js +0 -38
- package/es/tntd-select/rc-select/hooks/useCache.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useDelayReset.js +0 -23
- package/es/tntd-select/rc-select/hooks/useDelayReset.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useFilterOptions.js +0 -55
- package/es/tntd-select/rc-select/hooks/useFilterOptions.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useId.js +0 -26
- package/es/tntd-select/rc-select/hooks/useId.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useLayoutEffect.js +0 -16
- package/es/tntd-select/rc-select/hooks/useLayoutEffect.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useLock.js +0 -25
- package/es/tntd-select/rc-select/hooks/useLock.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useOptions.js +0 -43
- package/es/tntd-select/rc-select/hooks/useOptions.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useRefFunc.js +0 -13
- package/es/tntd-select/rc-select/hooks/useRefFunc.js.map +0 -1
- package/es/tntd-select/rc-select/hooks/useSelectTriggerControl.js +0 -28
- package/es/tntd-select/rc-select/hooks/useSelectTriggerControl.js.map +0 -1
- package/es/tntd-select/rc-select/index.js +0 -7
- package/es/tntd-select/rc-select/index.js.map +0 -1
- package/es/tntd-select/rc-select/interface.js +0 -1
- package/es/tntd-select/rc-select/interface.js.map +0 -1
- package/es/tntd-select/rc-select/utils/commonUtil.js +0 -30
- package/es/tntd-select/rc-select/utils/commonUtil.js.map +0 -1
- package/es/tntd-select/rc-select/utils/keyUtil.js +0 -9
- package/es/tntd-select/rc-select/utils/keyUtil.js.map +0 -1
- package/es/tntd-select/rc-select/utils/legacyUtil.js +0 -55
- package/es/tntd-select/rc-select/utils/legacyUtil.js.map +0 -1
- package/es/tntd-select/rc-select/utils/platformUtil.js +0 -4
- package/es/tntd-select/rc-select/utils/platformUtil.js.map +0 -1
- package/es/tntd-select/rc-select/utils/valueUtil.js +0 -112
- package/es/tntd-select/rc-select/utils/valueUtil.js.map +0 -1
- package/es/tntd-select/rc-select/utils/warningPropsUtil.js +0 -112
- package/es/tntd-select/rc-select/utils/warningPropsUtil.js.map +0 -1
- package/es/tooltip/style/index.less +0 -187
- package/es/transfer/style/customize.less +0 -62
- package/es/transfer/style/index.less +0 -191
- package/es/tree/style/directory.less +0 -95
- package/es/tree/style/index.less +0 -280
- package/es/tree/style/mixin.less +0 -29
- package/es/tree-select/style/index.less +0 -191
- package/es/typography/style/index.less +0 -204
- package/es/upload/style/index.less +0 -542
- package/lib/affix/style/index.less +0 -6
- package/lib/alert/style/index.less +0 -188
- package/lib/anchor/style/index.less +0 -82
- package/lib/auto-complete/style/index.less +0 -92
- package/lib/avatar/style/index.less +0 -59
- package/lib/back-top/style/index.less +0 -42
- package/lib/back-top/style/responsive.less +0 -11
- package/lib/badge/style/index.less +0 -190
- package/lib/breadcrumb/style/index.less +0 -51
- package/lib/button/style/index.less +0 -224
- package/lib/button/style/mixin.less +0 -357
- package/lib/calendar/style/index.less +0 -278
- package/lib/card/style/index.less +0 -263
- package/lib/card/style/size.less +0 -25
- package/lib/carousel/style/index.less +0 -238
- package/lib/cascader/style/index.less +0 -227
- package/lib/checkbox/style/index.less +0 -4
- package/lib/checkbox/style/mixin.less +0 -220
- package/lib/collapse/style/index.less +0 -134
- package/lib/comment/style/index.less +0 -93
- package/lib/config-provider/style/index.less +0 -2
- package/lib/date-picker/style/Calendar.less +0 -402
- package/lib/date-picker/style/DecadePanel.less +0 -81
- package/lib/date-picker/style/MonthPanel.less +0 -86
- package/lib/date-picker/style/MonthPicker.less +0 -11
- package/lib/date-picker/style/Picker.less +0 -113
- package/lib/date-picker/style/RangePicker.less +0 -248
- package/lib/date-picker/style/TimePicker.less +0 -151
- package/lib/date-picker/style/WeekPicker.less +0 -21
- package/lib/date-picker/style/YearPanel.less +0 -85
- package/lib/date-picker/style/index.less +0 -17
- package/lib/descriptions/style/index.less +0 -144
- package/lib/divider/style/index.less +0 -109
- package/lib/drawer/style/drawer.less +0 -230
- package/lib/drawer/style/index.less +0 -3
- package/lib/dropdown/style/index.less +0 -282
- package/lib/empty/style/index.less +0 -52
- package/lib/form/style/index.less +0 -653
- package/lib/form/style/mixin.less +0 -126
- package/lib/grid-v4/style/index.less +0 -124
- package/lib/grid-v4/style/mixin.less +0 -57
- package/lib/grid-v4/style/rtl.less +0 -69
- package/lib/handle/handle.d.ts +0 -3
- package/lib/handle/handle.d.ts.map +0 -1
- package/lib/handle/handle.js +0 -181
- package/lib/handle/handle.js.map +0 -1
- package/lib/icon/style/index.less +0 -4
- package/lib/input/style/index.less +0 -57
- package/lib/input/style/mixin.less +0 -449
- package/lib/input/style/search-input.less +0 -34
- package/lib/input-number/style/index.less +0 -179
- package/lib/layout/style/index.less +0 -124
- package/lib/layout/style/light.less +0 -15
- package/lib/list/style/bordered.less +0 -41
- package/lib/list/style/index.less +0 -234
- package/lib/list/style/responsive.less +0 -40
- package/lib/locale-provider/style/index.less +0 -2
- package/lib/mention/index.js +0 -25
- package/lib/mentions/style/index.less +0 -164
- package/lib/menu/style/dark.less +0 -139
- package/lib/menu/style/index.less +0 -515
- package/lib/message/style/index.less +0 -75
- package/lib/modal/style/confirm.less +0 -78
- package/lib/modal/style/index.less +0 -4
- package/lib/modal/style/modal.less +0 -165
- package/lib/notification/style/index.less +0 -199
- package/lib/page-header/style/index.less +0 -119
- package/lib/pagination/style/index.less +0 -400
- package/lib/popover/style/index.less +0 -205
- package/lib/progress/style/index.less +0 -182
- package/lib/radio/style/index.less +0 -327
- package/lib/rate/style/index.less +0 -85
- package/lib/result/style/index.less +0 -71
- package/lib/select/style/index.less +0 -604
- package/lib/skeleton/style/index.less +0 -130
- package/lib/slider/style/index.less +0 -197
- package/lib/spin/style/index.less +0 -214
- package/lib/statistic/style/index.less +0 -40
- package/lib/steps/style/compatibility.less +0 -50
- package/lib/steps/style/custom-icon.less +0 -31
- package/lib/steps/style/label-placement.less +0 -38
- package/lib/steps/style/progress-dot.less +0 -80
- package/lib/steps/style/vertical.less +0 -74
- package/lib/style/color/bezierEasing.less +0 -110
- package/lib/style/color/colorPalette.less +0 -75
- package/lib/style/color/colors.less +0 -149
- package/lib/style/color/tinyColor.less +0 -1184
- package/lib/style/core/base.less +0 -510
- package/lib/style/core/iconfont.less +0 -19
- package/lib/style/core/index.less +0 -4
- package/lib/style/core/motion/fade.less +0 -31
- package/lib/style/core/motion/move.less +0 -120
- package/lib/style/core/motion/other.less +0 -40
- package/lib/style/core/motion/slide.less +0 -120
- package/lib/style/core/motion/swing.less +0 -34
- package/lib/style/core/motion/zoom.less +0 -162
- package/lib/style/core/motion.less +0 -20
- package/lib/style/index.less +0 -2
- package/lib/style/mixins/clearfix.less +0 -13
- package/lib/style/mixins/compatibility.less +0 -22
- package/lib/style/mixins/iconfont.less +0 -43
- package/lib/style/mixins/index.less +0 -10
- package/lib/style/mixins/motion.less +0 -35
- package/lib/style/mixins/operation-unit.less +0 -18
- package/lib/style/mixins/reset.less +0 -13
- package/lib/style/mixins/size.less +0 -10
- package/lib/style/mixins/typography.less +0 -49
- package/lib/style/themes/default.less +0 -699
- package/lib/style/themes/index.less +0 -1
- package/lib/style/v2-compatible-reset.less +0 -51
- package/lib/switch/style/index.less +0 -178
- package/lib/table/style/index.less +0 -800
- package/lib/table/style/size.less +0 -179
- package/lib/tabs/style/card-style.less +0 -186
- package/lib/tabs/style/index.less +0 -436
- package/lib/tag/style/index.less +0 -106
- package/lib/time-picker/style/index.less +0 -246
- package/lib/timeline/style/index.less +0 -167
- package/lib/tntd-form/TntdForm/components/Item.js +0 -65
- package/lib/tntd-form/TntdForm/components/ItemComp.js +0 -215
- package/lib/tntd-form/TntdForm/components/List.js +0 -123
- package/lib/tntd-form/TntdForm/index.js +0 -72
- package/lib/tntd-form/TntdForm/interface.js +0 -5
- package/lib/tntd-form/TntdForm/store.js +0 -10
- package/lib/tntd-form/TntdForm/utils.js +0 -239
- package/lib/tntd-form/_util/motion.d.ts +0 -9
- package/lib/tntd-form/_util/motion.d.ts.map +0 -1
- package/lib/tntd-form/_util/motion.js +0 -59
- package/lib/tntd-form/_util/motion.js.map +0 -1
- package/lib/tntd-form/_util/reactNode.d.ts +0 -9
- package/lib/tntd-form/_util/reactNode.d.ts.map +0 -1
- package/lib/tntd-form/_util/reactNode.js +0 -27
- package/lib/tntd-form/_util/reactNode.js.map +0 -1
- package/lib/tntd-form/_util/scrollTo.d.ts +0 -1
- package/lib/tntd-form/_util/scrollTo.d.ts.map +0 -1
- package/lib/tntd-form/_util/scrollTo.js +0 -35
- package/lib/tntd-form/_util/scrollTo.js.map +0 -1
- package/lib/tntd-form/_util/type.d.ts +0 -4
- package/lib/tntd-form/_util/type.d.ts.map +0 -1
- package/lib/tntd-form/_util/type.js +0 -21
- package/lib/tntd-form/_util/type.js.map +0 -1
- package/lib/tntd-form/_util/warning.d.ts +0 -5
- package/lib/tntd-form/_util/warning.d.ts.map +0 -1
- package/lib/tntd-form/_util/warning.js +0 -20
- package/lib/tntd-form/_util/warning.js.map +0 -1
- package/lib/tntd-form/_util/wave.d.ts +0 -1
- package/lib/tntd-form/_util/wave.d.ts.map +0 -1
- package/lib/tntd-form/_util/wave.js +0 -168
- package/lib/tntd-form/_util/wave.js.map +0 -1
- package/lib/tntd-form/tntd-form.stories.d.ts +0 -33
- package/lib/tntd-form/tntd-form.stories.d.ts.map +0 -1
- package/lib/tntd-form/tntd-form.stories.js +0 -943
- package/lib/tntd-form/tntd-form.stories.js.map +0 -1
- package/lib/tntd-select/_util/DisabledContext.d.ts +0 -10
- package/lib/tntd-select/_util/DisabledContext.d.ts.map +0 -1
- package/lib/tntd-select/_util/DisabledContext.js +0 -22
- package/lib/tntd-select/_util/DisabledContext.js.map +0 -1
- package/lib/tntd-select/_util/FormItemInputContext.d.ts +0 -4
- package/lib/tntd-select/_util/FormItemInputContext.d.ts.map +0 -1
- package/lib/tntd-select/_util/FormItemInputContext.js +0 -12
- package/lib/tntd-select/_util/FormItemInputContext.js.map +0 -1
- package/lib/tntd-select/_util/PurePanel.d.ts +0 -9
- package/lib/tntd-select/_util/PurePanel.d.ts.map +0 -1
- package/lib/tntd-select/_util/PurePanel.js +0 -90
- package/lib/tntd-select/_util/PurePanel.js.map +0 -1
- package/lib/tntd-select/_util/SizeContext.d.ts +0 -4
- package/lib/tntd-select/_util/SizeContext.d.ts.map +0 -1
- package/lib/tntd-select/_util/SizeContext.js +0 -12
- package/lib/tntd-select/_util/SizeContext.js.map +0 -1
- package/lib/tntd-select/_util/context.d.ts +0 -42
- package/lib/tntd-select/_util/context.d.ts.map +0 -1
- package/lib/tntd-select/_util/context.js +0 -22
- package/lib/tntd-select/_util/context.js.map +0 -1
- package/lib/tntd-select/_util/defaultRenderEmpty.d.ts +0 -5
- package/lib/tntd-select/_util/defaultRenderEmpty.d.ts.map +0 -1
- package/lib/tntd-select/_util/defaultRenderEmpty.js +0 -44
- package/lib/tntd-select/_util/defaultRenderEmpty.js.map +0 -1
- package/lib/tntd-select/_util/getIcons.d.ts +0 -25
- package/lib/tntd-select/_util/getIcons.d.ts.map +0 -1
- package/lib/tntd-select/_util/getIcons.js +0 -84
- package/lib/tntd-select/_util/getIcons.js.map +0 -1
- package/lib/tntd-select/_util/interface.d.ts +0 -25
- package/lib/tntd-select/_util/interface.d.ts.map +0 -1
- package/lib/tntd-select/_util/interface.js +0 -16
- package/lib/tntd-select/_util/interface.js.map +0 -1
- package/lib/tntd-select/_util/motion.d.ts +0 -9
- package/lib/tntd-select/_util/motion.d.ts.map +0 -1
- package/lib/tntd-select/_util/motion.js +0 -59
- package/lib/tntd-select/_util/motion.js.map +0 -1
- package/lib/tntd-select/_util/type.d.ts +0 -10
- package/lib/tntd-select/_util/type.d.ts.map +0 -1
- package/lib/tntd-select/_util/type.js +0 -21
- package/lib/tntd-select/_util/type.js.map +0 -1
- package/lib/tntd-select/_util/useCompactItemContext.d.ts +0 -9
- package/lib/tntd-select/_util/useCompactItemContext.d.ts.map +0 -1
- package/lib/tntd-select/_util/useCompactItemContext.js +0 -35
- package/lib/tntd-select/_util/useCompactItemContext.js.map +0 -1
- package/lib/tntd-select/_util/warning.d.ts +0 -4
- package/lib/tntd-select/_util/warning.d.ts.map +0 -1
- package/lib/tntd-select/_util/warning.js +0 -24
- package/lib/tntd-select/_util/warning.js.map +0 -1
- package/lib/tntd-select/rc-select/BaseSelect.d.ts +0 -114
- package/lib/tntd-select/rc-select/BaseSelect.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/BaseSelect.js +0 -566
- package/lib/tntd-select/rc-select/BaseSelect.js.map +0 -1
- package/lib/tntd-select/rc-select/OptGroup.d.ts +0 -13
- package/lib/tntd-select/rc-select/OptGroup.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/OptGroup.js +0 -13
- package/lib/tntd-select/rc-select/OptGroup.js.map +0 -1
- package/lib/tntd-select/rc-select/Option.d.ts +0 -15
- package/lib/tntd-select/rc-select/Option.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/Option.js +0 -13
- package/lib/tntd-select/rc-select/Option.js.map +0 -1
- package/lib/tntd-select/rc-select/OptionList.d.ts +0 -11
- package/lib/tntd-select/rc-select/OptionList.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/OptionList.js +0 -372
- package/lib/tntd-select/rc-select/OptionList.js.map +0 -1
- package/lib/tntd-select/rc-select/Select.d.ts +0 -115
- package/lib/tntd-select/rc-select/Select.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/Select.js +0 -509
- package/lib/tntd-select/rc-select/Select.js.map +0 -1
- package/lib/tntd-select/rc-select/SelectContext.d.ts +0 -23
- package/lib/tntd-select/rc-select/SelectContext.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/SelectContext.js +0 -13
- package/lib/tntd-select/rc-select/SelectContext.js.map +0 -1
- package/lib/tntd-select/rc-select/SelectTrigger.d.ts +0 -31
- package/lib/tntd-select/rc-select/SelectTrigger.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/SelectTrigger.js +0 -149
- package/lib/tntd-select/rc-select/SelectTrigger.js.map +0 -1
- package/lib/tntd-select/rc-select/Selector/Input.d.ts +0 -27
- package/lib/tntd-select/rc-select/Selector/Input.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/Selector/Input.js +0 -110
- package/lib/tntd-select/rc-select/Selector/Input.js.map +0 -1
- package/lib/tntd-select/rc-select/Selector/MultipleSelector.d.ts +0 -17
- package/lib/tntd-select/rc-select/Selector/MultipleSelector.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/Selector/MultipleSelector.js +0 -193
- package/lib/tntd-select/rc-select/Selector/MultipleSelector.js.map +0 -1
- package/lib/tntd-select/rc-select/Selector/SingleSelector.d.ts +0 -9
- package/lib/tntd-select/rc-select/Selector/SingleSelector.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/Selector/SingleSelector.js +0 -116
- package/lib/tntd-select/rc-select/Selector/SingleSelector.js.map +0 -1
- package/lib/tntd-select/rc-select/Selector/index.d.ts +0 -83
- package/lib/tntd-select/rc-select/Selector/index.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/Selector/index.js +0 -159
- package/lib/tntd-select/rc-select/Selector/index.js.map +0 -1
- package/lib/tntd-select/rc-select/TransBtn.d.ts +0 -13
- package/lib/tntd-select/rc-select/TransBtn.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/TransBtn.js +0 -48
- package/lib/tntd-select/rc-select/TransBtn.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useAllowClear.d.ts +0 -9
- package/lib/tntd-select/rc-select/hooks/useAllowClear.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useAllowClear.js +0 -35
- package/lib/tntd-select/rc-select/hooks/useAllowClear.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useBaseProps.d.ts +0 -14
- package/lib/tntd-select/rc-select/hooks/useBaseProps.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useBaseProps.js +0 -21
- package/lib/tntd-select/rc-select/hooks/useBaseProps.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useCache.d.ts +0 -8
- package/lib/tntd-select/rc-select/hooks/useCache.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useCache.js +0 -49
- package/lib/tntd-select/rc-select/hooks/useCache.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useDelayReset.d.ts +0 -6
- package/lib/tntd-select/rc-select/hooks/useDelayReset.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useDelayReset.js +0 -44
- package/lib/tntd-select/rc-select/hooks/useDelayReset.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useFilterOptions.d.ts +0 -4
- package/lib/tntd-select/rc-select/hooks/useFilterOptions.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useFilterOptions.js +0 -72
- package/lib/tntd-select/rc-select/hooks/useFilterOptions.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useId.d.ts +0 -6
- package/lib/tntd-select/rc-select/hooks/useId.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useId.js +0 -48
- package/lib/tntd-select/rc-select/hooks/useId.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useLayoutEffect.d.ts +0 -6
- package/lib/tntd-select/rc-select/hooks/useLayoutEffect.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useLayoutEffect.js +0 -26
- package/lib/tntd-select/rc-select/hooks/useLayoutEffect.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useLock.d.ts +0 -8
- package/lib/tntd-select/rc-select/hooks/useLock.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useLock.js +0 -39
- package/lib/tntd-select/rc-select/hooks/useLock.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useOptions.d.ts +0 -12
- package/lib/tntd-select/rc-select/hooks/useOptions.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useOptions.js +0 -53
- package/lib/tntd-select/rc-select/hooks/useOptions.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useRefFunc.d.ts +0 -6
- package/lib/tntd-select/rc-select/hooks/useRefFunc.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useRefFunc.js +0 -22
- package/lib/tntd-select/rc-select/hooks/useRefFunc.js.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useSelectTriggerControl.d.ts +0 -2
- package/lib/tntd-select/rc-select/hooks/useSelectTriggerControl.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/hooks/useSelectTriggerControl.js +0 -43
- package/lib/tntd-select/rc-select/hooks/useSelectTriggerControl.js.map +0 -1
- package/lib/tntd-select/rc-select/index.d.ts +0 -11
- package/lib/tntd-select/rc-select/index.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/index.js +0 -38
- package/lib/tntd-select/rc-select/index.js.map +0 -1
- package/lib/tntd-select/rc-select/interface.d.ts +0 -23
- package/lib/tntd-select/rc-select/interface.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/interface.js +0 -5
- package/lib/tntd-select/rc-select/interface.js.map +0 -1
- package/lib/tntd-select/rc-select/utils/commonUtil.d.ts +0 -10
- package/lib/tntd-select/rc-select/utils/commonUtil.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/utils/commonUtil.js +0 -43
- package/lib/tntd-select/rc-select/utils/commonUtil.js.map +0 -1
- package/lib/tntd-select/rc-select/utils/keyUtil.d.ts +0 -3
- package/lib/tntd-select/rc-select/utils/keyUtil.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/utils/keyUtil.js +0 -16
- package/lib/tntd-select/rc-select/utils/keyUtil.js.map +0 -1
- package/lib/tntd-select/rc-select/utils/legacyUtil.d.ts +0 -4
- package/lib/tntd-select/rc-select/utils/legacyUtil.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/utils/legacyUtil.js +0 -60
- package/lib/tntd-select/rc-select/utils/legacyUtil.js.map +0 -1
- package/lib/tntd-select/rc-select/utils/platformUtil.d.ts +0 -2
- package/lib/tntd-select/rc-select/utils/platformUtil.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/utils/platformUtil.js +0 -10
- package/lib/tntd-select/rc-select/utils/platformUtil.js.map +0 -1
- package/lib/tntd-select/rc-select/utils/valueUtil.d.ts +0 -24
- package/lib/tntd-select/rc-select/utils/valueUtil.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/utils/valueUtil.js +0 -132
- package/lib/tntd-select/rc-select/utils/valueUtil.js.map +0 -1
- package/lib/tntd-select/rc-select/utils/warningPropsUtil.d.ts +0 -5
- package/lib/tntd-select/rc-select/utils/warningPropsUtil.d.ts.map +0 -1
- package/lib/tntd-select/rc-select/utils/warningPropsUtil.js +0 -127
- package/lib/tntd-select/rc-select/utils/warningPropsUtil.js.map +0 -1
- package/lib/tooltip/style/index.less +0 -187
- package/lib/transfer/style/customize.less +0 -62
- package/lib/transfer/style/index.less +0 -191
- package/lib/tree/style/directory.less +0 -95
- package/lib/tree/style/index.less +0 -280
- package/lib/tree/style/mixin.less +0 -29
- package/lib/tree-select/style/index.less +0 -191
- package/lib/typography/style/index.less +0 -204
- package/lib/upload/style/index.less +0 -542
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTrigger.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/SelectTrigger.tsx"],"names":[],"mappings":"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","sourcesContent":["import Trigger from '@rc-component/trigger';\nimport type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport type { Placement, RenderDOMFunc } from './BaseSelect';\n\nconst getBuiltInPlacements = (\n dropdownMatchSelectWidth: number | boolean,\n): Record<string, AlignType> => {\n // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided\n const adjustX = dropdownMatchSelectWidth === true ? 0 : 1;\n return {\n bottomLeft: {\n points: ['tl', 'bl'],\n offset: [0, 4],\n overflow: {\n adjustX,\n adjustY: 1,\n },\n htmlRegion: 'scroll',\n },\n bottomRight: {\n points: ['tr', 'br'],\n offset: [0, 4],\n overflow: {\n adjustX,\n adjustY: 1,\n },\n htmlRegion: 'scroll',\n },\n topLeft: {\n points: ['bl', 'tl'],\n offset: [0, -4],\n overflow: {\n adjustX,\n adjustY: 1,\n },\n htmlRegion: 'scroll',\n },\n topRight: {\n points: ['br', 'tr'],\n offset: [0, -4],\n overflow: {\n adjustX,\n adjustY: 1,\n },\n htmlRegion: 'scroll',\n },\n };\n};\n\nexport interface RefTriggerProps {\n getPopupElement: () => HTMLDivElement;\n}\n\nexport interface SelectTriggerProps {\n prefixCls: string;\n children: React.ReactElement;\n disabled: boolean;\n visible: boolean;\n popupElement: React.ReactElement;\n\n animation?: string;\n transitionName?: string;\n placement?: Placement;\n builtinPlacements?: BuildInPlacements;\n dropdownStyle: React.CSSProperties;\n dropdownClassName: string;\n direction: string;\n dropdownMatchSelectWidth?: boolean | number;\n dropdownRender?: (menu: React.ReactElement) => React.ReactElement;\n getPopupContainer?: RenderDOMFunc;\n dropdownAlign: AlignType;\n empty: boolean;\n\n getTriggerDOMNode: () => HTMLElement;\n onPopupVisibleChange?: (visible: boolean) => void;\n\n onPopupMouseEnter: () => void;\n}\n\nconst SelectTrigger: React.RefForwardingComponent<RefTriggerProps, SelectTriggerProps> = (\n props,\n ref,\n) => {\n const {\n prefixCls,\n disabled,\n visible,\n children,\n popupElement,\n animation,\n transitionName,\n dropdownStyle,\n dropdownClassName,\n direction = 'ltr',\n placement,\n builtinPlacements,\n dropdownMatchSelectWidth,\n dropdownRender,\n dropdownAlign,\n getPopupContainer,\n empty,\n getTriggerDOMNode,\n onPopupVisibleChange,\n onPopupMouseEnter,\n ...restProps\n } = props;\n\n const dropdownPrefixCls = `${prefixCls}-dropdown`;\n\n let popupNode = popupElement;\n if (dropdownRender) {\n popupNode = dropdownRender(popupElement);\n }\n\n const mergedBuiltinPlacements = React.useMemo(\n () => builtinPlacements || getBuiltInPlacements(dropdownMatchSelectWidth),\n [builtinPlacements, dropdownMatchSelectWidth],\n );\n\n // ===================== Motion ======================\n const mergedTransitionName = animation ? `${dropdownPrefixCls}-${animation}` : transitionName;\n\n // =================== Popup Width ===================\n const isNumberPopupWidth = typeof dropdownMatchSelectWidth === 'number';\n\n const stretch = React.useMemo(() => {\n if (isNumberPopupWidth) {\n return null;\n }\n\n return dropdownMatchSelectWidth === false ? 'minWidth' : 'width';\n }, [dropdownMatchSelectWidth, isNumberPopupWidth]);\n\n let popupStyle = dropdownStyle;\n\n if (isNumberPopupWidth) {\n popupStyle = {\n ...popupStyle,\n width: dropdownMatchSelectWidth,\n };\n }\n\n // ======================= Ref =======================\n const popupRef = React.useRef<HTMLDivElement>(null);\n\n React.useImperativeHandle(ref, () => ({\n getPopupElement: () => popupRef.current,\n }));\n\n return (\n <Trigger\n {...restProps}\n showAction={onPopupVisibleChange ? ['click'] : []}\n hideAction={onPopupVisibleChange ? ['click'] : []}\n popupPlacement={placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft')}\n builtinPlacements={mergedBuiltinPlacements}\n prefixCls={dropdownPrefixCls}\n popupTransitionName={mergedTransitionName}\n popup={\n <div ref={popupRef} onMouseEnter={onPopupMouseEnter}>\n {popupNode}\n </div>\n }\n stretch={stretch}\n popupAlign={dropdownAlign}\n popupVisible={visible}\n getPopupContainer={getPopupContainer}\n popupClassName={classNames(dropdownClassName, {\n [`${dropdownPrefixCls}-empty`]: empty,\n })}\n popupStyle={popupStyle}\n getTriggerDOMNode={getTriggerDOMNode}\n onPopupVisibleChange={onPopupVisibleChange}\n >\n {children}\n </Trigger>\n );\n};\n\nconst RefSelectTrigger = React.forwardRef<RefTriggerProps, SelectTriggerProps>(SelectTrigger);\nRefSelectTrigger.displayName = 'SelectTrigger';\n\nexport default RefSelectTrigger;\n"]}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { composeRef } from 'rc-util/lib/ref';
|
|
4
|
-
import { warning } from 'rc-util/lib/warning';
|
|
5
|
-
const Input = ({
|
|
6
|
-
prefixCls,
|
|
7
|
-
id,
|
|
8
|
-
inputElement,
|
|
9
|
-
disabled,
|
|
10
|
-
tabIndex,
|
|
11
|
-
autoFocus,
|
|
12
|
-
autoComplete,
|
|
13
|
-
editable,
|
|
14
|
-
activeDescendantId,
|
|
15
|
-
value,
|
|
16
|
-
maxLength,
|
|
17
|
-
onKeyDown,
|
|
18
|
-
onMouseDown,
|
|
19
|
-
onChange,
|
|
20
|
-
onPaste,
|
|
21
|
-
onCompositionStart,
|
|
22
|
-
onCompositionEnd,
|
|
23
|
-
open,
|
|
24
|
-
attrs
|
|
25
|
-
}, ref) => {
|
|
26
|
-
var _a;
|
|
27
|
-
let inputNode = inputElement || React.createElement("input", null);
|
|
28
|
-
const {
|
|
29
|
-
ref: originRef,
|
|
30
|
-
props: originProps
|
|
31
|
-
} = inputNode;
|
|
32
|
-
const {
|
|
33
|
-
onKeyDown: onOriginKeyDown,
|
|
34
|
-
onChange: onOriginChange,
|
|
35
|
-
onMouseDown: onOriginMouseDown,
|
|
36
|
-
onCompositionStart: onOriginCompositionStart,
|
|
37
|
-
onCompositionEnd: onOriginCompositionEnd,
|
|
38
|
-
style
|
|
39
|
-
} = originProps;
|
|
40
|
-
warning(!('maxLength' in inputNode.props), `Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.`);
|
|
41
|
-
inputNode = React.cloneElement(inputNode, Object.assign(Object.assign(Object.assign(Object.assign({
|
|
42
|
-
type: 'search'
|
|
43
|
-
}, originProps), {
|
|
44
|
-
// Override over origin props
|
|
45
|
-
id,
|
|
46
|
-
ref: composeRef(ref, originRef),
|
|
47
|
-
disabled,
|
|
48
|
-
tabIndex,
|
|
49
|
-
autoComplete: autoComplete || 'off',
|
|
50
|
-
autoFocus,
|
|
51
|
-
className: classNames(`${prefixCls}-selection-search-input`, (_a = inputNode === null || inputNode === void 0 ? void 0 : inputNode.props) === null || _a === void 0 ? void 0 : _a.className),
|
|
52
|
-
role: 'combobox',
|
|
53
|
-
'aria-expanded': open || false,
|
|
54
|
-
'aria-haspopup': 'listbox',
|
|
55
|
-
'aria-owns': `${id}_list`,
|
|
56
|
-
'aria-autocomplete': 'list',
|
|
57
|
-
'aria-controls': `${id}_list`,
|
|
58
|
-
'aria-activedescendant': open ? activeDescendantId : undefined
|
|
59
|
-
}), attrs), {
|
|
60
|
-
value: editable ? value : '',
|
|
61
|
-
maxLength,
|
|
62
|
-
readOnly: !editable,
|
|
63
|
-
unselectable: !editable ? 'on' : null,
|
|
64
|
-
style: Object.assign(Object.assign({}, style), {
|
|
65
|
-
opacity: editable ? null : 0
|
|
66
|
-
}),
|
|
67
|
-
onKeyDown: event => {
|
|
68
|
-
onKeyDown(event);
|
|
69
|
-
if (onOriginKeyDown) {
|
|
70
|
-
onOriginKeyDown(event);
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
onMouseDown: event => {
|
|
74
|
-
onMouseDown(event);
|
|
75
|
-
if (onOriginMouseDown) {
|
|
76
|
-
onOriginMouseDown(event);
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
onChange: event => {
|
|
80
|
-
onChange(event);
|
|
81
|
-
if (onOriginChange) {
|
|
82
|
-
onOriginChange(event);
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
onCompositionStart(event) {
|
|
86
|
-
onCompositionStart(event);
|
|
87
|
-
if (onOriginCompositionStart) {
|
|
88
|
-
onOriginCompositionStart(event);
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
onCompositionEnd(event) {
|
|
92
|
-
onCompositionEnd(event);
|
|
93
|
-
if (onOriginCompositionEnd) {
|
|
94
|
-
onOriginCompositionEnd(event);
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
onPaste
|
|
98
|
-
}));
|
|
99
|
-
return inputNode;
|
|
100
|
-
};
|
|
101
|
-
const RefInput = React.forwardRef(Input);
|
|
102
|
-
RefInput.displayName = 'Input';
|
|
103
|
-
export default RefInput;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\nimport { composeRef } from 'rc-util/lib/ref';\nimport { warning } from 'rc-util/lib/warning';\n\ntype InputRef = HTMLInputElement | HTMLTextAreaElement;\n\ninterface InputProps {\n prefixCls: string;\n id: string;\n inputElement: React.ReactElement;\n disabled: boolean;\n autoFocus: boolean;\n autoComplete: string;\n editable: boolean;\n activeDescendantId?: string;\n value: string;\n maxLength?: number;\n open: boolean;\n tabIndex: number;\n /** Pass accessibility props to input */\n attrs: Record<string, unknown>;\n\n onKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;\n onMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;\n onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;\n onPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;\n onCompositionStart: React.CompositionEventHandler<\n HTMLInputElement | HTMLTextAreaElement | HTMLElement\n >;\n onCompositionEnd: React.CompositionEventHandler<\n HTMLInputElement | HTMLTextAreaElement | HTMLElement\n >;\n}\n\nconst Input: React.RefForwardingComponent<InputRef, InputProps> = (\n {\n prefixCls,\n id,\n inputElement,\n disabled,\n tabIndex,\n autoFocus,\n autoComplete,\n editable,\n activeDescendantId,\n value,\n maxLength,\n onKeyDown,\n onMouseDown,\n onChange,\n onPaste,\n onCompositionStart,\n onCompositionEnd,\n open,\n attrs,\n },\n ref,\n) => {\n let inputNode: React.ComponentElement<any, any> = inputElement || <input />;\n\n const { ref: originRef, props: originProps } = inputNode;\n\n const {\n onKeyDown: onOriginKeyDown,\n onChange: onOriginChange,\n onMouseDown: onOriginMouseDown,\n onCompositionStart: onOriginCompositionStart,\n onCompositionEnd: onOriginCompositionEnd,\n style,\n } = originProps;\n\n warning(\n !('maxLength' in inputNode.props),\n `Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.`,\n );\n\n inputNode = React.cloneElement(inputNode, {\n type: 'search',\n ...originProps,\n\n // Override over origin props\n id,\n ref: composeRef(ref, originRef as any),\n disabled,\n tabIndex,\n autoComplete: autoComplete || 'off',\n\n autoFocus,\n className: classNames(`${prefixCls}-selection-search-input`, inputNode?.props?.className),\n\n role: 'combobox',\n 'aria-expanded': open || false,\n 'aria-haspopup': 'listbox',\n 'aria-owns': `${id}_list`,\n 'aria-autocomplete': 'list',\n 'aria-controls': `${id}_list`,\n 'aria-activedescendant': open ? activeDescendantId : undefined,\n ...attrs,\n value: editable ? value : '',\n maxLength,\n readOnly: !editable,\n unselectable: !editable ? 'on' : null,\n\n style: { ...style, opacity: editable ? null : 0 },\n\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => {\n onKeyDown(event);\n if (onOriginKeyDown) {\n onOriginKeyDown(event);\n }\n },\n onMouseDown: (event: React.MouseEvent<HTMLElement>) => {\n onMouseDown(event);\n if (onOriginMouseDown) {\n onOriginMouseDown(event);\n }\n },\n onChange: (event: React.ChangeEvent<HTMLElement>) => {\n onChange(event);\n if (onOriginChange) {\n onOriginChange(event);\n }\n },\n onCompositionStart(event: React.CompositionEvent<HTMLElement>) {\n onCompositionStart(event);\n if (onOriginCompositionStart) {\n onOriginCompositionStart(event);\n }\n },\n onCompositionEnd(event: React.CompositionEvent<HTMLElement>) {\n onCompositionEnd(event);\n if (onOriginCompositionEnd) {\n onOriginCompositionEnd(event);\n }\n },\n onPaste,\n });\n\n return inputNode;\n};\n\nconst RefInput = React.forwardRef<InputRef, InputProps>(Input);\nRefInput.displayName = 'Input';\n\nexport default RefInput;\n"]}
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import pickAttrs from 'rc-util/lib/pickAttrs';
|
|
5
|
-
import Overflow from 'rc-overflow';
|
|
6
|
-
import TransBtn from '../TransBtn';
|
|
7
|
-
import Input from './Input';
|
|
8
|
-
import useLayoutEffect from '../hooks/useLayoutEffect';
|
|
9
|
-
import { getTitle } from '../utils/commonUtil';
|
|
10
|
-
function itemKey(value) {
|
|
11
|
-
var _a;
|
|
12
|
-
return (_a = value.key) !== null && _a !== void 0 ? _a : value.value;
|
|
13
|
-
}
|
|
14
|
-
const onPreventMouseDown = event => {
|
|
15
|
-
event.preventDefault();
|
|
16
|
-
event.stopPropagation();
|
|
17
|
-
};
|
|
18
|
-
const SelectSelector = props => {
|
|
19
|
-
const {
|
|
20
|
-
id,
|
|
21
|
-
prefixCls,
|
|
22
|
-
values,
|
|
23
|
-
open,
|
|
24
|
-
searchValue,
|
|
25
|
-
autoClearSearchValue,
|
|
26
|
-
inputRef,
|
|
27
|
-
placeholder,
|
|
28
|
-
disabled,
|
|
29
|
-
mode,
|
|
30
|
-
showSearch,
|
|
31
|
-
autoFocus,
|
|
32
|
-
autoComplete,
|
|
33
|
-
activeDescendantId,
|
|
34
|
-
tabIndex,
|
|
35
|
-
removeIcon,
|
|
36
|
-
maxTagCount,
|
|
37
|
-
maxTagTextLength,
|
|
38
|
-
maxTagPlaceholder = omittedValues => `+ ${omittedValues.length} ...`,
|
|
39
|
-
tagRender,
|
|
40
|
-
onToggleOpen,
|
|
41
|
-
onRemove,
|
|
42
|
-
onInputChange,
|
|
43
|
-
onInputPaste,
|
|
44
|
-
onInputKeyDown,
|
|
45
|
-
onInputMouseDown,
|
|
46
|
-
onInputCompositionStart,
|
|
47
|
-
onInputCompositionEnd
|
|
48
|
-
} = props;
|
|
49
|
-
const measureRef = React.useRef(null);
|
|
50
|
-
const [inputWidth, setInputWidth] = useState(0);
|
|
51
|
-
const [focused, setFocused] = useState(false);
|
|
52
|
-
const selectionPrefixCls = `${prefixCls}-selection`;
|
|
53
|
-
// ===================== Search ======================
|
|
54
|
-
const inputValue = open || mode === "multiple" && autoClearSearchValue === false || mode === 'tags' ? searchValue : '';
|
|
55
|
-
const inputEditable = mode === 'tags' || mode === "multiple" && autoClearSearchValue === false || showSearch && (open || focused);
|
|
56
|
-
// We measure width and set to the input immediately
|
|
57
|
-
useLayoutEffect(() => {
|
|
58
|
-
setInputWidth(measureRef.current.scrollWidth);
|
|
59
|
-
}, [inputValue]);
|
|
60
|
-
// ===================== Render ======================
|
|
61
|
-
// >>> Render Selector Node. Includes Item & Rest
|
|
62
|
-
function defaultRenderSelector(item, content, itemDisabled, closable, onClose) {
|
|
63
|
-
return React.createElement("span", {
|
|
64
|
-
className: classNames(`${selectionPrefixCls}-item`, {
|
|
65
|
-
[`${selectionPrefixCls}-item-disabled`]: itemDisabled
|
|
66
|
-
}),
|
|
67
|
-
title: getTitle(item)
|
|
68
|
-
}, React.createElement("span", {
|
|
69
|
-
className: `${selectionPrefixCls}-item-content`
|
|
70
|
-
}, content), closable && React.createElement(TransBtn, {
|
|
71
|
-
className: `${selectionPrefixCls}-item-remove`,
|
|
72
|
-
onMouseDown: onPreventMouseDown,
|
|
73
|
-
onClick: onClose,
|
|
74
|
-
customizeIcon: removeIcon
|
|
75
|
-
}, "\u00D7"));
|
|
76
|
-
}
|
|
77
|
-
function customizeRenderSelector(value, content, itemDisabled, closable, onClose) {
|
|
78
|
-
const onMouseDown = e => {
|
|
79
|
-
onPreventMouseDown(e);
|
|
80
|
-
onToggleOpen(!open);
|
|
81
|
-
};
|
|
82
|
-
return React.createElement("span", {
|
|
83
|
-
onMouseDown: onMouseDown
|
|
84
|
-
}, tagRender({
|
|
85
|
-
label: content,
|
|
86
|
-
value,
|
|
87
|
-
disabled: itemDisabled,
|
|
88
|
-
closable,
|
|
89
|
-
onClose
|
|
90
|
-
}));
|
|
91
|
-
}
|
|
92
|
-
function renderItem(valueItem) {
|
|
93
|
-
const {
|
|
94
|
-
disabled: itemDisabled,
|
|
95
|
-
label,
|
|
96
|
-
value
|
|
97
|
-
} = valueItem;
|
|
98
|
-
const closable = !disabled && !itemDisabled;
|
|
99
|
-
let displayLabel = label;
|
|
100
|
-
if (typeof maxTagTextLength === 'number') {
|
|
101
|
-
if (typeof label === 'string' || typeof label === 'number') {
|
|
102
|
-
const strLabel = String(displayLabel);
|
|
103
|
-
if (strLabel.length > maxTagTextLength) {
|
|
104
|
-
displayLabel = `${strLabel.slice(0, maxTagTextLength)}...`;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
const onClose = event => {
|
|
109
|
-
if (event) event.stopPropagation();
|
|
110
|
-
onRemove(valueItem);
|
|
111
|
-
};
|
|
112
|
-
return typeof tagRender === 'function' ? customizeRenderSelector(value, displayLabel, itemDisabled, closable, onClose) : defaultRenderSelector(valueItem, displayLabel, itemDisabled, closable, onClose);
|
|
113
|
-
}
|
|
114
|
-
function renderRest(omittedValues) {
|
|
115
|
-
const content = typeof maxTagPlaceholder === 'function' ? maxTagPlaceholder(omittedValues) : maxTagPlaceholder;
|
|
116
|
-
return defaultRenderSelector({
|
|
117
|
-
title: content
|
|
118
|
-
}, content, false);
|
|
119
|
-
}
|
|
120
|
-
// >>> Input Node
|
|
121
|
-
const inputNode = React.createElement("div", {
|
|
122
|
-
className: `${selectionPrefixCls}-search`,
|
|
123
|
-
style: {
|
|
124
|
-
width: inputWidth
|
|
125
|
-
},
|
|
126
|
-
onFocus: () => {
|
|
127
|
-
setFocused(true);
|
|
128
|
-
},
|
|
129
|
-
onBlur: () => {
|
|
130
|
-
setFocused(false);
|
|
131
|
-
}
|
|
132
|
-
}, React.createElement(Input, {
|
|
133
|
-
ref: inputRef,
|
|
134
|
-
open: open,
|
|
135
|
-
prefixCls: prefixCls,
|
|
136
|
-
id: id,
|
|
137
|
-
inputElement: null,
|
|
138
|
-
disabled: disabled,
|
|
139
|
-
autoFocus: autoFocus,
|
|
140
|
-
autoComplete: autoComplete,
|
|
141
|
-
editable: inputEditable,
|
|
142
|
-
activeDescendantId: activeDescendantId,
|
|
143
|
-
value: inputValue,
|
|
144
|
-
onKeyDown: onInputKeyDown,
|
|
145
|
-
onMouseDown: onInputMouseDown,
|
|
146
|
-
onChange: onInputChange,
|
|
147
|
-
onPaste: onInputPaste,
|
|
148
|
-
onCompositionStart: onInputCompositionStart,
|
|
149
|
-
onCompositionEnd: onInputCompositionEnd,
|
|
150
|
-
tabIndex: tabIndex,
|
|
151
|
-
attrs: pickAttrs(props, true)
|
|
152
|
-
}), React.createElement("span", {
|
|
153
|
-
ref: measureRef,
|
|
154
|
-
className: `${selectionPrefixCls}-search-mirror`,
|
|
155
|
-
"aria-hidden": true
|
|
156
|
-
}, inputValue, "\u00A0"));
|
|
157
|
-
// >>> Selections
|
|
158
|
-
const selectionNode = React.createElement(Overflow, {
|
|
159
|
-
prefixCls: `${selectionPrefixCls}-overflow`,
|
|
160
|
-
data: values,
|
|
161
|
-
renderItem: renderItem,
|
|
162
|
-
renderRest: renderRest,
|
|
163
|
-
suffix: inputNode,
|
|
164
|
-
itemKey: itemKey,
|
|
165
|
-
maxCount: maxTagCount
|
|
166
|
-
});
|
|
167
|
-
return React.createElement(React.Fragment, null, selectionNode, !values.length && !inputValue && React.createElement("span", {
|
|
168
|
-
className: `${selectionPrefixCls}-placeholder`
|
|
169
|
-
}, placeholder));
|
|
170
|
-
};
|
|
171
|
-
export default SelectSelector;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleSelector.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/MultipleSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport classNames from 'classnames';\nimport pickAttrs from 'rc-util/lib/pickAttrs';\nimport Overflow from 'rc-overflow';\nimport TransBtn from '../TransBtn';\nimport type { InnerSelectorProps } from '.';\nimport Input from './Input';\nimport useLayoutEffect from '../hooks/useLayoutEffect';\nimport type { DisplayValueType, RenderNode, CustomTagProps, RawValueType } from '../BaseSelect';\nimport { getTitle } from '../utils/commonUtil';\n\nfunction itemKey(value: DisplayValueType) {\n return value.key ?? value.value;\n}\n\ninterface SelectorProps extends InnerSelectorProps {\n // Icon\n removeIcon?: RenderNode;\n\n // Tags\n maxTagCount?: number | 'responsive';\n maxTagTextLength?: number;\n maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);\n tokenSeparators?: string[];\n tagRender?: (props: CustomTagProps) => React.ReactElement;\n onToggleOpen: (open?: boolean) => void;\n\n // Motion\n choiceTransitionName?: string;\n\n // Event\n onRemove: (value: DisplayValueType) => void;\n}\n\nconst onPreventMouseDown = (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n};\nconst SelectSelector: React.FC<SelectorProps> = (props) => {\n const {\n id,\n prefixCls,\n\n values,\n open,\n searchValue,\n autoClearSearchValue,\n inputRef,\n placeholder,\n disabled,\n mode,\n showSearch,\n autoFocus,\n autoComplete,\n activeDescendantId,\n tabIndex,\n\n removeIcon,\n\n maxTagCount,\n maxTagTextLength,\n maxTagPlaceholder = (omittedValues: DisplayValueType[]) => `+ ${omittedValues.length} ...`,\n tagRender,\n onToggleOpen,\n\n onRemove,\n onInputChange,\n onInputPaste,\n onInputKeyDown,\n onInputMouseDown,\n onInputCompositionStart,\n onInputCompositionEnd,\n } = props;\n\n const measureRef = React.useRef<HTMLSpanElement>(null);\n const [inputWidth, setInputWidth] = useState(0);\n const [focused, setFocused] = useState(false);\n\n const selectionPrefixCls = `${prefixCls}-selection`;\n\n // ===================== Search ======================\n const inputValue = open || (mode === \"multiple\" && autoClearSearchValue === false) || mode === 'tags' ? searchValue : '';\n const inputEditable: boolean = mode === 'tags' || (mode === \"multiple\" && autoClearSearchValue === false) || (showSearch && (open || focused));\n\n // We measure width and set to the input immediately\n useLayoutEffect(() => {\n setInputWidth(measureRef.current.scrollWidth);\n }, [inputValue]);\n\n // ===================== Render ======================\n // >>> Render Selector Node. Includes Item & Rest\n function defaultRenderSelector(\n item: DisplayValueType,\n content: React.ReactNode,\n itemDisabled: boolean,\n closable?: boolean,\n onClose?: React.MouseEventHandler,\n ) {\n return (\n <span\n className={classNames(`${selectionPrefixCls}-item`, {\n [`${selectionPrefixCls}-item-disabled`]: itemDisabled,\n })}\n title={getTitle(item)}\n >\n <span className={`${selectionPrefixCls}-item-content`}>{content}</span>\n {closable && (\n <TransBtn\n className={`${selectionPrefixCls}-item-remove`}\n onMouseDown={onPreventMouseDown}\n onClick={onClose}\n customizeIcon={removeIcon}\n >\n ×\n </TransBtn>\n )}\n </span>\n );\n }\n\n function customizeRenderSelector(\n value: RawValueType,\n content: React.ReactNode,\n itemDisabled: boolean,\n closable: boolean,\n onClose: React.MouseEventHandler,\n ) {\n const onMouseDown = (e: React.MouseEvent) => {\n onPreventMouseDown(e);\n onToggleOpen(!open);\n };\n\n return (\n <span onMouseDown={onMouseDown}>\n {tagRender({\n label: content,\n value,\n disabled: itemDisabled,\n closable,\n onClose,\n })}\n </span>\n );\n }\n\n function renderItem(valueItem: DisplayValueType) {\n const { disabled: itemDisabled, label, value } = valueItem;\n const closable = !disabled && !itemDisabled;\n\n let displayLabel: React.ReactNode = label;\n\n if (typeof maxTagTextLength === 'number') {\n if (typeof label === 'string' || typeof label === 'number') {\n const strLabel = String(displayLabel);\n\n if (strLabel.length > maxTagTextLength) {\n displayLabel = `${strLabel.slice(0, maxTagTextLength)}...`;\n }\n }\n }\n\n const onClose = (event?: React.MouseEvent) => {\n if (event) event.stopPropagation();\n onRemove(valueItem);\n };\n\n return typeof tagRender === 'function'\n ? customizeRenderSelector(value, displayLabel, itemDisabled, closable, onClose)\n : defaultRenderSelector(valueItem, displayLabel, itemDisabled, closable, onClose);\n }\n\n function renderRest(omittedValues: DisplayValueType[]) {\n const content =\n typeof maxTagPlaceholder === 'function'\n ? maxTagPlaceholder(omittedValues)\n : maxTagPlaceholder;\n\n return defaultRenderSelector({ title: content }, content, false);\n }\n\n // >>> Input Node\n const inputNode = (\n <div\n className={`${selectionPrefixCls}-search`}\n style={{ width: inputWidth }}\n onFocus={() => {\n setFocused(true);\n }}\n onBlur={() => {\n setFocused(false);\n }}\n >\n <Input\n ref={inputRef}\n open={open}\n prefixCls={prefixCls}\n id={id}\n inputElement={null}\n disabled={disabled}\n autoFocus={autoFocus}\n autoComplete={autoComplete}\n editable={inputEditable}\n activeDescendantId={activeDescendantId}\n value={inputValue}\n onKeyDown={onInputKeyDown}\n onMouseDown={onInputMouseDown}\n onChange={onInputChange}\n onPaste={onInputPaste}\n onCompositionStart={onInputCompositionStart}\n onCompositionEnd={onInputCompositionEnd}\n tabIndex={tabIndex}\n attrs={pickAttrs(props, true)}\n />\n\n {/* Measure Node */}\n <span ref={measureRef} className={`${selectionPrefixCls}-search-mirror`} aria-hidden>\n {inputValue} \n </span>\n </div>\n );\n\n // >>> Selections\n const selectionNode = (\n <Overflow\n prefixCls={`${selectionPrefixCls}-overflow`}\n data={values}\n renderItem={renderItem}\n renderRest={renderRest}\n suffix={inputNode}\n itemKey={itemKey}\n maxCount={maxTagCount}\n />\n );\n\n return (\n <>\n {selectionNode}\n\n {!values.length && !inputValue && (\n <span className={`${selectionPrefixCls}-placeholder`}>{placeholder}</span>\n )}\n </>\n );\n};\n\nexport default SelectSelector;\n"]}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import pickAttrs from 'rc-util/lib/pickAttrs';
|
|
3
|
-
import Input from './Input';
|
|
4
|
-
import { getTitle } from '../utils/commonUtil';
|
|
5
|
-
const SingleSelector = props => {
|
|
6
|
-
const {
|
|
7
|
-
inputElement,
|
|
8
|
-
prefixCls,
|
|
9
|
-
id,
|
|
10
|
-
inputRef,
|
|
11
|
-
disabled,
|
|
12
|
-
autoFocus,
|
|
13
|
-
autoComplete,
|
|
14
|
-
activeDescendantId,
|
|
15
|
-
mode,
|
|
16
|
-
open,
|
|
17
|
-
values,
|
|
18
|
-
placeholder,
|
|
19
|
-
tabIndex,
|
|
20
|
-
showSearch,
|
|
21
|
-
searchValue,
|
|
22
|
-
activeValue,
|
|
23
|
-
maxLength,
|
|
24
|
-
onInputKeyDown,
|
|
25
|
-
onInputMouseDown,
|
|
26
|
-
onInputChange,
|
|
27
|
-
onInputPaste,
|
|
28
|
-
onInputCompositionStart,
|
|
29
|
-
onInputCompositionEnd,
|
|
30
|
-
title
|
|
31
|
-
} = props;
|
|
32
|
-
const [inputChanged, setInputChanged] = React.useState(false);
|
|
33
|
-
const combobox = mode === 'combobox';
|
|
34
|
-
const inputEditable = combobox || showSearch;
|
|
35
|
-
const item = values[0];
|
|
36
|
-
let inputValue = searchValue || '';
|
|
37
|
-
if (combobox && activeValue && !inputChanged) {
|
|
38
|
-
inputValue = activeValue;
|
|
39
|
-
}
|
|
40
|
-
React.useEffect(() => {
|
|
41
|
-
if (combobox) {
|
|
42
|
-
setInputChanged(false);
|
|
43
|
-
}
|
|
44
|
-
}, [combobox, activeValue]);
|
|
45
|
-
// Not show text when closed expect combobox mode
|
|
46
|
-
const hasTextInput = mode !== 'combobox' && !open && !showSearch ? false : !!inputValue;
|
|
47
|
-
// Get title of selection item
|
|
48
|
-
const selectionTitle = title === undefined ? getTitle(item) : title;
|
|
49
|
-
const renderPlaceholder = () => {
|
|
50
|
-
if (item) {
|
|
51
|
-
return null;
|
|
52
|
-
}
|
|
53
|
-
const hiddenStyle = hasTextInput ? {
|
|
54
|
-
visibility: 'hidden'
|
|
55
|
-
} : undefined;
|
|
56
|
-
return React.createElement("span", {
|
|
57
|
-
className: `${prefixCls}-selection-placeholder`,
|
|
58
|
-
style: hiddenStyle
|
|
59
|
-
}, placeholder);
|
|
60
|
-
};
|
|
61
|
-
return React.createElement(React.Fragment, null, React.createElement("span", {
|
|
62
|
-
className: `${prefixCls}-selection-search`
|
|
63
|
-
}, React.createElement(Input, {
|
|
64
|
-
ref: inputRef,
|
|
65
|
-
prefixCls: prefixCls,
|
|
66
|
-
id: id,
|
|
67
|
-
open: open,
|
|
68
|
-
inputElement: inputElement,
|
|
69
|
-
disabled: disabled,
|
|
70
|
-
autoFocus: autoFocus,
|
|
71
|
-
autoComplete: autoComplete,
|
|
72
|
-
editable: inputEditable,
|
|
73
|
-
activeDescendantId: activeDescendantId,
|
|
74
|
-
value: inputValue,
|
|
75
|
-
onKeyDown: onInputKeyDown,
|
|
76
|
-
onMouseDown: onInputMouseDown,
|
|
77
|
-
onChange: e => {
|
|
78
|
-
setInputChanged(true);
|
|
79
|
-
onInputChange(e);
|
|
80
|
-
},
|
|
81
|
-
onPaste: onInputPaste,
|
|
82
|
-
onCompositionStart: onInputCompositionStart,
|
|
83
|
-
onCompositionEnd: onInputCompositionEnd,
|
|
84
|
-
tabIndex: tabIndex,
|
|
85
|
-
attrs: pickAttrs(props, true),
|
|
86
|
-
maxLength: combobox ? maxLength : undefined
|
|
87
|
-
})), !combobox && item ? React.createElement("span", {
|
|
88
|
-
className: `${prefixCls}-selection-item`,
|
|
89
|
-
title: selectionTitle,
|
|
90
|
-
// 当 Select 已经选中选项时,还需 selection 隐藏但留在原地占位
|
|
91
|
-
// https://github.com/ant-design/ant-design/issues/27688
|
|
92
|
-
// https://github.com/ant-design/ant-design/issues/41530
|
|
93
|
-
style: hasTextInput ? {
|
|
94
|
-
visibility: 'hidden'
|
|
95
|
-
} : undefined
|
|
96
|
-
}, item.label) : null, renderPlaceholder());
|
|
97
|
-
};
|
|
98
|
-
export default SingleSelector;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelector.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/SingleSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport pickAttrs from 'rc-util/lib/pickAttrs';\nimport Input from './Input';\nimport type { InnerSelectorProps } from '.';\nimport { getTitle } from '../utils/commonUtil';\n\ninterface SelectorProps extends InnerSelectorProps {\n inputElement: React.ReactElement;\n activeValue: string;\n}\n\nconst SingleSelector: React.FC<SelectorProps> = (props) => {\n const {\n inputElement,\n prefixCls,\n id,\n inputRef,\n disabled,\n autoFocus,\n autoComplete,\n activeDescendantId,\n mode,\n open,\n values,\n placeholder,\n tabIndex,\n\n showSearch,\n searchValue,\n activeValue,\n maxLength,\n\n onInputKeyDown,\n onInputMouseDown,\n onInputChange,\n onInputPaste,\n onInputCompositionStart,\n onInputCompositionEnd,\n title,\n } = props;\n\n const [inputChanged, setInputChanged] = React.useState(false);\n\n const combobox = mode === 'combobox';\n const inputEditable = combobox || showSearch;\n const item = values[0];\n\n let inputValue: string = searchValue || '';\n if (combobox && activeValue && !inputChanged) {\n inputValue = activeValue;\n }\n\n React.useEffect(() => {\n if (combobox) {\n setInputChanged(false);\n }\n }, [combobox, activeValue]);\n\n // Not show text when closed expect combobox mode\n const hasTextInput = mode !== 'combobox' && !open && !showSearch ? false : !!inputValue;\n\n // Get title of selection item\n const selectionTitle = title === undefined ? getTitle(item) : title;\n\n const renderPlaceholder = () => {\n if (item) {\n return null;\n }\n const hiddenStyle = hasTextInput ? { visibility: 'hidden' } as React.CSSProperties : undefined;\n return (\n <span\n className={`${prefixCls}-selection-placeholder`}\n style={hiddenStyle}\n >\n {placeholder}\n </span>\n );\n };\n\n return (\n <>\n <span className={`${prefixCls}-selection-search`}>\n <Input\n ref={inputRef}\n prefixCls={prefixCls}\n id={id}\n open={open}\n inputElement={inputElement}\n disabled={disabled}\n autoFocus={autoFocus}\n autoComplete={autoComplete}\n editable={inputEditable}\n activeDescendantId={activeDescendantId}\n value={inputValue}\n onKeyDown={onInputKeyDown}\n onMouseDown={onInputMouseDown}\n onChange={(e) => {\n setInputChanged(true);\n onInputChange(e as any);\n }}\n onPaste={onInputPaste}\n onCompositionStart={onInputCompositionStart}\n onCompositionEnd={onInputCompositionEnd}\n tabIndex={tabIndex}\n attrs={pickAttrs(props, true)}\n maxLength={combobox ? maxLength : undefined}\n />\n </span>\n\n {/* Display value */}\n {(!combobox && item) ? (\n <span\n className={`${prefixCls}-selection-item`}\n title={selectionTitle}\n // 当 Select 已经选中选项时,还需 selection 隐藏但留在原地占位\n // https://github.com/ant-design/ant-design/issues/27688\n // https://github.com/ant-design/ant-design/issues/41530\n style={hasTextInput ? { visibility: 'hidden' } as React.CSSProperties : undefined}\n >\n {item.label}\n </span>\n ) : null}\n\n {/* Display placeholder */}\n {renderPlaceholder()}\n </>\n );\n};\n\nexport default SingleSelector;\n"]}
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Cursor rule:
|
|
3
|
-
* 1. Only `showSearch` enabled
|
|
4
|
-
* 2. Only `open` is `true`
|
|
5
|
-
* 3. When typing, set `open` to `true` which hit rule of 2
|
|
6
|
-
*
|
|
7
|
-
* Accessibility:
|
|
8
|
-
* - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
|
|
9
|
-
*/
|
|
10
|
-
import * as React from 'react';
|
|
11
|
-
import { useRef } from 'react';
|
|
12
|
-
import KeyCode from 'rc-util/lib/KeyCode';
|
|
13
|
-
import MultipleSelector from './MultipleSelector';
|
|
14
|
-
import SingleSelector from './SingleSelector';
|
|
15
|
-
import useLock from '../hooks/useLock';
|
|
16
|
-
import { isValidateOpenKey } from '../utils/keyUtil';
|
|
17
|
-
const Selector = (props, ref) => {
|
|
18
|
-
const inputRef = useRef(null);
|
|
19
|
-
const compositionStatusRef = useRef(false);
|
|
20
|
-
const {
|
|
21
|
-
prefixCls,
|
|
22
|
-
open,
|
|
23
|
-
mode,
|
|
24
|
-
showSearch,
|
|
25
|
-
tokenWithEnter,
|
|
26
|
-
autoClearSearchValue,
|
|
27
|
-
onSearch,
|
|
28
|
-
onSearchSubmit,
|
|
29
|
-
onToggleOpen,
|
|
30
|
-
onInputKeyDown,
|
|
31
|
-
domRef
|
|
32
|
-
} = props;
|
|
33
|
-
// ======================= Ref =======================
|
|
34
|
-
React.useImperativeHandle(ref, () => ({
|
|
35
|
-
focus: () => {
|
|
36
|
-
inputRef.current.focus();
|
|
37
|
-
},
|
|
38
|
-
blur: () => {
|
|
39
|
-
inputRef.current.blur();
|
|
40
|
-
}
|
|
41
|
-
}));
|
|
42
|
-
// ====================== Input ======================
|
|
43
|
-
const [getInputMouseDown, setInputMouseDown] = useLock(0);
|
|
44
|
-
const onInternalInputKeyDown = event => {
|
|
45
|
-
const {
|
|
46
|
-
which
|
|
47
|
-
} = event;
|
|
48
|
-
if (which === KeyCode.UP || which === KeyCode.DOWN) {
|
|
49
|
-
event.preventDefault();
|
|
50
|
-
}
|
|
51
|
-
if (onInputKeyDown) {
|
|
52
|
-
onInputKeyDown(event);
|
|
53
|
-
}
|
|
54
|
-
if (which === KeyCode.ENTER && mode === 'tags' && !compositionStatusRef.current && !open) {
|
|
55
|
-
// When menu isn't open, OptionList won't trigger a value change
|
|
56
|
-
// So when enter is pressed, the tag's input value should be emitted here to let selector know
|
|
57
|
-
onSearchSubmit === null || onSearchSubmit === void 0 ? void 0 : onSearchSubmit(event.target.value);
|
|
58
|
-
}
|
|
59
|
-
if (isValidateOpenKey(which)) {
|
|
60
|
-
onToggleOpen(true);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
/**
|
|
64
|
-
* We can not use `findDOMNode` sine it will get warning,
|
|
65
|
-
* have to use timer to check if is input element.
|
|
66
|
-
*/
|
|
67
|
-
const onInternalInputMouseDown = () => {
|
|
68
|
-
setInputMouseDown(true);
|
|
69
|
-
};
|
|
70
|
-
// When paste come, ignore next onChange
|
|
71
|
-
const pastedTextRef = useRef(null);
|
|
72
|
-
const triggerOnSearch = value => {
|
|
73
|
-
if (onSearch(value, true, compositionStatusRef.current) !== false) {
|
|
74
|
-
onToggleOpen(true);
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
const onInputCompositionStart = () => {
|
|
78
|
-
compositionStatusRef.current = true;
|
|
79
|
-
};
|
|
80
|
-
const onInputCompositionEnd = e => {
|
|
81
|
-
compositionStatusRef.current = false;
|
|
82
|
-
// Trigger search again to support `tokenSeparators` with typewriting
|
|
83
|
-
if (mode !== 'combobox') {
|
|
84
|
-
triggerOnSearch(e.target.value);
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
const onInputChange = event => {
|
|
88
|
-
let {
|
|
89
|
-
target: {
|
|
90
|
-
value
|
|
91
|
-
}
|
|
92
|
-
} = event;
|
|
93
|
-
// Pasted text should replace back to origin content
|
|
94
|
-
if (tokenWithEnter && pastedTextRef.current && /[\r\n]/.test(pastedTextRef.current)) {
|
|
95
|
-
// CRLF will be treated as a single space for input element
|
|
96
|
-
const replacedText = pastedTextRef.current.replace(/[\r\n]+$/, '').replace(/\r\n/g, ' ').replace(/[\r\n]/g, ' ');
|
|
97
|
-
value = value.replace(replacedText, pastedTextRef.current);
|
|
98
|
-
}
|
|
99
|
-
pastedTextRef.current = null;
|
|
100
|
-
triggerOnSearch(value);
|
|
101
|
-
};
|
|
102
|
-
const onInputPaste = e => {
|
|
103
|
-
const {
|
|
104
|
-
clipboardData
|
|
105
|
-
} = e;
|
|
106
|
-
const value = clipboardData.getData('text');
|
|
107
|
-
pastedTextRef.current = value;
|
|
108
|
-
};
|
|
109
|
-
const onClick = ({
|
|
110
|
-
target
|
|
111
|
-
}) => {
|
|
112
|
-
if (target !== inputRef.current) {
|
|
113
|
-
// Should focus input if click the selector
|
|
114
|
-
const isIE = document.body.style.msTouchAction !== undefined;
|
|
115
|
-
if (isIE) {
|
|
116
|
-
setTimeout(() => {
|
|
117
|
-
inputRef.current.focus();
|
|
118
|
-
});
|
|
119
|
-
} else {
|
|
120
|
-
inputRef.current.focus();
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
};
|
|
124
|
-
const onMouseDown = event => {
|
|
125
|
-
const inputMouseDown = getInputMouseDown();
|
|
126
|
-
// when mode is combobox, don't prevent default behavior
|
|
127
|
-
// https://github.com/ant-design/ant-design/issues/37320
|
|
128
|
-
if (event.target !== inputRef.current && !inputMouseDown && mode !== 'combobox') {
|
|
129
|
-
event.preventDefault();
|
|
130
|
-
}
|
|
131
|
-
if (mode !== 'combobox' && (!showSearch || !inputMouseDown) || !open) {
|
|
132
|
-
if (open && autoClearSearchValue !== false) {
|
|
133
|
-
onSearch('', true, false);
|
|
134
|
-
}
|
|
135
|
-
onToggleOpen();
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
|
-
// ================= Inner Selector ==================
|
|
139
|
-
const sharedProps = {
|
|
140
|
-
inputRef,
|
|
141
|
-
onInputKeyDown: onInternalInputKeyDown,
|
|
142
|
-
onInputMouseDown: onInternalInputMouseDown,
|
|
143
|
-
onInputChange,
|
|
144
|
-
onInputPaste,
|
|
145
|
-
onInputCompositionStart,
|
|
146
|
-
onInputCompositionEnd
|
|
147
|
-
};
|
|
148
|
-
const selectNode = mode === 'multiple' || mode === 'tags' ? React.createElement(MultipleSelector, Object.assign({}, props, sharedProps)) : React.createElement(SingleSelector, Object.assign({}, props, sharedProps));
|
|
149
|
-
return React.createElement("div", {
|
|
150
|
-
ref: domRef,
|
|
151
|
-
className: `${prefixCls}-selector`,
|
|
152
|
-
onClick: onClick,
|
|
153
|
-
onMouseDown: onMouseDown
|
|
154
|
-
}, selectNode);
|
|
155
|
-
};
|
|
156
|
-
const ForwardSelector = React.forwardRef(Selector);
|
|
157
|
-
ForwardSelector.displayName = 'Selector';
|
|
158
|
-
export default ForwardSelector;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Cursor rule:\n * 1. Only `showSearch` enabled\n * 2. Only `open` is `true`\n * 3. When typing, set `open` to `true` which hit rule of 2\n *\n * Accessibility:\n * - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html\n */\n\nimport * as React from 'react';\nimport { useRef } from 'react';\nimport KeyCode from 'rc-util/lib/KeyCode';\nimport type { ScrollTo } from 'rc-virtual-list/lib/List';\nimport MultipleSelector from './MultipleSelector';\nimport SingleSelector from './SingleSelector';\nimport useLock from '../hooks/useLock';\nimport type { CustomTagProps, DisplayValueType, Mode, RenderNode } from '../BaseSelect';\nimport { isValidateOpenKey } from '../utils/keyUtil';\n\nexport interface InnerSelectorProps {\n prefixCls: string;\n id: string;\n mode: Mode;\n title?: string;\n\n inputRef: React.Ref<HTMLInputElement | HTMLTextAreaElement>;\n placeholder?: React.ReactNode;\n disabled?: boolean;\n autoFocus?: boolean;\n autoComplete?: string;\n values: DisplayValueType[];\n showSearch?: boolean;\n searchValue: string;\n autoClearSearchValue?: boolean;\n activeDescendantId?: string;\n open: boolean;\n tabIndex?: number;\n maxLength?: number;\n\n onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n onInputMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n onInputChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n onInputPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n onInputCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n}\n\nexport interface RefSelectorProps {\n focus: () => void;\n blur: () => void;\n scrollTo?: ScrollTo;\n}\n\nexport interface SelectorProps {\n id: string;\n prefixCls: string;\n showSearch?: boolean;\n open: boolean;\n /** Display in the Selector value, it's not same as `value` prop */\n values: DisplayValueType[];\n mode: Mode;\n searchValue: string;\n activeValue: string;\n autoClearSearchValue: boolean;\n inputElement: JSX.Element;\n maxLength?: number;\n\n autoFocus?: boolean;\n activeDescendantId?: string;\n tabIndex?: number;\n disabled?: boolean;\n placeholder?: React.ReactNode;\n removeIcon?: RenderNode;\n\n // Tags\n maxTagCount?: number | 'responsive';\n maxTagTextLength?: number;\n maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);\n tagRender?: (props: CustomTagProps) => React.ReactElement;\n\n /** Check if `tokenSeparators` contains `\\n` or `\\r\\n` */\n tokenWithEnter?: boolean;\n\n // Motion\n choiceTransitionName?: string;\n\n onToggleOpen: (open?: boolean) => void;\n /** `onSearch` returns go next step boolean to check if need do toggle open */\n onSearch: (searchText: string, fromTyping: boolean, isCompositing: boolean) => boolean;\n onSearchSubmit?: (searchText: string) => void;\n onRemove: (value: DisplayValueType) => void;\n onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n\n /**\n * @private get real dom for trigger align.\n * This may be removed after React provides replacement of `findDOMNode`\n */\n domRef: React.Ref<HTMLDivElement>;\n}\n\nconst Selector: React.RefForwardingComponent<RefSelectorProps, SelectorProps> = (props, ref) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const compositionStatusRef = useRef<boolean>(false);\n\n const {\n prefixCls,\n open,\n mode,\n showSearch,\n tokenWithEnter,\n\n autoClearSearchValue,\n\n onSearch,\n onSearchSubmit,\n onToggleOpen,\n onInputKeyDown,\n\n domRef,\n } = props;\n\n // ======================= Ref =======================\n React.useImperativeHandle(ref, () => ({\n focus: () => {\n inputRef.current.focus();\n },\n blur: () => {\n inputRef.current.blur();\n },\n }));\n\n // ====================== Input ======================\n const [getInputMouseDown, setInputMouseDown] = useLock(0);\n\n const onInternalInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n const { which } = event;\n\n if (which === KeyCode.UP || which === KeyCode.DOWN) {\n event.preventDefault();\n }\n\n if (onInputKeyDown) {\n onInputKeyDown(event);\n }\n\n if (which === KeyCode.ENTER && mode === 'tags' && !compositionStatusRef.current && !open) {\n // When menu isn't open, OptionList won't trigger a value change\n // So when enter is pressed, the tag's input value should be emitted here to let selector know\n onSearchSubmit?.((event.target as HTMLInputElement).value);\n }\n\n if (isValidateOpenKey(which)) {\n onToggleOpen(true);\n }\n };\n\n /**\n * We can not use `findDOMNode` sine it will get warning,\n * have to use timer to check if is input element.\n */\n const onInternalInputMouseDown: React.MouseEventHandler<HTMLInputElement> = () => {\n setInputMouseDown(true);\n };\n\n // When paste come, ignore next onChange\n const pastedTextRef = useRef<string>(null);\n\n const triggerOnSearch = (value: string) => {\n if (onSearch(value, true, compositionStatusRef.current) !== false) {\n onToggleOpen(true);\n }\n };\n\n const onInputCompositionStart = () => {\n compositionStatusRef.current = true;\n };\n\n const onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement> = (e) => {\n compositionStatusRef.current = false;\n\n // Trigger search again to support `tokenSeparators` with typewriting\n if (mode !== 'combobox') {\n triggerOnSearch((e.target as HTMLInputElement).value);\n }\n };\n\n const onInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n let {\n target: { value },\n } = event;\n\n // Pasted text should replace back to origin content\n if (tokenWithEnter && pastedTextRef.current && /[\\r\\n]/.test(pastedTextRef.current)) {\n // CRLF will be treated as a single space for input element\n const replacedText = pastedTextRef.current\n .replace(/[\\r\\n]+$/, '')\n .replace(/\\r\\n/g, ' ')\n .replace(/[\\r\\n]/g, ' ');\n value = value.replace(replacedText, pastedTextRef.current);\n }\n\n pastedTextRef.current = null;\n\n triggerOnSearch(value);\n };\n\n const onInputPaste: React.ClipboardEventHandler = (e) => {\n const { clipboardData } = e;\n const value = clipboardData.getData('text');\n\n pastedTextRef.current = value;\n };\n\n const onClick = ({ target }) => {\n if (target !== inputRef.current) {\n // Should focus input if click the selector\n const isIE = (document.body.style as any).msTouchAction !== undefined;\n if (isIE) {\n setTimeout(() => {\n inputRef.current.focus();\n });\n } else {\n inputRef.current.focus();\n }\n }\n };\n\n const onMouseDown: React.MouseEventHandler<HTMLElement> = (event) => {\n const inputMouseDown = getInputMouseDown();\n\n // when mode is combobox, don't prevent default behavior\n // https://github.com/ant-design/ant-design/issues/37320\n if (event.target !== inputRef.current && !inputMouseDown && mode !== 'combobox') {\n event.preventDefault();\n }\n\n if ((mode !== 'combobox' && (!showSearch || !inputMouseDown)) || !open) {\n if (open && autoClearSearchValue !== false) {\n onSearch('', true, false);\n }\n onToggleOpen();\n }\n };\n\n // ================= Inner Selector ==================\n const sharedProps = {\n inputRef,\n onInputKeyDown: onInternalInputKeyDown,\n onInputMouseDown: onInternalInputMouseDown,\n onInputChange,\n onInputPaste,\n onInputCompositionStart,\n onInputCompositionEnd,\n };\n\n const selectNode =\n mode === 'multiple' || mode === 'tags' ? (\n <MultipleSelector {...props} {...sharedProps} />\n ) : (\n <SingleSelector {...props} {...sharedProps} />\n );\n\n return (\n <div\n ref={domRef}\n className={`${prefixCls}-selector`}\n onClick={onClick}\n onMouseDown={onMouseDown}\n >\n {selectNode}\n </div>\n );\n};\n\nconst ForwardSelector = React.forwardRef<RefSelectorProps, SelectorProps>(Selector);\nForwardSelector.displayName = 'Selector';\n\nexport default ForwardSelector;\n"]}
|