tntd 3.0.79 → 3.0.80
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/_util/context.js +16 -11
- package/es/_util/defaultRenderEmpty.js +36 -13
- package/es/_util/hooks/useFlexGapSupport.js +27 -10
- package/es/_util/hooks/useForceUpdate.js +24 -6
- package/es/_util/hooks/useScrollLock.js +67 -40
- package/es/_util/motion.js +51 -33
- package/es/_util/reactNode.js +24 -13
- package/es/_util/responsiveObserve.js +68 -56
- package/es/_util/styleChecker.js +39 -26
- package/es/_util/type.js +18 -3
- package/es/_util/warning.js +19 -6
- package/es/actions/index.js +32 -11
- package/es/affix/index.js +24 -5
- package/es/affix/style/index.js +4 -3
- package/es/alert/alert.js +82 -48
- package/es/alert/index.js +23 -5
- package/es/alert/style/index.js +4 -3
- package/es/anchor/anchor.js +119 -54
- package/es/anchor/index.js +22 -6
- package/es/anchor/style/index.js +5 -5
- package/es/array-input/index.js +380 -189
- package/es/auth-context/index.js +10 -3
- package/es/auto-complete/index.js +24 -5
- package/es/auto-complete/style/index.js +6 -6
- package/es/avatar/index.js +24 -5
- package/es/avatar/style/index.js +4 -3
- package/es/back-top/index.js +24 -5
- package/es/back-top/style/index.js +4 -3
- package/es/badge/index.js +24 -5
- package/es/badge/style/index.js +4 -3
- package/es/breadcrumb/index.js +24 -5
- package/es/breadcrumb/style/index.js +6 -5
- package/es/button/button.js +73 -37
- package/es/button/index.js +22 -6
- package/es/button/style/index.js +4 -3
- package/es/calendar/index.js +24 -5
- package/es/calendar/style/index.js +6 -6
- package/es/card/card.js +45 -22
- package/es/card/index.js +21 -5
- package/es/card/style/index.js +7 -7
- package/es/carousel/index.js +24 -5
- package/es/carousel/style/index.js +4 -3
- package/es/cascader/cascader.js +47 -25
- package/es/cascader/index.js +25 -6
- package/es/cascader/style/index.js +6 -6
- package/es/check-card/group.js +226 -144
- package/es/check-card/index.js +168 -115
- package/es/checkbox/checkbox.js +61 -32
- package/es/checkbox/index.js +25 -6
- package/es/checkbox/style/index.js +4 -3
- package/es/col/index.js +24 -5
- package/es/col/style/index.js +4 -5
- package/es/collapse/index.js +25 -6
- package/es/collapse/style/index.js +4 -3
- package/es/color-picker/ColorPicker.js +156 -89
- package/es/color-picker/index.js +21 -11
- package/es/columns/index.js +78 -35
- package/es/columns/style/index.js +1 -2
- package/es/comment/index.js +24 -5
- package/es/comment/style/index.js +4 -3
- package/es/config-provider/DisabledContext.js +19 -7
- package/es/config-provider/SizeContext.js +21 -5
- package/es/config-provider/config-provider.js +13 -3
- package/es/config-provider/index.js +75 -45
- package/es/config-provider/style/index.js +3 -2
- package/es/connect/index.js +42 -24
- package/es/date-picker/DatePicker.js +123 -48
- package/es/date-picker/index.js +16 -11
- package/es/date-picker/style/index.js +7 -8
- package/es/descriptions/descriptions.js +140 -73
- package/es/descriptions/index.js +22 -6
- package/es/descriptions/style/index.js +4 -3
- package/es/development-login/LoginModal.js +112 -54
- package/es/development-login/index.js +44 -11
- package/es/divider/index.js +24 -5
- package/es/divider/style/index.js +4 -3
- package/es/drawer/drawer.js +144 -73
- package/es/drawer/index.js +23 -6
- package/es/drawer/style/index.js +5 -5
- package/es/dropdown/index.js +24 -5
- package/es/dropdown/style/index.js +5 -5
- package/es/ellipsis/Svg/CopySVG.js +71 -17
- package/es/ellipsis/Svg/TickSVG.js +49 -12
- package/es/ellipsis/index.js +198 -120
- package/es/empty/empty.js +89 -57
- package/es/empty/empty.stories.js +20 -14
- package/es/empty/index.js +22 -6
- package/es/empty/style/index.js +4 -3
- package/es/exception/exception.js +46 -25
- package/es/exception/index.js +21 -5
- package/es/form/form.js +95 -58
- package/es/form/index.js +21 -5
- package/es/form/style/index.js +5 -5
- package/es/grid/index.js +24 -5
- package/es/grid/style/index.js +4 -3
- package/es/grid-v4/RowContext.js +9 -4
- package/es/grid-v4/col.js +92 -70
- package/es/grid-v4/hooks/useBreakpoint.js +27 -18
- package/es/grid-v4/index.js +27 -10
- package/es/grid-v4/row.js +174 -132
- package/es/grid-v4/style/index.js +3 -3
- package/es/handle/index.js +171 -103
- package/es/handle-icon/index.js +225 -156
- package/es/icon/IconFont.js +58 -50
- package/es/icon/components/Icon.js +130 -75
- package/es/icon/components/index.js +13 -2
- package/es/icon/components/utils.js +107 -68
- package/es/icon/index.js +118 -91
- package/es/icon/style/index.js +5 -4
- package/es/icon/twoTonePrimaryColor.js +17 -10
- package/es/icon/utils.js +68 -63
- package/es/icon-list/index.js +7 -120
- package/es/icon-old/index.js +24 -5
- package/es/icon-old/style/index.js +4 -3
- package/es/img/Contain.js +68 -41
- package/es/img/Cover.js +116 -75
- package/es/img/index.js +74 -35
- package/es/index.js +748 -114
- package/es/input/index.js +22 -6
- package/es/input/input.js +97 -62
- package/es/input/style/index.js +5 -5
- package/es/input/style/mixin.less +46 -45
- package/es/input-number/index.js +25 -6
- package/es/input-number/inputNumber.js +51 -26
- package/es/input-number/style/index.js +4 -3
- package/es/label/index.js +131 -111
- package/es/layout/index.js +24 -5
- package/es/layout/style/index.js +4 -3
- package/es/list/index.js +24 -5
- package/es/list/style/index.js +8 -8
- package/es/loading-button/index.js +58 -30
- package/es/locale/default.js +12 -6
- package/es/locale/en_US.js +85 -78
- package/es/locale/index.js +38 -4
- package/es/locale/zh_CN.js +77 -71
- package/es/locale-provider/index.js +27 -8
- package/es/locale-provider/style/index.js +3 -2
- package/es/mentions/index.js +24 -5
- package/es/mentions/style/index.js +5 -5
- package/es/menu/index.js +24 -5
- package/es/menu/style/index.js +5 -6
- package/es/message/index.js +25 -6
- package/es/message/style/index.js +4 -3
- package/es/modal/index.js +21 -5
- package/es/modal/modal.js +172 -70
- package/es/modal/style/index.js +6 -6
- package/es/notification/assets/index.js +20 -3
- package/es/notification/assets/svg-error-tip.js +152 -33
- package/es/notification/assets/svg-success-tip.js +169 -37
- package/es/notification/index.js +23 -5
- package/es/notification/notification.js +104 -23
- package/es/notification/style/index.js +4 -3
- package/es/page/Box.js +64 -36
- package/es/page/index.js +145 -92
- package/es/page/utils.js +22 -14
- package/es/page-container/index.js +22 -10
- package/es/page-header/index.js +24 -5
- package/es/page-header/style/index.js +5 -5
- package/es/page-loading/index.js +33 -24
- package/es/page-loading/index.js.map +1 -1
- package/es/pagination/index.js +24 -5
- package/es/pagination/style/index.js +5 -5
- package/es/popconfirm/index.js +24 -5
- package/es/popconfirm/popconfirm.js +59 -29
- package/es/popconfirm/style/index.js +6 -7
- package/es/popover/index.js +24 -5
- package/es/popover/popover.js +52 -25
- package/es/popover/style/index.js +5 -6
- package/es/prev-locale.js +169 -158
- package/es/preview-text/index.js +264 -183
- package/es/progress/index.js +24 -5
- package/es/progress/progress.js +143 -83
- package/es/progress/style/index.js +4 -3
- package/es/query-form/Field/Checkbox.js +27 -19
- package/es/query-form/Field/Select.js +79 -43
- package/es/query-form/Field/SelectInput.js +98 -51
- package/es/query-form/Field/fieldsMap.js +52 -47
- package/es/query-form/Field/index.js +142 -70
- package/es/query-form/createActions.js +54 -47
- package/es/query-form/index.js +377 -261
- package/es/query-form/useForm.js +13 -7
- package/es/query-list-scene/List.js +364 -267
- package/es/query-list-scene/QueryForm.js +156 -98
- package/es/query-list-scene/QueryListScene.js +63 -26
- package/es/query-list-scene/Title.js +15 -5
- package/es/query-list-scene/Toolbar.js +30 -17
- package/es/query-list-scene/createActions.js +80 -61
- package/es/query-list-scene/index.js +26 -20
- package/es/query-list-scene/useActions.js +13 -7
- package/es/radio/index.js +25 -6
- package/es/radio/radio.js +63 -33
- package/es/radio/style/index.js +4 -3
- package/es/rate/index.js +24 -5
- package/es/rate/style/index.js +5 -5
- package/es/render-empty/index.js +8 -3
- package/es/render-empty/render-empty.js +29 -17
- package/es/result/index.js +24 -5
- package/es/result/style/index.js +4 -3
- package/es/row/index.js +24 -5
- package/es/row/style/index.js +4 -5
- package/es/scroll-bar/Bar.js +90 -47
- package/es/scroll-bar/Context.js +12 -6
- package/es/scroll-bar/ScrollBar.js +91 -62
- package/es/scroll-bar/Thumb.js +125 -108
- package/es/scroll-bar/index.js +10 -4
- package/es/scroll-bar/util.js +38 -27
- package/es/segmented/index.js +69 -43
- package/es/select/index.js +23 -6
- package/es/select/select.js +63 -40
- package/es/select/style/index.js +5 -5
- package/es/skeleton/index.js +24 -5
- package/es/skeleton/style/index.js +4 -3
- package/es/slider/index.js +24 -5
- package/es/slider/style/index.js +5 -5
- package/es/spin/index.js +22 -6
- package/es/spin/spin.js +34 -21
- package/es/spin/style/index.js +4 -3
- package/es/statistic/index.js +24 -5
- package/es/statistic/style/index.js +4 -3
- package/es/steps/index.js +22 -6
- package/es/steps/steps.js +101 -52
- package/es/steps/style/index.js +4 -11
- package/es/style/index.js +3 -2
- package/es/style/v2-compatible-reset.js +3 -2
- package/es/svg-components/illustration-403.js +218 -61
- package/es/svg-components/illustration-404.js +302 -78
- package/es/svg-components/illustration-500.js +333 -86
- package/es/svg-components/illustration-empty.js +66 -18
- package/es/svg-components/illustration-failure.js +124 -39
- package/es/svg-components/illustration-no-access.js +126 -38
- package/es/svg-components/illustration-no-chart.js +146 -40
- package/es/svg-components/illustration-no-result.js +104 -35
- package/es/svg-components/illustration-offline.js +179 -41
- package/es/svg-components/illustration-success.js +149 -46
- package/es/svg-components/index.js +76 -11
- package/es/switch/index.js +23 -4
- package/es/switch/style/index.js +5 -4
- package/es/switch/switch.js +67 -36
- package/es/table/assets/image-loading-background.js +57 -20
- package/es/table/assets/image-loading.js +38 -8
- package/es/table/constants.js +7 -2
- package/es/table/context.js +8 -3
- package/es/table/hooks/index.js +27 -3
- package/es/table/hooks/use-column-setting.js +39 -19
- package/es/table/hooks/use-expand-fixed.js +106 -82
- package/es/table/index.js +23 -7
- package/es/table/resizableTable/index.js +139 -78
- package/es/table/style/index.js +10 -11
- package/es/table/table-hoc.js +28 -24
- package/es/table/table.js +265 -201
- package/es/table/table.stories.js +586 -366
- package/es/table/utils.js +37 -56
- package/es/table-container/index.js +25 -11
- package/es/tabs/index.js +22 -6
- package/es/tabs/style/index.js +4 -3
- package/es/tabs/tabPane.js +1 -2
- package/es/tabs/tabs.js +92 -58
- package/es/tabs-container/index.js +22 -10
- package/es/tag/index.js +22 -6
- package/es/tag/style/index.js +4 -3
- package/es/tag/tag.js +165 -123
- package/es/time-picker/TimePicker.js +53 -26
- package/es/time-picker/index.js +13 -7
- package/es/time-picker/style/index.js +4 -3
- package/es/timeline/index.js +24 -5
- package/es/timeline/style/index.js +4 -3
- package/es/title/index.js +62 -28
- package/es/tntd-action/Action.js +138 -75
- package/es/tntd-action/index.js +82 -62
- package/es/tntd-cascader/AntdCascader/component/DisabledContext.js +19 -7
- package/es/tntd-cascader/AntdCascader/component/FormItemInputContext.js +11 -3
- package/es/tntd-cascader/AntdCascader/component/SizeContext.js +11 -3
- package/es/tntd-cascader/AntdCascader/component/context.js +16 -11
- package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +31 -13
- package/es/tntd-cascader/AntdCascader/component/getIcons.js +79 -51
- package/es/tntd-cascader/AntdCascader/component/useCompactItemContext.js +32 -24
- package/es/tntd-cascader/AntdCascader/config/utils.js +29 -21
- package/es/tntd-cascader/AntdCascader/config/warning.js +20 -12
- package/es/tntd-cascader/AntdCascader/index.js +264 -165
- package/es/tntd-cascader/AntdCascader/index.js.map +1 -1
- package/es/tntd-cascader/AntdCascader/interface.js +15 -5
- package/es/tntd-cascader/index.js +13 -2
- package/es/tntd-cascader/rc-cascader/Cascader.js +332 -264
- package/es/tntd-cascader/rc-cascader/Cascader.js.map +1 -1
- package/es/tntd-cascader/rc-cascader/OptionList/Checkbox.js +31 -14
- package/es/tntd-cascader/rc-cascader/OptionList/Column.js +218 -140
- package/es/tntd-cascader/rc-cascader/OptionList/Column.js.map +1 -1
- package/es/tntd-cascader/rc-cascader/OptionList/index.js +225 -138
- package/es/tntd-cascader/rc-cascader/OptionList/useActive.js +45 -26
- package/es/tntd-cascader/rc-cascader/OptionList/useActive.js.map +1 -1
- package/es/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +180 -141
- package/es/tntd-cascader/rc-cascader/context.js +13 -4
- package/es/tntd-cascader/rc-cascader/context.js.map +1 -1
- package/es/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +64 -41
- package/es/tntd-cascader/rc-cascader/hooks/useEntities.js +41 -27
- package/es/tntd-cascader/rc-cascader/hooks/useMissingValues.js +28 -19
- package/es/tntd-cascader/rc-cascader/hooks/useRefFunc.js +19 -10
- package/es/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +33 -25
- package/es/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +76 -43
- package/es/tntd-cascader/rc-cascader/index.js +9 -3
- package/es/tntd-cascader/rc-cascader/utils/commonUtil.js +56 -39
- package/es/tntd-cascader/rc-cascader/utils/commonUtil.js.map +1 -1
- package/es/tntd-cascader/rc-cascader/utils/treeUtil.js +44 -36
- package/es/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +35 -25
- package/es/tntd-checkbox-select/index.js +251 -143
- package/es/tntd-form/ErrorList.js +101 -50
- package/es/tntd-form/Form.js +168 -110
- package/es/tntd-form/FormItem/ItemHolder.js +149 -126
- package/es/tntd-form/FormItem/index.js +289 -226
- package/es/tntd-form/FormItemInput.js +89 -36
- package/es/tntd-form/FormItemLabel.js +99 -70
- package/es/tntd-form/FormList.js +51 -32
- package/es/tntd-form/context.js +46 -32
- package/es/tntd-form/hooks/useDebounce.js +31 -14
- package/es/tntd-form/hooks/useForm.js +59 -31
- package/es/tntd-form/hooks/useFormInstance.js +13 -7
- package/es/tntd-form/hooks/useFormItemStatus.js +18 -9
- package/es/tntd-form/hooks/useFrameState.js +55 -37
- package/es/tntd-form/hooks/useItemRef.js +27 -18
- package/es/tntd-form/index.js +26 -17
- package/es/tntd-form/interface.js +7 -3
- package/es/tntd-form/style/index.js +6 -6
- package/es/tntd-form/util.js +21 -17
- package/es/tntd-form/validateMessagesContext.js +8 -3
- package/es/tntd-icon/fonts/iconfont.js +36 -53
- package/es/tntd-icon/index.js +40 -21
- package/es/tntd-layout/ActionsContext.js +8 -3
- package/es/tntd-layout/AppList.js +175 -199
- package/es/tntd-layout/Application.js +77 -86
- package/es/tntd-layout/Avatar.js +102 -110
- package/es/tntd-layout/CompatibleLanguage.js +130 -155
- package/es/tntd-layout/EnterpriseLayout/Avatar.js +118 -120
- package/es/tntd-layout/EnterpriseLayout/Language.js +74 -64
- package/es/tntd-layout/EnterpriseLayout/Theme.js +72 -78
- package/es/tntd-layout/EnterpriseLayout/index.js +28 -13
- package/es/tntd-layout/GlobalNavigation/NavigationPopup.js +285 -251
- package/es/tntd-layout/GlobalNavigation/index.js +110 -90
- package/es/tntd-layout/Header.js +78 -106
- package/es/tntd-layout/HeaderActions.js +106 -81
- package/es/tntd-layout/HeaderNavs.js +76 -80
- package/es/tntd-layout/HeaderTabs.js +222 -289
- package/es/tntd-layout/Iconfont.js +12 -4
- package/es/tntd-layout/Language.js +71 -51
- package/es/tntd-layout/Layout.js +216 -146
- package/es/tntd-layout/Logo.js +71 -115
- package/es/tntd-layout/OrgAppList.js +240 -363
- package/es/tntd-layout/SideMenu.js +269 -383
- package/es/tntd-layout/Theme.js +77 -68
- package/es/tntd-layout/createActions.js +46 -31
- package/es/tntd-layout/images/index.js +67 -62
- package/es/tntd-layout/index.js +135 -77
- package/es/tntd-layout/paaslayout/CompactSideMenu.js +132 -156
- package/es/tntd-layout/paaslayout/Header.js +53 -50
- package/es/tntd-layout/paaslayout/Logo.js +16 -23
- package/es/tntd-layout/paaslayout/SideMenu.js +132 -121
- package/es/tntd-layout/paaslayout/index.js +208 -117
- package/es/tntd-layout/storage.js +58 -24
- package/es/tntd-modal/index.js +97 -37
- package/es/tntd-rc-select/_util/DisabledContext.js +19 -7
- package/es/tntd-rc-select/_util/FormItemInputContext.js +11 -3
- package/es/tntd-rc-select/_util/PurePanel.js +87 -52
- package/es/tntd-rc-select/_util/SizeContext.js +11 -3
- package/es/tntd-rc-select/_util/context.js +16 -11
- package/es/tntd-rc-select/_util/defaultRenderEmpty.js +36 -13
- package/es/tntd-rc-select/_util/getIcons.js +82 -51
- package/es/tntd-rc-select/_util/interface.js +15 -5
- package/es/tntd-rc-select/_util/motion.js +51 -33
- package/es/tntd-rc-select/_util/type.js +18 -3
- package/es/tntd-rc-select/_util/useCompactItemContext.js +32 -24
- package/es/tntd-rc-select/_util/warning.js +20 -12
- package/es/tntd-rc-select/index.js +153 -98
- package/es/tntd-reference/AHref/index.js +43 -34
- package/es/tntd-reference/ReferenceBatchCheck/index.js +164 -96
- package/es/tntd-reference/ReferenceBatchDrawer/index.js +124 -58
- package/es/tntd-reference/ReferenceCheck/index.js +125 -71
- package/es/tntd-reference/ReferenceDrawer/index.js +91 -43
- package/es/tntd-reference/ReferenceInfo/index.js +161 -91
- package/es/tntd-reference/index.js +20 -14
- package/es/tntd-second-page/index.js +62 -29
- package/es/tntd-select/DropDownWrap.js +101 -54
- package/es/tntd-select/index.js +651 -524
- package/es/tntd-virtual-tree/index.js +307 -199
- package/es/tntd-virtual-tree/utils.js +264 -184
- package/es/tntd-virtual-tree-select/index.js +206 -125
- package/es/tntd-virtual-tree-select/utils.js +69 -40
- package/es/tooltip/index.js +25 -6
- package/es/tooltip/style/index.js +5 -4
- package/es/tooltip/tooltip.js +64 -34
- package/es/transfer/index.js +24 -5
- package/es/transfer/style/index.js +8 -8
- package/es/tree/index.js +24 -5
- package/es/tree/style/index.js +4 -3
- package/es/tree-select/index.js +30 -9
- package/es/tree-select/style/index.js +6 -7
- package/es/typography/index.js +24 -5
- package/es/typography/style/index.js +6 -6
- package/es/upload/index.js +220 -116
- package/es/upload/style/index.js +6 -6
- package/es/upload/svg/UploadSVG.js +44 -14
- package/es/utils/checkAuth.js +34 -21
- package/es/utils/findMenuInfoByPath.js +41 -32
- package/es/utils/index.js +137 -73
- package/es/utils/lang.js +84 -121
- package/es/version/index.js +24 -5
- package/es/version/style/index.js +3 -3
- package/es/water-mark/index.js +131 -90
- package/lib/_util/context.js +19 -16
- package/lib/_util/defaultRenderEmpty.js +69 -39
- package/lib/_util/defaultRenderEmpty.js.map +1 -1
- package/lib/_util/hooks/useFlexGapSupport.js +98 -33
- package/lib/_util/hooks/useForceUpdate.js +94 -29
- package/lib/_util/hooks/useScrollLock.js +112 -41
- package/lib/_util/motion.js +50 -36
- package/lib/_util/reactNode.js +50 -37
- package/lib/_util/responsiveObserve.js +94 -58
- package/lib/_util/styleChecker.js +41 -32
- package/lib/_util/type.js +16 -6
- package/lib/_util/warning.js +48 -30
- package/lib/actions/index.js +34 -14
- package/lib/affix/index.d.ts +2 -2
- package/lib/affix/index.js +52 -21
- package/lib/affix/index.js.map +1 -1
- package/lib/affix/style/index.js +2 -3
- package/lib/alert/alert.d.ts +3 -3
- package/lib/alert/alert.js +133 -77
- package/lib/alert/alert.js.map +1 -1
- package/lib/alert/index.d.ts +1 -1
- package/lib/alert/index.js +25 -22
- package/lib/alert/index.js.map +1 -1
- package/lib/alert/style/index.js +2 -3
- package/lib/anchor/anchor.d.ts +4 -4
- package/lib/anchor/anchor.js +194 -84
- package/lib/anchor/anchor.js.map +1 -1
- package/lib/anchor/index.js +19 -19
- package/lib/anchor/style/index.js +2 -4
- package/lib/array-input/index.js +481 -215
- package/lib/array-input/index.js.map +1 -1
- package/lib/auth-context/index.js +9 -4
- package/lib/auto-complete/index.d.ts +2 -2
- package/lib/auto-complete/index.js +52 -21
- package/lib/auto-complete/index.js.map +1 -1
- package/lib/auto-complete/style/index.js +2 -4
- package/lib/avatar/index.d.ts +2 -2
- package/lib/avatar/index.js +52 -21
- package/lib/avatar/index.js.map +1 -1
- package/lib/avatar/style/index.js +2 -3
- package/lib/back-top/index.d.ts +2 -2
- package/lib/back-top/index.js +52 -21
- package/lib/back-top/index.js.map +1 -1
- package/lib/back-top/style/index.js +2 -3
- package/lib/badge/index.d.ts +2 -2
- package/lib/badge/index.js +52 -21
- package/lib/badge/index.js.map +1 -1
- package/lib/badge/style/index.js +2 -3
- package/lib/breadcrumb/index.d.ts +2 -2
- package/lib/breadcrumb/index.js +52 -21
- package/lib/breadcrumb/index.js.map +1 -1
- package/lib/breadcrumb/style/index.js +2 -3
- package/lib/button/button.d.ts +3 -3
- package/lib/button/button.js +124 -66
- package/lib/button/button.js.map +1 -1
- package/lib/button/index.js +19 -19
- package/lib/button/style/index.js +2 -3
- package/lib/calendar/index.d.ts +2 -2
- package/lib/calendar/index.js +52 -21
- package/lib/calendar/index.js.map +1 -1
- package/lib/calendar/style/index.js +2 -4
- package/lib/card/card.d.ts +3 -3
- package/lib/card/card.js +73 -51
- package/lib/card/card.js.map +1 -1
- package/lib/card/index.js +19 -19
- package/lib/card/style/index.js +2 -4
- package/lib/carousel/index.d.ts +2 -2
- package/lib/carousel/index.js +52 -21
- package/lib/carousel/index.js.map +1 -1
- package/lib/carousel/style/index.js +2 -3
- package/lib/cascader/cascader.d.ts +3 -3
- package/lib/cascader/cascader.js +79 -53
- package/lib/cascader/cascader.js.map +1 -1
- package/lib/cascader/index.js +52 -21
- package/lib/cascader/style/index.js +2 -4
- package/lib/check-card/group.js +309 -172
- package/lib/check-card/index.js +262 -141
- package/lib/checkbox/check.png +0 -0
- package/lib/checkbox/checkbox.d.ts +3 -3
- package/lib/checkbox/checkbox.js +93 -60
- package/lib/checkbox/checkbox.js.map +1 -1
- package/lib/checkbox/index.js +52 -21
- package/lib/checkbox/style/index.js +2 -3
- package/lib/col/index.d.ts +2 -2
- package/lib/col/index.js +52 -21
- package/lib/col/index.js.map +1 -1
- package/lib/col/style/index.js +2 -5
- package/lib/collapse/index.d.ts +2 -2
- package/lib/collapse/index.js +54 -23
- package/lib/collapse/index.js.map +1 -1
- package/lib/collapse/style/index.js +2 -3
- package/lib/color-picker/ColorPicker.js +249 -115
- package/lib/color-picker/index.js +21 -13
- package/lib/color-picker/index.js.map +1 -1
- package/lib/columns/index.js +82 -42
- package/lib/columns/style/index.js +1 -2
- package/lib/comment/index.d.ts +2 -2
- package/lib/comment/index.js +52 -21
- package/lib/comment/index.js.map +1 -1
- package/lib/comment/style/index.js +2 -3
- package/lib/config-provider/DisabledContext.js +48 -32
- package/lib/config-provider/SizeContext.js +49 -29
- package/lib/config-provider/config-provider.d.ts +1 -1
- package/lib/config-provider/config-provider.js +16 -8
- package/lib/config-provider/config-provider.js.map +1 -1
- package/lib/config-provider/index.d.ts +3 -3
- package/lib/config-provider/index.js +108 -62
- package/lib/config-provider/index.js.map +1 -1
- package/lib/config-provider/style/index.js +2 -3
- package/lib/connect/index.js +41 -29
- package/lib/date-picker/DatePicker.d.ts +3 -3
- package/lib/date-picker/DatePicker.js +157 -71
- package/lib/date-picker/DatePicker.js.map +1 -1
- package/lib/date-picker/index.d.ts +1 -1
- package/lib/date-picker/index.js +14 -12
- package/lib/date-picker/index.js.map +1 -1
- package/lib/date-picker/style/index.js +2 -5
- package/lib/descriptions/descriptions.d.ts +4 -4
- package/lib/descriptions/descriptions.js +191 -102
- package/lib/descriptions/descriptions.js.map +1 -1
- package/lib/descriptions/index.js +22 -22
- package/lib/descriptions/index.js.map +1 -1
- package/lib/descriptions/style/index.js +2 -3
- package/lib/development-login/LoginModal.js +206 -80
- package/lib/development-login/index.js +116 -35
- package/lib/divider/index.d.ts +2 -2
- package/lib/divider/index.js +52 -21
- package/lib/divider/index.js.map +1 -1
- package/lib/divider/style/index.js +2 -3
- package/lib/drawer/drawer.d.ts +2 -2
- package/lib/drawer/drawer.js +195 -100
- package/lib/drawer/drawer.js.map +1 -1
- package/lib/drawer/index.d.ts +1 -1
- package/lib/drawer/index.js +20 -19
- package/lib/drawer/index.js.map +1 -1
- package/lib/drawer/style/index.js +2 -4
- package/lib/dropdown/index.d.ts +2 -2
- package/lib/dropdown/index.js +52 -21
- package/lib/dropdown/index.js.map +1 -1
- package/lib/dropdown/style/index.js +2 -4
- package/lib/ellipsis/Svg/CopySVG.js +74 -21
- package/lib/ellipsis/Svg/TickSVG.js +52 -16
- package/lib/ellipsis/index.js +276 -149
- package/lib/empty/empty.d.ts +2 -2
- package/lib/empty/empty.js +140 -75
- package/lib/empty/empty.js.map +1 -1
- package/lib/empty/empty.stories.js +28 -19
- package/lib/empty/index.js +19 -19
- package/lib/empty/style/index.js +2 -3
- package/lib/exception/exception.js +49 -31
- package/lib/exception/exception.js.map +1 -1
- package/lib/exception/index.js +18 -18
- package/lib/form/form.d.ts +4 -4
- package/lib/form/form.js +145 -86
- package/lib/form/form.js.map +1 -1
- package/lib/form/index.js +19 -19
- package/lib/form/style/index.js +2 -4
- package/lib/grid/index.d.ts +2 -2
- package/lib/grid/index.js +52 -21
- package/lib/grid/index.js.map +1 -1
- package/lib/grid/style/index.js +2 -3
- package/lib/grid-v4/RowContext.js +8 -5
- package/lib/grid-v4/col.js +144 -96
- package/lib/grid-v4/hooks/useBreakpoint.js +30 -22
- package/lib/grid-v4/index.js +29 -15
- package/lib/grid-v4/row.js +268 -158
- package/lib/grid-v4/style/index.js +2 -4
- package/lib/handle/index.js +204 -129
- package/lib/handle/index.js.map +1 -1
- package/lib/handle-icon/index.js +258 -182
- package/lib/handle-icon/index.js.map +1 -1
- package/lib/icon/IconFont.js +91 -77
- package/lib/icon/components/Icon.js +224 -98
- package/lib/icon/components/index.js +16 -8
- package/lib/icon/components/utils.js +154 -94
- package/lib/icon/index.js +188 -117
- package/lib/icon/index.js.map +1 -1
- package/lib/icon/style/index.js +2 -3
- package/lib/icon/twoTonePrimaryColor.js +18 -15
- package/lib/icon/utils.js +67 -68
- package/lib/icon-list/index.js +6 -121
- package/lib/icon-old/index.d.ts +2 -2
- package/lib/icon-old/index.js +52 -21
- package/lib/icon-old/index.js.map +1 -1
- package/lib/icon-old/style/index.js +2 -3
- package/lib/img/Contain.js +71 -45
- package/lib/img/Cover.js +192 -79
- package/lib/img/index.js +149 -61
- package/lib/index.js +750 -226
- package/lib/input/index.js +18 -18
- package/lib/input/input.d.ts +5 -5
- package/lib/input/input.js +153 -93
- package/lib/input/input.js.map +1 -1
- package/lib/input/style/index.js +2 -4
- package/lib/input/style/mixin.less +46 -45
- package/lib/input-number/index.js +52 -21
- package/lib/input-number/inputNumber.d.ts +3 -3
- package/lib/input-number/inputNumber.js +83 -54
- package/lib/input-number/inputNumber.js.map +1 -1
- package/lib/input-number/style/index.js +2 -3
- package/lib/label/index.d.ts +2 -2
- package/lib/label/index.js +182 -138
- package/lib/label/index.js.map +1 -1
- package/lib/layout/index.d.ts +2 -2
- package/lib/layout/index.js +52 -21
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/style/index.js +2 -3
- package/lib/list/index.d.ts +2 -2
- package/lib/list/index.js +52 -21
- package/lib/list/index.js.map +1 -1
- package/lib/list/style/index.js +2 -4
- package/lib/loading-button/index.js +133 -56
- package/lib/locale/default.js +15 -10
- package/lib/locale/default.js.map +1 -1
- package/lib/locale/en_US.js +88 -82
- package/lib/locale/en_US.js.map +1 -1
- package/lib/locale/index.js +36 -18
- package/lib/locale/zh_CN.js +80 -75
- package/lib/locale/zh_CN.js.map +1 -1
- package/lib/locale-provider/index.d.ts +2 -2
- package/lib/locale-provider/index.js +56 -25
- package/lib/locale-provider/index.js.map +1 -1
- package/lib/locale-provider/style/index.js +2 -3
- package/lib/mentions/index.d.ts +2 -2
- package/lib/mentions/index.js +52 -21
- package/lib/mentions/index.js.map +1 -1
- package/lib/mentions/style/index.js +2 -4
- package/lib/menu/index.d.ts +2 -2
- package/lib/menu/index.js +52 -21
- package/lib/menu/index.js.map +1 -1
- package/lib/menu/style/index.js +2 -5
- package/lib/message/index.d.ts +2 -2
- package/lib/message/index.js +52 -21
- package/lib/message/index.js.map +1 -1
- package/lib/message/style/index.js +2 -3
- package/lib/modal/index.js +20 -20
- package/lib/modal/index.js.map +1 -1
- package/lib/modal/modal.d.ts +4 -4
- package/lib/modal/modal.js +204 -99
- package/lib/modal/modal.js.map +1 -1
- package/lib/modal/style/index.js +2 -4
- package/lib/notification/assets/index.js +23 -10
- package/lib/notification/assets/svg-error-tip.js +181 -56
- package/lib/notification/assets/svg-success-tip.js +198 -60
- package/lib/notification/index.d.ts +1 -1
- package/lib/notification/index.js +25 -22
- package/lib/notification/index.js.map +1 -1
- package/lib/notification/notification.d.ts +2 -2
- package/lib/notification/notification.js +137 -40
- package/lib/notification/notification.js.map +1 -1
- package/lib/notification/style/index.js +2 -3
- package/lib/page/Box.js +67 -40
- package/lib/page/index.js +192 -95
- package/lib/page/utils.js +21 -18
- package/lib/page-container/index.js +24 -13
- package/lib/page-header/index.d.ts +2 -2
- package/lib/page-header/index.js +52 -21
- package/lib/page-header/index.js.map +1 -1
- package/lib/page-header/style/index.js +2 -4
- package/lib/page-loading/index.js +35 -27
- package/lib/page-loading/index.js.map +1 -1
- package/lib/page-loading/loading.gif +0 -0
- package/lib/pagination/index.d.ts +2 -2
- package/lib/pagination/index.js +52 -21
- package/lib/pagination/index.js.map +1 -1
- package/lib/pagination/style/index.js +2 -4
- package/lib/popconfirm/index.js +52 -21
- package/lib/popconfirm/popconfirm.d.ts +2 -2
- package/lib/popconfirm/popconfirm.js +92 -46
- package/lib/popconfirm/popconfirm.js.map +1 -1
- package/lib/popconfirm/style/index.js +2 -5
- package/lib/popover/index.js +53 -22
- package/lib/popover/popover.d.ts +2 -2
- package/lib/popover/popover.js +85 -42
- package/lib/popover/popover.js.map +1 -1
- package/lib/popover/style/index.js +2 -5
- package/lib/prev-locale.js +176 -164
- package/lib/preview-text/index.d.ts +5 -5
- package/lib/preview-text/index.js +296 -209
- package/lib/preview-text/index.js.map +1 -1
- package/lib/progress/index.js +52 -21
- package/lib/progress/progress.d.ts +2 -2
- package/lib/progress/progress.js +172 -100
- package/lib/progress/progress.js.map +1 -1
- package/lib/progress/style/index.js +2 -3
- package/lib/query-form/Field/Checkbox.js +30 -23
- package/lib/query-form/Field/Select.js +172 -68
- package/lib/query-form/Field/SelectInput.js +192 -77
- package/lib/query-form/Field/fieldsMap.d.ts +1 -1
- package/lib/query-form/Field/fieldsMap.js +55 -53
- package/lib/query-form/Field/index.js +239 -96
- package/lib/query-form/createActions.js +57 -51
- package/lib/query-form/index.js +474 -286
- package/lib/query-form/useForm.js +15 -11
- package/lib/query-list-scene/List.js +455 -294
- package/lib/query-list-scene/QueryForm.js +225 -103
- package/lib/query-list-scene/QueryListScene.js +138 -30
- package/lib/query-list-scene/Title.js +18 -9
- package/lib/query-list-scene/Toolbar.js +60 -21
- package/lib/query-list-scene/createActions.js +83 -65
- package/lib/query-list-scene/index.js +28 -24
- package/lib/query-list-scene/useActions.js +15 -11
- package/lib/radio/index.js +52 -21
- package/lib/radio/radio.d.ts +3 -3
- package/lib/radio/radio.js +95 -61
- package/lib/radio/radio.js.map +1 -1
- package/lib/radio/style/index.js +2 -3
- package/lib/rate/index.d.ts +2 -2
- package/lib/rate/index.js +52 -21
- package/lib/rate/index.js.map +1 -1
- package/lib/rate/style/index.js +2 -4
- package/lib/render-empty/index.js +7 -4
- package/lib/render-empty/render-empty.js +31 -22
- package/lib/result/index.d.ts +2 -2
- package/lib/result/index.js +52 -21
- package/lib/result/index.js.map +1 -1
- package/lib/result/style/index.js +2 -3
- package/lib/row/index.d.ts +2 -2
- package/lib/row/index.js +52 -21
- package/lib/row/index.js.map +1 -1
- package/lib/row/style/index.js +2 -5
- package/lib/scroll-bar/Bar.js +165 -73
- package/lib/scroll-bar/Context.js +15 -10
- package/lib/scroll-bar/ScrollBar.js +124 -88
- package/lib/scroll-bar/Thumb.js +198 -133
- package/lib/scroll-bar/index.js +12 -7
- package/lib/scroll-bar/util.js +64 -30
- package/lib/segmented/index.js +121 -69
- package/lib/select/index.d.ts +1 -1
- package/lib/select/index.js +20 -19
- package/lib/select/index.js.map +1 -1
- package/lib/select/select.d.ts +2 -2
- package/lib/select/select.js +115 -67
- package/lib/select/select.js.map +1 -1
- package/lib/select/style/index.js +2 -4
- package/lib/skeleton/index.d.ts +2 -2
- package/lib/skeleton/index.js +52 -21
- package/lib/skeleton/index.js.map +1 -1
- package/lib/skeleton/style/index.js +2 -3
- package/lib/slider/index.d.ts +2 -2
- package/lib/slider/index.js +52 -21
- package/lib/slider/index.js.map +1 -1
- package/lib/slider/style/index.js +2 -4
- package/lib/spin/index.js +19 -19
- package/lib/spin/spin.d.ts +2 -2
- package/lib/spin/spin.js +68 -49
- package/lib/spin/spin.js.map +1 -1
- package/lib/spin/style/index.js +2 -3
- package/lib/statistic/index.d.ts +2 -2
- package/lib/statistic/index.js +52 -21
- package/lib/statistic/index.js.map +1 -1
- package/lib/statistic/style/index.js +2 -3
- package/lib/steps/index.js +20 -20
- package/lib/steps/steps.d.ts +3 -3
- package/lib/steps/steps.js +152 -70
- package/lib/steps/steps.js.map +1 -1
- package/lib/steps/style/index.js +2 -11
- package/lib/style/index.js +2 -3
- package/lib/style/v2-compatible-reset.js +2 -3
- package/lib/svg-components/illustration-403.js +247 -84
- package/lib/svg-components/illustration-404.js +331 -101
- package/lib/svg-components/illustration-500.js +362 -109
- package/lib/svg-components/illustration-empty.js +95 -41
- package/lib/svg-components/illustration-failure.js +153 -62
- package/lib/svg-components/illustration-no-access.js +155 -61
- package/lib/svg-components/illustration-no-chart.js +175 -63
- package/lib/svg-components/illustration-no-result.js +133 -58
- package/lib/svg-components/illustration-offline.js +208 -64
- package/lib/svg-components/illustration-success.js +178 -69
- package/lib/svg-components/index.js +79 -26
- package/lib/switch/index.js +52 -21
- package/lib/switch/style/index.js +2 -3
- package/lib/switch/switch.d.ts +3 -3
- package/lib/switch/switch.js +96 -66
- package/lib/switch/switch.js.map +1 -1
- package/lib/table/assets/image-loading-background.js +86 -43
- package/lib/table/assets/image-loading.js +67 -31
- package/lib/table/constants.js +5 -3
- package/lib/table/context.js +6 -4
- package/lib/table/hooks/index.js +25 -17
- package/lib/table/hooks/use-column-setting.d.ts +1 -1
- package/lib/table/hooks/use-column-setting.js +79 -21
- package/lib/table/hooks/use-column-setting.js.map +1 -1
- package/lib/table/hooks/use-expand-fixed.js +474 -79
- package/lib/table/index.js +19 -19
- package/lib/table/resizableTable/index.js +233 -104
- package/lib/table/style/index.js +2 -5
- package/lib/table/table-hoc.d.ts +3 -3
- package/lib/table/table-hoc.js +31 -29
- package/lib/table/table-hoc.js.map +1 -1
- package/lib/table/table.d.ts +3 -3
- package/lib/table/table.js +360 -230
- package/lib/table/table.js.map +1 -1
- package/lib/table/table.stories.js +620 -377
- package/lib/table/utils.d.ts +1 -1
- package/lib/table/utils.js +39 -62
- package/lib/table/utils.js.map +1 -1
- package/lib/table-container/index.js +27 -14
- package/lib/tabs/index.js +19 -19
- package/lib/tabs/style/index.js +2 -3
- package/lib/tabs/tabPane.js +1 -2
- package/lib/tabs/tabs.d.ts +3 -3
- package/lib/tabs/tabs.js +143 -87
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/tabs-container/index.js +24 -13
- package/lib/tag/index.js +20 -20
- package/lib/tag/style/index.js +2 -3
- package/lib/tag/tag.d.ts +4 -4
- package/lib/tag/tag.js +215 -151
- package/lib/tag/tag.js.map +1 -1
- package/lib/time-picker/TimePicker.d.ts +2 -2
- package/lib/time-picker/TimePicker.js +86 -43
- package/lib/time-picker/TimePicker.js.map +1 -1
- package/lib/time-picker/index.d.ts +1 -1
- package/lib/time-picker/index.js +14 -9
- package/lib/time-picker/style/index.js +2 -3
- package/lib/timeline/index.d.ts +2 -2
- package/lib/timeline/index.js +52 -21
- package/lib/timeline/index.js.map +1 -1
- package/lib/timeline/style/index.js +2 -3
- package/lib/title/index.js +64 -31
- package/lib/tntd-action/Action.js +211 -100
- package/lib/tntd-action/Action.js.map +1 -1
- package/lib/tntd-action/index.js +156 -88
- package/lib/tntd-cascader/AntdCascader/component/DisabledContext.js +48 -32
- package/lib/tntd-cascader/AntdCascader/component/FormItemInputContext.js +39 -26
- package/lib/tntd-cascader/AntdCascader/component/SizeContext.js +39 -26
- package/lib/tntd-cascader/AntdCascader/component/context.js +19 -16
- package/lib/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +64 -39
- package/lib/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js.map +1 -1
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js +112 -78
- package/lib/tntd-cascader/AntdCascader/component/useCompactItemContext.js +83 -51
- package/lib/tntd-cascader/AntdCascader/config/utils.js +58 -29
- package/lib/tntd-cascader/AntdCascader/config/warning.js +49 -35
- package/lib/tntd-cascader/AntdCascader/index.d.ts.map +1 -1
- package/lib/tntd-cascader/AntdCascader/index.js +367 -192
- package/lib/tntd-cascader/AntdCascader/index.js.map +1 -1
- package/lib/tntd-cascader/AntdCascader/interface.js +13 -7
- package/lib/tntd-cascader/img/no-data-s.png +0 -0
- package/lib/tntd-cascader/index.js +16 -8
- package/lib/tntd-cascader/rc-cascader/Cascader.d.ts.map +1 -1
- package/lib/tntd-cascader/rc-cascader/Cascader.js +415 -290
- package/lib/tntd-cascader/rc-cascader/Cascader.js.map +1 -1
- package/lib/tntd-cascader/rc-cascader/OptionList/Checkbox.js +82 -40
- package/lib/tntd-cascader/rc-cascader/OptionList/Column.js +287 -167
- package/lib/tntd-cascader/rc-cascader/OptionList/Column.js.map +1 -1
- package/lib/tntd-cascader/rc-cascader/OptionList/index.js +327 -164
- package/lib/tntd-cascader/rc-cascader/OptionList/useActive.js +120 -52
- package/lib/tntd-cascader/rc-cascader/OptionList/useActive.js.map +1 -1
- package/lib/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +263 -167
- package/lib/tntd-cascader/rc-cascader/context.d.ts.map +1 -1
- package/lib/tntd-cascader/rc-cascader/context.js +42 -27
- package/lib/tntd-cascader/rc-cascader/context.js.map +1 -1
- package/lib/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +111 -64
- package/lib/tntd-cascader/rc-cascader/hooks/useEntities.js +70 -50
- package/lib/tntd-cascader/rc-cascader/hooks/useMissingValues.js +57 -42
- package/lib/tntd-cascader/rc-cascader/hooks/useRefFunc.js +47 -33
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +65 -51
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +141 -66
- package/lib/tntd-cascader/rc-cascader/index.js +12 -7
- package/lib/tntd-cascader/rc-cascader/utils/commonUtil.js +49 -41
- package/lib/tntd-cascader/rc-cascader/utils/commonUtil.js.map +1 -1
- package/lib/tntd-cascader/rc-cascader/utils/treeUtil.js +42 -39
- package/lib/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +37 -30
- package/lib/tntd-checkbox-select/index.js +334 -169
- package/lib/tntd-form/ErrorList.js +171 -77
- package/lib/tntd-form/Form.js +262 -139
- package/lib/tntd-form/FormItem/ItemHolder.js +242 -152
- package/lib/tntd-form/FormItem/index.js +371 -251
- package/lib/tntd-form/FormItemInput.js +122 -62
- package/lib/tntd-form/FormItemLabel.js +151 -96
- package/lib/tntd-form/FormList.js +84 -58
- package/lib/tntd-form/context.js +79 -61
- package/lib/tntd-form/hooks/useDebounce.js +101 -37
- package/lib/tntd-form/hooks/useForm.js +133 -57
- package/lib/tntd-form/hooks/useFormInstance.js +11 -8
- package/lib/tntd-form/hooks/useFormItemStatus.js +21 -13
- package/lib/tntd-form/hooks/useFrameState.js +129 -63
- package/lib/tntd-form/hooks/useItemRef.js +55 -41
- package/lib/tntd-form/index.js +58 -42
- package/lib/tntd-form/interface.js +6 -4
- package/lib/tntd-form/style/index.js +2 -4
- package/lib/tntd-form/util.js +18 -19
- package/lib/tntd-form/validateMessagesContext.js +7 -4
- package/lib/tntd-icon/fonts/iconfont.js +36 -53
- package/lib/tntd-icon/index.js +41 -25
- package/lib/tntd-layout/ActionsContext.js +7 -4
- package/lib/tntd-layout/AppList.js +253 -222
- package/lib/tntd-layout/Application.js +155 -109
- package/lib/tntd-layout/Avatar.js +139 -134
- package/lib/tntd-layout/CompatibleLanguage.js +207 -177
- package/lib/tntd-layout/EnterpriseLayout/Avatar.js +156 -145
- package/lib/tntd-layout/EnterpriseLayout/Language.js +153 -88
- package/lib/tntd-layout/EnterpriseLayout/Theme.js +149 -100
- package/lib/tntd-layout/EnterpriseLayout/index.js +31 -17
- package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js +361 -272
- package/lib/tntd-layout/GlobalNavigation/index.js +195 -112
- package/lib/tntd-layout/Header.js +115 -130
- package/lib/tntd-layout/HeaderActions.js +145 -107
- package/lib/tntd-layout/HeaderNavs.js +155 -105
- package/lib/tntd-layout/HeaderTabs.js +318 -312
- package/lib/tntd-layout/Iconfont.js +15 -8
- package/lib/tntd-layout/Language.js +150 -75
- package/lib/tntd-layout/Layout.js +292 -167
- package/lib/tntd-layout/Logo.js +108 -139
- package/lib/tntd-layout/OrgAppList.js +315 -383
- package/lib/tntd-layout/SideMenu.js +347 -406
- package/lib/tntd-layout/Theme.js +154 -90
- package/lib/tntd-layout/createActions.js +49 -35
- package/lib/tntd-layout/images/avatar/empty.png +0 -0
- package/lib/tntd-layout/images/avatar/female1.png +0 -0
- package/lib/tntd-layout/images/avatar/female2.png +0 -0
- package/lib/tntd-layout/images/avatar/female3.png +0 -0
- package/lib/tntd-layout/images/avatar/female4.png +0 -0
- package/lib/tntd-layout/images/avatar/female5.png +0 -0
- package/lib/tntd-layout/images/avatar/female6.png +0 -0
- package/lib/tntd-layout/images/avatar/male1.png +0 -0
- package/lib/tntd-layout/images/avatar/male2.png +0 -0
- package/lib/tntd-layout/images/avatar/male3.png +0 -0
- package/lib/tntd-layout/images/avatar/male4.png +0 -0
- package/lib/tntd-layout/images/avatar/male5.png +0 -0
- package/lib/tntd-layout/images/avatar/male6.png +0 -0
- package/lib/tntd-layout/images/index.js +70 -67
- package/lib/tntd-layout/index.js +168 -96
- package/lib/tntd-layout/paaslayout/CompactSideMenu.js +210 -179
- package/lib/tntd-layout/paaslayout/Header.js +90 -74
- package/lib/tntd-layout/paaslayout/Logo.js +25 -27
- package/lib/tntd-layout/paaslayout/SideMenu.js +212 -146
- package/lib/tntd-layout/paaslayout/index.js +285 -139
- package/lib/tntd-layout/storage.js +65 -46
- package/lib/tntd-modal/index.js +190 -62
- package/lib/tntd-rc-select/_util/DisabledContext.js +48 -32
- package/lib/tntd-rc-select/_util/FormItemInputContext.js +39 -26
- package/lib/tntd-rc-select/_util/PurePanel.js +161 -78
- package/lib/tntd-rc-select/_util/SizeContext.js +39 -26
- package/lib/tntd-rc-select/_util/context.js +19 -16
- package/lib/tntd-rc-select/_util/defaultRenderEmpty.js +69 -39
- package/lib/tntd-rc-select/_util/defaultRenderEmpty.js.map +1 -1
- package/lib/tntd-rc-select/_util/getIcons.js +115 -78
- package/lib/tntd-rc-select/_util/interface.js +13 -7
- package/lib/tntd-rc-select/_util/motion.js +50 -36
- package/lib/tntd-rc-select/_util/type.js +16 -6
- package/lib/tntd-rc-select/_util/useCompactItemContext.js +83 -51
- package/lib/tntd-rc-select/_util/warning.js +49 -35
- package/lib/tntd-rc-select/img/no-data-s.png +0 -0
- package/lib/tntd-rc-select/index.js +206 -125
- package/lib/tntd-reference/AHref/index.js +46 -38
- package/lib/tntd-reference/ReferenceBatchCheck/index.js +166 -99
- package/lib/tntd-reference/ReferenceBatchDrawer/index.js +198 -83
- package/lib/tntd-reference/ReferenceCheck/index.js +127 -74
- package/lib/tntd-reference/ReferenceDrawer/index.js +165 -68
- package/lib/tntd-reference/ReferenceInfo/index.js +162 -93
- package/lib/tntd-reference/index.js +23 -18
- package/lib/tntd-second-page/index.js +63 -32
- package/lib/tntd-second-page/index.js.map +1 -1
- package/lib/tntd-select/DropDownWrap.js +188 -78
- package/lib/tntd-select/index.d.ts +1 -1
- package/lib/tntd-select/index.js +744 -550
- package/lib/tntd-virtual-tree/index.js +395 -230
- package/lib/tntd-virtual-tree/utils.js +328 -197
- package/lib/tntd-virtual-tree-select/index.js +281 -151
- package/lib/tntd-virtual-tree-select/utils.js +86 -46
- package/lib/tooltip/index.js +53 -22
- package/lib/tooltip/style/index.js +2 -3
- package/lib/tooltip/tooltip.d.ts +2 -2
- package/lib/tooltip/tooltip.js +96 -62
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/transfer/index.d.ts +2 -2
- package/lib/transfer/index.js +52 -21
- package/lib/transfer/index.js.map +1 -1
- package/lib/transfer/style/index.js +2 -4
- package/lib/tree/index.d.ts +2 -2
- package/lib/tree/index.js +52 -21
- package/lib/tree/index.js.map +1 -1
- package/lib/tree/style/index.js +2 -3
- package/lib/tree-select/index.d.ts +4 -4
- package/lib/tree-select/index.js +58 -26
- package/lib/tree-select/index.js.map +1 -1
- package/lib/tree-select/style/index.js +2 -5
- package/lib/typography/index.d.ts +2 -2
- package/lib/typography/index.js +52 -21
- package/lib/typography/index.js.map +1 -1
- package/lib/typography/style/index.js +2 -4
- package/lib/upload/index.d.ts +2 -2
- package/lib/upload/index.js +340 -143
- package/lib/upload/index.js.map +1 -1
- package/lib/upload/style/index.js +2 -4
- package/lib/upload/svg/UploadSVG.js +47 -18
- package/lib/utils/checkAuth.js +37 -24
- package/lib/utils/findMenuInfoByPath.js +40 -35
- package/lib/utils/index.js +153 -96
- package/lib/utils/lang.js +87 -129
- package/lib/version/index.d.ts +2 -2
- package/lib/version/index.js +52 -21
- package/lib/version/index.js.map +1 -1
- package/lib/version/style/index.js +2 -4
- package/lib/water-mark/index.js +206 -118
- package/package.json +2 -2
- package/es/checkbox/checkbox-group.js +0 -16
- package/es/checkbox/checkbox-group.js.map +0 -1
- package/es/query-form/Field/Composition/FieldPopover.js +0 -459
- package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
- package/es/query-form/Field/Composition/FieldPopover.less +0 -41
- package/es/query-form/Field/Composition/Select.js +0 -253
- package/es/query-form/Field/Composition/Select.js.map +0 -1
- package/es/query-form/Field/Composition/SelectInput.js +0 -111
- package/es/query-form/Field/Composition/SelectInput.js.map +0 -1
- package/es/query-form/Field/Composition/ValueTag.js +0 -240
- package/es/query-form/Field/Composition/ValueTag.js.map +0 -1
- package/es/query-form/Field/Composition/index.js +0 -441
- package/es/query-form/Field/Composition/index.js.map +0 -1
- package/es/query-form/Field/Composition/index.less +0 -167
- package/es/query-form/Field/Composition/utils.js +0 -173
- package/es/query-form/Field/Composition/utils.js.map +0 -1
- package/es/query-form-v2/index.less +0 -133
- package/es/radio/radio-group.js +0 -16
- package/es/radio/radio-group.js.map +0 -1
- package/es/table/total-shower.js +0 -20
- package/es/table/total-shower.js.map +0 -1
- package/es/utils/simple-template.js +0 -19
- package/es/utils/simple-template.js.map +0 -1
- package/lib/checkbox/checkbox-group.d.ts +0 -8
- package/lib/checkbox/checkbox-group.d.ts.map +0 -1
- package/lib/checkbox/checkbox-group.js +0 -16
- package/lib/checkbox/checkbox-group.js.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -19
- package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.js +0 -459
- package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.less +0 -41
- package/lib/query-form/Field/Composition/Select.d.ts +0 -4
- package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/Select.js +0 -253
- package/lib/query-form/Field/Composition/Select.js.map +0 -1
- package/lib/query-form/Field/Composition/SelectInput.d.ts +0 -3
- package/lib/query-form/Field/Composition/SelectInput.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/SelectInput.js +0 -111
- package/lib/query-form/Field/Composition/SelectInput.js.map +0 -1
- package/lib/query-form/Field/Composition/ValueTag.d.ts +0 -13
- package/lib/query-form/Field/Composition/ValueTag.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/ValueTag.js +0 -240
- package/lib/query-form/Field/Composition/ValueTag.js.map +0 -1
- package/lib/query-form/Field/Composition/index.d.ts +0 -15
- package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/index.js +0 -441
- package/lib/query-form/Field/Composition/index.js.map +0 -1
- package/lib/query-form/Field/Composition/index.less +0 -167
- package/lib/query-form/Field/Composition/utils.d.ts +0 -21
- package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/utils.js +0 -173
- package/lib/query-form/Field/Composition/utils.js.map +0 -1
- package/lib/query-form-v2/index.less +0 -133
- package/lib/radio/radio-group.d.ts +0 -8
- package/lib/radio/radio-group.d.ts.map +0 -1
- package/lib/radio/radio-group.js +0 -16
- package/lib/radio/radio-group.js.map +0 -1
- package/lib/table/total-shower.d.ts +0 -9
- package/lib/table/total-shower.d.ts.map +0 -1
- package/lib/table/total-shower.js +0 -20
- package/lib/table/total-shower.js.map +0 -1
- package/lib/utils/simple-template.d.ts +0 -9
- package/lib/utils/simple-template.d.ts.map +0 -1
- package/lib/utils/simple-template.js +0 -19
- package/lib/utils/simple-template.js.map +0 -1
package/es/tntd-select/index.js
CHANGED
|
@@ -1,547 +1,674 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _configProvider = require("../config-provider");
|
|
10
|
+
var _select = _interopRequireDefault(require("../select"));
|
|
11
|
+
var _empty = _interopRequireDefault(require("../empty"));
|
|
12
|
+
var _spin = _interopRequireDefault(require("../spin"));
|
|
13
|
+
var _utils = require("../utils");
|
|
14
|
+
var _DropDownWrap = _interopRequireDefault(require("./DropDownWrap"));
|
|
15
|
+
var _prevLocale = require("../prev-locale");
|
|
16
|
+
require("./index.less");
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
20
|
+
function _readOnlyError(r) { throw new TypeError('"' + r + '" is read-only'); }
|
|
21
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
22
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
23
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
24
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
25
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
26
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
27
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
28
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
29
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
31
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
32
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
33
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
34
|
+
var t = {};
|
|
35
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
37
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
38
|
+
}
|
|
39
|
+
return t;
|
|
11
40
|
};
|
|
12
|
-
|
|
13
|
-
import { ConfigConsumer } from '../config-provider';
|
|
14
|
-
import Select from '../select';
|
|
15
|
-
import Empty from '../empty';
|
|
16
|
-
import Spin from '../spin';
|
|
17
|
-
import { capitalizeFirstLetter } from '../utils';
|
|
18
|
-
import DropDownWrap from './DropDownWrap';
|
|
19
|
-
import { getLanguage, getText } from '../prev-locale';
|
|
20
|
-
import './index.less';
|
|
21
|
-
const defaultPlaceholder = getText('select', getLanguage());
|
|
41
|
+
var defaultPlaceholder = (0, _prevLocale.getText)('select', (0, _prevLocale.getLanguage)());
|
|
22
42
|
// 页面实际渲染的下拉菜单数量,实际为 2 * ITEM_ELEMENT_NUMBER
|
|
23
|
-
|
|
43
|
+
var ITEM_ELEMENT_NUMBER = 30;
|
|
24
44
|
// Select size 配置
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
45
|
+
var ITEM_HEIGHT_CFG = {
|
|
46
|
+
small: 24,
|
|
47
|
+
large: 40,
|
|
48
|
+
"default": 32
|
|
29
49
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
50
|
+
var ARROW_CODE = {
|
|
51
|
+
40: 'down',
|
|
52
|
+
38: 'up'
|
|
33
53
|
};
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
return arr;
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
Object.defineProperty(this, "formulaWidth", {
|
|
66
|
-
enumerable: true,
|
|
67
|
-
configurable: true,
|
|
68
|
-
writable: true,
|
|
69
|
-
value: () => {
|
|
70
|
-
// 获取dom设置宽度
|
|
71
|
-
const { children: arr2, dropdownMatchSelectWidth = true, maxWidth } = this.props;
|
|
72
|
-
const selectDom = document.getElementById(this.id);
|
|
73
|
-
let selectWidth;
|
|
74
|
-
if (selectDom) {
|
|
75
|
-
selectWidth = selectDom.clientWidth || selectDom.offsetWidth;
|
|
76
|
-
}
|
|
77
|
-
let arr = [];
|
|
78
|
-
let formulaMaxWidth = 10;
|
|
79
|
-
if (!dropdownMatchSelectWidth) {
|
|
80
|
-
formulaMaxWidth = maxWidth || 10;
|
|
81
|
-
}
|
|
82
|
-
if (!dropdownMatchSelectWidth && !maxWidth) {
|
|
83
|
-
const children = this.turnChildren(arr2);
|
|
84
|
-
for (let i = 0; i < children.length; i++) {
|
|
85
|
-
const val = children[i].props.children;
|
|
86
|
-
const textWidth = this.getTextPixelWith(val);
|
|
87
|
-
arr.push(textWidth.toFixed(2));
|
|
88
|
-
}
|
|
89
|
-
if (arr.length > 0) {
|
|
90
|
-
formulaMaxWidth = Math.max(...arr);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
this.setState({
|
|
94
|
-
selectWidth,
|
|
95
|
-
maxWidth: formulaMaxWidth,
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
// 获取单行文本的像素宽度
|
|
100
|
-
Object.defineProperty(this, "getTextPixelWith", {
|
|
101
|
-
enumerable: true,
|
|
102
|
-
configurable: true,
|
|
103
|
-
writable: true,
|
|
104
|
-
value: (text, fontStyle = '14px') => {
|
|
105
|
-
let canvas = document.createElement('canvas'); // 创建 canvas 画布
|
|
106
|
-
let context = canvas.getContext('2d'); // 获取 canvas 绘图上下文环境
|
|
107
|
-
context.font = fontStyle; // 设置字体样式,使用前设置好对应的 font 样式才能准确获取文字的像素长度
|
|
108
|
-
let dimension = context.measureText(text); // 测量文字
|
|
109
|
-
return dimension.width;
|
|
110
|
-
}
|
|
111
|
-
});
|
|
112
|
-
Object.defineProperty(this, "getItemStyle", {
|
|
113
|
-
enumerable: true,
|
|
114
|
-
configurable: true,
|
|
115
|
-
writable: true,
|
|
116
|
-
value: (i) => ({
|
|
117
|
-
position: 'absolute',
|
|
118
|
-
top: this.ITEM_HEIGHT * i,
|
|
119
|
-
width: '100%',
|
|
120
|
-
height: this.ITEM_HEIGHT,
|
|
121
|
-
})
|
|
122
|
-
});
|
|
123
|
-
Object.defineProperty(this, "preventEvent", {
|
|
124
|
-
enumerable: true,
|
|
125
|
-
configurable: true,
|
|
126
|
-
writable: true,
|
|
127
|
-
value: (e) => {
|
|
128
|
-
e.preventDefault();
|
|
129
|
-
}
|
|
130
|
-
});
|
|
131
|
-
Object.defineProperty(this, "addEvent", {
|
|
132
|
-
enumerable: true,
|
|
133
|
-
configurable: true,
|
|
134
|
-
writable: true,
|
|
135
|
-
value: () => {
|
|
136
|
-
this.scrollEle = document.querySelector(`.${this.dropdownClassName}`);
|
|
137
|
-
// 下拉菜单未展开时元素不存在
|
|
138
|
-
if (!this.scrollEle)
|
|
139
|
-
return;
|
|
140
|
-
this.scrollEle.addEventListener('mousedown', this.preventEvent, false);
|
|
141
|
-
this.scrollEle.addEventListener('scroll', this.onScroll, false);
|
|
142
|
-
this.inputEle = document.querySelector(`#${this.id}`);
|
|
143
|
-
if (!this.inputEle)
|
|
144
|
-
return;
|
|
145
|
-
this.inputEle.addEventListener('keydown', this.onKeyDown, false);
|
|
146
|
-
}
|
|
147
|
-
});
|
|
148
|
-
// 模拟 antd select 按下 上下箭头 键时滚动列表
|
|
149
|
-
Object.defineProperty(this, "onKeyDown", {
|
|
150
|
-
enumerable: true,
|
|
151
|
-
configurable: true,
|
|
152
|
-
writable: true,
|
|
153
|
-
value: (e) => {
|
|
154
|
-
const { keyCode } = e || {};
|
|
155
|
-
setTimeout(() => {
|
|
156
|
-
const activeItem = document.querySelector(`.${this.dropdownClassName} .ant-select-dropdown-menu-item-active`);
|
|
157
|
-
if (!activeItem)
|
|
158
|
-
return;
|
|
159
|
-
const { offsetTop } = activeItem;
|
|
160
|
-
const isUp = ARROW_CODE[keyCode] === 'up';
|
|
161
|
-
const isDown = ARROW_CODE[keyCode] === 'down';
|
|
162
|
-
// 在所有列表第一行按上键
|
|
163
|
-
if (offsetTop - this.prevTop > DROPDOWN_HEIGHT && isUp && this.scrollEle) {
|
|
164
|
-
this.scrollEle.scrollTo(0, this.allHeight - DROPDOWN_HEIGHT);
|
|
165
|
-
this.prevTop = this.allHeight;
|
|
166
|
-
return;
|
|
167
|
-
}
|
|
168
|
-
// 在所有列表中最后一行按下键
|
|
169
|
-
if (this.prevTop > offsetTop + DROPDOWN_HEIGHT && isDown && this.scrollEle) {
|
|
170
|
-
this.scrollEle.scrollTo(0, 0);
|
|
171
|
-
this.prevTop = 0;
|
|
172
|
-
return;
|
|
173
|
-
}
|
|
174
|
-
this.prevTop = offsetTop;
|
|
175
|
-
// 向下滚动到下拉框最后一行时,向下滚动一行的高度
|
|
176
|
-
if (offsetTop > this.scrollEle.scrollTop + DROPDOWN_HEIGHT - this.ITEM_HEIGHT + 10 &&
|
|
177
|
-
isDown) {
|
|
178
|
-
this.scrollEle.scrollTo(0, this.scrollTop + this.ITEM_HEIGHT);
|
|
179
|
-
return;
|
|
180
|
-
}
|
|
181
|
-
// 向上滚动到下拉框第一一行时,向上滚动一行的高度
|
|
182
|
-
if (offsetTop < this.scrollEle.scrollTop && isUp) {
|
|
183
|
-
this.scrollEle.scrollTo(0, this.scrollTop - this.ITEM_HEIGHT);
|
|
184
|
-
}
|
|
185
|
-
}, 100);
|
|
186
|
-
}
|
|
187
|
-
});
|
|
188
|
-
Object.defineProperty(this, "onScroll", {
|
|
189
|
-
enumerable: true,
|
|
190
|
-
configurable: true,
|
|
191
|
-
writable: true,
|
|
192
|
-
value: () => this.throttleByHeight(this.onScrollReal)
|
|
193
|
-
});
|
|
194
|
-
Object.defineProperty(this, "onScrollReal", {
|
|
195
|
-
enumerable: true,
|
|
196
|
-
configurable: true,
|
|
197
|
-
writable: true,
|
|
198
|
-
value: () => {
|
|
199
|
-
this.allList = this.getUseChildrenList();
|
|
200
|
-
const { startIndex, endIndex } = this.getStartAndEndIndex();
|
|
201
|
-
this.prevScrollTop = this.scrollTop;
|
|
202
|
-
// 重新渲染列表组件 Wrap
|
|
203
|
-
const allHeight = this.allList.length * this.ITEM_HEIGHT || 100;
|
|
204
|
-
this.wrap.reactList(allHeight, startIndex, endIndex);
|
|
205
|
-
}
|
|
206
|
-
});
|
|
207
|
-
Object.defineProperty(this, "throttleByHeight", {
|
|
208
|
-
enumerable: true,
|
|
209
|
-
configurable: true,
|
|
210
|
-
writable: true,
|
|
211
|
-
value: () => {
|
|
212
|
-
this.scrollTop = this.scrollEle.scrollTop;
|
|
213
|
-
// 滚动的高度
|
|
214
|
-
let delta = this.prevScrollTop - this.scrollTop;
|
|
215
|
-
delta = delta < 0 ? 0 - delta : delta;
|
|
216
|
-
delta > this.reactDelta && this.onScrollReal();
|
|
217
|
-
}
|
|
218
|
-
});
|
|
219
|
-
// 列表可展示所有 children
|
|
220
|
-
Object.defineProperty(this, "getUseChildrenList", {
|
|
221
|
-
enumerable: true,
|
|
222
|
-
configurable: true,
|
|
223
|
-
writable: true,
|
|
224
|
-
value: () => this.state.filterChildren || this.state.children
|
|
225
|
-
});
|
|
226
|
-
Object.defineProperty(this, "getStartAndEndIndex", {
|
|
227
|
-
enumerable: true,
|
|
228
|
-
configurable: true,
|
|
229
|
-
writable: true,
|
|
230
|
-
value: () => {
|
|
231
|
-
// 滚动后显示在列表可视区中的第一个 item 的 index
|
|
232
|
-
const showIndex = Number((this.scrollTop / this.ITEM_HEIGHT).toFixed(0));
|
|
233
|
-
const startIndex = showIndex - ITEM_ELEMENT_NUMBER < 0 ? 0 : showIndex - ITEM_ELEMENT_NUMBER / 2;
|
|
234
|
-
const endIndex = showIndex + ITEM_ELEMENT_NUMBER;
|
|
235
|
-
return { startIndex, endIndex };
|
|
236
|
-
}
|
|
237
|
-
});
|
|
238
|
-
// 须使用 setTimeout 确保在 dom 加载完成之后添加事件
|
|
239
|
-
Object.defineProperty(this, "setSuperDropDownMenu", {
|
|
240
|
-
enumerable: true,
|
|
241
|
-
configurable: true,
|
|
242
|
-
writable: true,
|
|
243
|
-
value: (visible) => {
|
|
244
|
-
if (!visible)
|
|
245
|
-
return;
|
|
246
|
-
this.allList = this.getUseChildrenList();
|
|
247
|
-
if (!this.eventTimer || !this.scrollEle) {
|
|
248
|
-
this.eventTimer = setTimeout(() => this.addEvent(), 0);
|
|
249
|
-
}
|
|
250
|
-
else {
|
|
251
|
-
const allHeight = this.allList.length * this.ITEM_HEIGHT || 100;
|
|
252
|
-
// 下拉列表单独重新渲染
|
|
253
|
-
const { startIndex, endIndex } = this.getStartAndEndIndex();
|
|
254
|
-
setTimeout(() => {
|
|
255
|
-
this.wrap && this.wrap.reactList(allHeight, startIndex, endIndex);
|
|
256
|
-
}, 0);
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
});
|
|
260
|
-
Object.defineProperty(this, "onDropdownVisibleChange", {
|
|
261
|
-
enumerable: true,
|
|
262
|
-
configurable: true,
|
|
263
|
-
writable: true,
|
|
264
|
-
value: (visible) => {
|
|
265
|
-
const { onDropdownVisibleChange } = this.props;
|
|
266
|
-
onDropdownVisibleChange && onDropdownVisibleChange(visible);
|
|
267
|
-
const { value, children } = this.state;
|
|
268
|
-
// 关闭下拉框前清空筛选条件,防止下次打开任然显示筛选后的 options
|
|
269
|
-
if (!visible) {
|
|
270
|
-
// 定时器确保关闭后再设置 filterChildren,防止列表刷新闪烁
|
|
271
|
-
setTimeout(() => {
|
|
272
|
-
this.setState({ filterChildren: null });
|
|
273
|
-
this.setDefaultScrollTop(value);
|
|
274
|
-
}, 100);
|
|
275
|
-
// this.removeEvent();
|
|
276
|
-
}
|
|
277
|
-
else {
|
|
278
|
-
// this.addEvent();
|
|
279
|
-
if (value) {
|
|
280
|
-
// 如果已有 value, 设置默认滚动位置
|
|
281
|
-
this.setDefaultScrollTop();
|
|
282
|
-
// 设置下拉列表显示数据
|
|
283
|
-
this.setSuperDropDownMenu(visible);
|
|
284
|
-
}
|
|
285
|
-
else if (!value && value !== 0 && children && children.length > 0) {
|
|
286
|
-
// 无数据时,下拉回归至第一个
|
|
287
|
-
const val = children[0].props.value;
|
|
288
|
-
this.setDefaultScrollTop(val);
|
|
289
|
-
}
|
|
290
|
-
}
|
|
291
|
-
}
|
|
292
|
-
});
|
|
293
|
-
Object.defineProperty(this, "onDeselect", {
|
|
294
|
-
enumerable: true,
|
|
295
|
-
configurable: true,
|
|
296
|
-
writable: true,
|
|
297
|
-
value: (value) => {
|
|
298
|
-
const { onDeselect } = this.props;
|
|
299
|
-
onDeselect && onDeselect(value);
|
|
54
|
+
var DROPDOWN_HEIGHT = 224;
|
|
55
|
+
var Option = _select["default"].Option;
|
|
56
|
+
var SuperSelect = /*#__PURE__*/function (_PureComponent) {
|
|
57
|
+
function SuperSelect(props) {
|
|
58
|
+
var _this;
|
|
59
|
+
_classCallCheck(this, SuperSelect);
|
|
60
|
+
_this = _callSuper(this, SuperSelect, [props]);
|
|
61
|
+
Object.defineProperty(_this, "turnChildren", {
|
|
62
|
+
enumerable: true,
|
|
63
|
+
configurable: true,
|
|
64
|
+
writable: true,
|
|
65
|
+
value: function value(children) {
|
|
66
|
+
if (!children) return [];
|
|
67
|
+
var arr = [];
|
|
68
|
+
if (children && children.props) {
|
|
69
|
+
arr.push(children);
|
|
70
|
+
} else {
|
|
71
|
+
children.forEach(function (item) {
|
|
72
|
+
if (item) {
|
|
73
|
+
if (item instanceof Array) {
|
|
74
|
+
arr = arr.concat(item);
|
|
75
|
+
} else {
|
|
76
|
+
arr.push(item);
|
|
77
|
+
}
|
|
300
78
|
}
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
return arr;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(_this, "formulaWidth", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
configurable: true,
|
|
87
|
+
writable: true,
|
|
88
|
+
value: function value() {
|
|
89
|
+
// 获取dom设置宽度
|
|
90
|
+
var _this$props = _this.props,
|
|
91
|
+
arr2 = _this$props.children,
|
|
92
|
+
_this$props$dropdownM = _this$props.dropdownMatchSelectWidth,
|
|
93
|
+
dropdownMatchSelectWidth = _this$props$dropdownM === void 0 ? true : _this$props$dropdownM,
|
|
94
|
+
maxWidth = _this$props.maxWidth;
|
|
95
|
+
var selectDom = document.getElementById(_this.id);
|
|
96
|
+
var selectWidth;
|
|
97
|
+
if (selectDom) {
|
|
98
|
+
selectWidth = selectDom.clientWidth || selectDom.offsetWidth;
|
|
99
|
+
}
|
|
100
|
+
var arr = [];
|
|
101
|
+
var formulaMaxWidth = 10;
|
|
102
|
+
if (!dropdownMatchSelectWidth) {
|
|
103
|
+
formulaMaxWidth = maxWidth || 10;
|
|
104
|
+
}
|
|
105
|
+
if (!dropdownMatchSelectWidth && !maxWidth) {
|
|
106
|
+
var _children = _this.turnChildren(arr2);
|
|
107
|
+
for (var i = 0; i < _children.length; i++) {
|
|
108
|
+
var val = _children[i].props.children;
|
|
109
|
+
var textWidth = _this.getTextPixelWith(val);
|
|
110
|
+
arr.push(textWidth.toFixed(2));
|
|
111
|
+
}
|
|
112
|
+
if (arr.length > 0) {
|
|
113
|
+
formulaMaxWidth = Math.max.apply(Math, arr);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
_this.setState({
|
|
117
|
+
selectWidth: selectWidth,
|
|
118
|
+
maxWidth: formulaMaxWidth
|
|
301
119
|
});
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
// 获取单行文本的像素宽度
|
|
123
|
+
Object.defineProperty(_this, "getTextPixelWith", {
|
|
124
|
+
enumerable: true,
|
|
125
|
+
configurable: true,
|
|
126
|
+
writable: true,
|
|
127
|
+
value: function value(text) {
|
|
128
|
+
var fontStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '14px';
|
|
129
|
+
var canvas = document.createElement('canvas'); // 创建 canvas 画布
|
|
130
|
+
var context = canvas.getContext('2d'); // 获取 canvas 绘图上下文环境
|
|
131
|
+
context.font = fontStyle; // 设置字体样式,使用前设置好对应的 font 样式才能准确获取文字的像素长度
|
|
132
|
+
var dimension = context.measureText(text); // 测量文字
|
|
133
|
+
return dimension.width;
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
Object.defineProperty(_this, "getItemStyle", {
|
|
137
|
+
enumerable: true,
|
|
138
|
+
configurable: true,
|
|
139
|
+
writable: true,
|
|
140
|
+
value: function value(i) {
|
|
141
|
+
return {
|
|
142
|
+
position: 'absolute',
|
|
143
|
+
top: _this.ITEM_HEIGHT * i,
|
|
144
|
+
width: '100%',
|
|
145
|
+
height: _this.ITEM_HEIGHT
|
|
146
|
+
};
|
|
147
|
+
}
|
|
148
|
+
});
|
|
149
|
+
Object.defineProperty(_this, "preventEvent", {
|
|
150
|
+
enumerable: true,
|
|
151
|
+
configurable: true,
|
|
152
|
+
writable: true,
|
|
153
|
+
value: function value(e) {
|
|
154
|
+
e.preventDefault();
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
Object.defineProperty(_this, "addEvent", {
|
|
158
|
+
enumerable: true,
|
|
159
|
+
configurable: true,
|
|
160
|
+
writable: true,
|
|
161
|
+
value: function value() {
|
|
162
|
+
_this.scrollEle = document.querySelector(".".concat(_this.dropdownClassName));
|
|
163
|
+
// 下拉菜单未展开时元素不存在
|
|
164
|
+
if (!_this.scrollEle) return;
|
|
165
|
+
_this.scrollEle.addEventListener('mousedown', _this.preventEvent, false);
|
|
166
|
+
_this.scrollEle.addEventListener('scroll', _this.onScroll, false);
|
|
167
|
+
_this.inputEle = document.querySelector("#".concat(_this.id));
|
|
168
|
+
if (!_this.inputEle) return;
|
|
169
|
+
_this.inputEle.addEventListener('keydown', _this.onKeyDown, false);
|
|
170
|
+
}
|
|
171
|
+
});
|
|
172
|
+
// 模拟 antd select 按下 上下箭头 键时滚动列表
|
|
173
|
+
Object.defineProperty(_this, "onKeyDown", {
|
|
174
|
+
enumerable: true,
|
|
175
|
+
configurable: true,
|
|
176
|
+
writable: true,
|
|
177
|
+
value: function value(e) {
|
|
178
|
+
var _ref = e || {},
|
|
179
|
+
keyCode = _ref.keyCode;
|
|
180
|
+
setTimeout(function () {
|
|
181
|
+
var activeItem = document.querySelector(".".concat(_this.dropdownClassName, " .ant-select-dropdown-menu-item-active"));
|
|
182
|
+
if (!activeItem) return;
|
|
183
|
+
var offsetTop = activeItem.offsetTop;
|
|
184
|
+
var isUp = ARROW_CODE[keyCode] === 'up';
|
|
185
|
+
var isDown = ARROW_CODE[keyCode] === 'down';
|
|
186
|
+
// 在所有列表第一行按上键
|
|
187
|
+
if (offsetTop - _this.prevTop > DROPDOWN_HEIGHT && isUp && _this.scrollEle) {
|
|
188
|
+
_this.scrollEle.scrollTo(0, _this.allHeight - DROPDOWN_HEIGHT);
|
|
189
|
+
_this.prevTop = _this.allHeight;
|
|
190
|
+
return;
|
|
191
|
+
}
|
|
192
|
+
// 在所有列表中最后一行按下键
|
|
193
|
+
if (_this.prevTop > offsetTop + DROPDOWN_HEIGHT && isDown && _this.scrollEle) {
|
|
194
|
+
_this.scrollEle.scrollTo(0, 0);
|
|
195
|
+
_this.prevTop = 0;
|
|
196
|
+
return;
|
|
197
|
+
}
|
|
198
|
+
_this.prevTop = offsetTop;
|
|
199
|
+
// 向下滚动到下拉框最后一行时,向下滚动一行的高度
|
|
200
|
+
if (offsetTop > _this.scrollEle.scrollTop + DROPDOWN_HEIGHT - _this.ITEM_HEIGHT + 10 && isDown) {
|
|
201
|
+
_this.scrollEle.scrollTo(0, _this.scrollTop + _this.ITEM_HEIGHT);
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
// 向上滚动到下拉框第一一行时,向上滚动一行的高度
|
|
205
|
+
if (offsetTop < _this.scrollEle.scrollTop && isUp) {
|
|
206
|
+
_this.scrollEle.scrollTo(0, _this.scrollTop - _this.ITEM_HEIGHT);
|
|
207
|
+
}
|
|
208
|
+
}, 100);
|
|
209
|
+
}
|
|
210
|
+
});
|
|
211
|
+
Object.defineProperty(_this, "onScroll", {
|
|
212
|
+
enumerable: true,
|
|
213
|
+
configurable: true,
|
|
214
|
+
writable: true,
|
|
215
|
+
value: function value() {
|
|
216
|
+
return _this.throttleByHeight(_this.onScrollReal);
|
|
217
|
+
}
|
|
218
|
+
});
|
|
219
|
+
Object.defineProperty(_this, "onScrollReal", {
|
|
220
|
+
enumerable: true,
|
|
221
|
+
configurable: true,
|
|
222
|
+
writable: true,
|
|
223
|
+
value: function value() {
|
|
224
|
+
_this.allList = _this.getUseChildrenList();
|
|
225
|
+
var _this$getStartAndEndI = _this.getStartAndEndIndex(),
|
|
226
|
+
startIndex = _this$getStartAndEndI.startIndex,
|
|
227
|
+
endIndex = _this$getStartAndEndI.endIndex;
|
|
228
|
+
_this.prevScrollTop = _this.scrollTop;
|
|
229
|
+
// 重新渲染列表组件 Wrap
|
|
230
|
+
var allHeight = _this.allList.length * _this.ITEM_HEIGHT || 100;
|
|
231
|
+
_this.wrap.reactList(allHeight, startIndex, endIndex);
|
|
232
|
+
}
|
|
233
|
+
});
|
|
234
|
+
Object.defineProperty(_this, "throttleByHeight", {
|
|
235
|
+
enumerable: true,
|
|
236
|
+
configurable: true,
|
|
237
|
+
writable: true,
|
|
238
|
+
value: function value() {
|
|
239
|
+
_this.scrollTop = _this.scrollEle.scrollTop;
|
|
240
|
+
// 滚动的高度
|
|
241
|
+
var delta = _this.prevScrollTop - _this.scrollTop;
|
|
242
|
+
delta = delta < 0 ? 0 - delta : delta;
|
|
243
|
+
delta > _this.reactDelta && _this.onScrollReal();
|
|
244
|
+
}
|
|
245
|
+
});
|
|
246
|
+
// 列表可展示所有 children
|
|
247
|
+
Object.defineProperty(_this, "getUseChildrenList", {
|
|
248
|
+
enumerable: true,
|
|
249
|
+
configurable: true,
|
|
250
|
+
writable: true,
|
|
251
|
+
value: function value() {
|
|
252
|
+
return _this.state.filterChildren || _this.state.children;
|
|
253
|
+
}
|
|
254
|
+
});
|
|
255
|
+
Object.defineProperty(_this, "getStartAndEndIndex", {
|
|
256
|
+
enumerable: true,
|
|
257
|
+
configurable: true,
|
|
258
|
+
writable: true,
|
|
259
|
+
value: function value() {
|
|
260
|
+
// 滚动后显示在列表可视区中的第一个 item 的 index
|
|
261
|
+
var showIndex = Number((_this.scrollTop / _this.ITEM_HEIGHT).toFixed(0));
|
|
262
|
+
var startIndex = showIndex - ITEM_ELEMENT_NUMBER < 0 ? 0 : showIndex - ITEM_ELEMENT_NUMBER / 2;
|
|
263
|
+
var endIndex = showIndex + ITEM_ELEMENT_NUMBER;
|
|
264
|
+
return {
|
|
265
|
+
startIndex: startIndex,
|
|
266
|
+
endIndex: endIndex
|
|
267
|
+
};
|
|
268
|
+
}
|
|
269
|
+
});
|
|
270
|
+
// 须使用 setTimeout 确保在 dom 加载完成之后添加事件
|
|
271
|
+
Object.defineProperty(_this, "setSuperDropDownMenu", {
|
|
272
|
+
enumerable: true,
|
|
273
|
+
configurable: true,
|
|
274
|
+
writable: true,
|
|
275
|
+
value: function value(visible) {
|
|
276
|
+
if (!visible) return;
|
|
277
|
+
_this.allList = _this.getUseChildrenList();
|
|
278
|
+
if (!_this.eventTimer || !_this.scrollEle) {
|
|
279
|
+
_this.eventTimer = setTimeout(function () {
|
|
280
|
+
return _this.addEvent();
|
|
281
|
+
}, 0);
|
|
282
|
+
} else {
|
|
283
|
+
var allHeight = _this.allList.length * _this.ITEM_HEIGHT || 100;
|
|
284
|
+
// 下拉列表单独重新渲染
|
|
285
|
+
var _this$getStartAndEndI2 = _this.getStartAndEndIndex(),
|
|
286
|
+
startIndex = _this$getStartAndEndI2.startIndex,
|
|
287
|
+
endIndex = _this$getStartAndEndI2.endIndex;
|
|
288
|
+
setTimeout(function () {
|
|
289
|
+
_this.wrap && _this.wrap.reactList(allHeight, startIndex, endIndex);
|
|
290
|
+
}, 0);
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
});
|
|
294
|
+
Object.defineProperty(_this, "onDropdownVisibleChange", {
|
|
295
|
+
enumerable: true,
|
|
296
|
+
configurable: true,
|
|
297
|
+
writable: true,
|
|
298
|
+
value: function value(visible) {
|
|
299
|
+
var onDropdownVisibleChange = _this.props.onDropdownVisibleChange;
|
|
300
|
+
onDropdownVisibleChange && onDropdownVisibleChange(visible);
|
|
301
|
+
var _this$state = _this.state,
|
|
302
|
+
value = _this$state.value,
|
|
303
|
+
children = _this$state.children;
|
|
304
|
+
// 关闭下拉框前清空筛选条件,防止下次打开任然显示筛选后的 options
|
|
305
|
+
if (!visible) {
|
|
306
|
+
// 定时器确保关闭后再设置 filterChildren,防止列表刷新闪烁
|
|
307
|
+
setTimeout(function () {
|
|
308
|
+
_this.setState({
|
|
309
|
+
filterChildren: null
|
|
310
|
+
});
|
|
311
|
+
_this.setDefaultScrollTop(value);
|
|
312
|
+
}, 100);
|
|
313
|
+
// this.removeEvent();
|
|
314
|
+
} else {
|
|
315
|
+
// this.addEvent();
|
|
316
|
+
if (value) {
|
|
317
|
+
// 如果已有 value, 设置默认滚动位置
|
|
318
|
+
_this.setDefaultScrollTop();
|
|
319
|
+
// 设置下拉列表显示数据
|
|
320
|
+
_this.setSuperDropDownMenu(visible);
|
|
321
|
+
} else if (!value && value !== 0 && children && children.length > 0) {
|
|
322
|
+
// 无数据时,下拉回归至第一个
|
|
323
|
+
var val = children[0].props.value;
|
|
324
|
+
_this.setDefaultScrollTop(val);
|
|
325
|
+
}
|
|
326
|
+
}
|
|
327
|
+
}
|
|
328
|
+
});
|
|
329
|
+
Object.defineProperty(_this, "onDeselect", {
|
|
330
|
+
enumerable: true,
|
|
331
|
+
configurable: true,
|
|
332
|
+
writable: true,
|
|
333
|
+
value: function value(_value) {
|
|
334
|
+
var onDeselect = _this.props.onDeselect;
|
|
335
|
+
onDeselect && onDeselect(_value);
|
|
336
|
+
}
|
|
337
|
+
});
|
|
338
|
+
// 在搜索重新计算下拉滚动条高度
|
|
339
|
+
Object.defineProperty(_this, "onChange", {
|
|
340
|
+
enumerable: true,
|
|
341
|
+
configurable: true,
|
|
342
|
+
writable: true,
|
|
343
|
+
value: function value(_value2, opt) {
|
|
344
|
+
var _this$props2 = _this.props,
|
|
345
|
+
showSearch = _this$props2.showSearch,
|
|
346
|
+
onChange = _this$props2.onChange,
|
|
347
|
+
autoClearSearchValue = _this$props2.autoClearSearchValue,
|
|
348
|
+
maxCount = _this$props2.maxCount,
|
|
349
|
+
mode = _this$props2.mode;
|
|
350
|
+
if (showSearch || _this.isMultiple) {
|
|
351
|
+
// 搜索模式下选择后是否需要重置搜索状态
|
|
352
|
+
if (autoClearSearchValue !== false) {
|
|
353
|
+
_this.setState({
|
|
354
|
+
filterChildren: null
|
|
355
|
+
}, function () {
|
|
356
|
+
// 搜索成功后重新设置列表的总高度
|
|
357
|
+
_this.setSuperDropDownMenu(true);
|
|
358
|
+
});
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
if (mode === 'multiple') {
|
|
362
|
+
if (_value2.length <= maxCount) {
|
|
363
|
+
_this.setState({
|
|
364
|
+
value: _value2
|
|
365
|
+
});
|
|
366
|
+
}
|
|
367
|
+
} else {
|
|
368
|
+
_this.setState({
|
|
369
|
+
value: _value2
|
|
370
|
+
});
|
|
371
|
+
}
|
|
372
|
+
onChange && onChange(_value2, opt);
|
|
373
|
+
if (mode !== 'multiple') {
|
|
374
|
+
_this.select && _this.select.blur();
|
|
375
|
+
}
|
|
376
|
+
}
|
|
377
|
+
});
|
|
378
|
+
Object.defineProperty(_this, "onSearch", {
|
|
379
|
+
enumerable: true,
|
|
380
|
+
configurable: true,
|
|
381
|
+
writable: true,
|
|
382
|
+
value: function value(v) {
|
|
383
|
+
var _this$props3 = _this.props,
|
|
384
|
+
showSearch = _this$props3.showSearch,
|
|
385
|
+
onSearch = _this$props3.onSearch,
|
|
386
|
+
filterOption = _this$props3.filterOption,
|
|
387
|
+
arr = _this$props3.children;
|
|
388
|
+
var children = _this.turnChildren(arr);
|
|
389
|
+
if (showSearch && filterOption !== false) {
|
|
390
|
+
// 须根据 filterOption(如有该自定义函数)手动 filter 搜索匹配的列表
|
|
391
|
+
var filterChildren = null;
|
|
392
|
+
if (typeof filterOption === 'function') {
|
|
393
|
+
filterChildren = children.filter(function (item) {
|
|
394
|
+
return filterOption(v, item);
|
|
395
|
+
});
|
|
396
|
+
} else if (filterOption === undefined) {
|
|
397
|
+
filterChildren = children.filter(function (item) {
|
|
398
|
+
return _this.filterOption(v, item);
|
|
399
|
+
});
|
|
400
|
+
}
|
|
401
|
+
// 搜索框有值,去除disabled=true的children
|
|
402
|
+
var newFilterChild = [];
|
|
403
|
+
filterChildren && filterChildren.forEach(function (item, index) {
|
|
404
|
+
if (!item.props.disabled) {
|
|
405
|
+
newFilterChild.push(item);
|
|
330
406
|
}
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
407
|
+
});
|
|
408
|
+
filterChildren = newFilterChild;
|
|
409
|
+
// 设置下拉列表显示数据
|
|
410
|
+
_this.setState({
|
|
411
|
+
filterChildren: v === '' ? null : filterChildren
|
|
412
|
+
}, function () {
|
|
413
|
+
setTimeout(function () {
|
|
414
|
+
// 搜索后需要重置滚动位置到0,防止上次 scrollTop 位置无数据
|
|
415
|
+
if (filterChildren && _this.scrollEle) {
|
|
416
|
+
_this.scrollTop = 0;
|
|
417
|
+
_this.scrollEle.scrollTo(0, 0);
|
|
418
|
+
}
|
|
419
|
+
// 搜索成功后需要重新设置列表的总高度
|
|
420
|
+
_this.setSuperDropDownMenu(true);
|
|
421
|
+
}, 0);
|
|
422
|
+
});
|
|
423
|
+
}
|
|
424
|
+
onSearch && onSearch(v);
|
|
425
|
+
}
|
|
426
|
+
});
|
|
427
|
+
Object.defineProperty(_this, "filterOption", {
|
|
428
|
+
enumerable: true,
|
|
429
|
+
configurable: true,
|
|
430
|
+
writable: true,
|
|
431
|
+
value: function value(v, option) {
|
|
432
|
+
// 自定义过滤对应的 option 属性配置
|
|
433
|
+
var filterProps = _this.props.optionFilterProp || 'value';
|
|
434
|
+
return "".concat(option.props[filterProps]).indexOf(v) >= 0;
|
|
435
|
+
}
|
|
436
|
+
});
|
|
437
|
+
Object.defineProperty(_this, "setDefaultScrollTop", {
|
|
438
|
+
enumerable: true,
|
|
439
|
+
configurable: true,
|
|
440
|
+
writable: true,
|
|
441
|
+
value: function value(data) {
|
|
442
|
+
var value = _this.state.value;
|
|
443
|
+
var arr = _this.props.children;
|
|
444
|
+
var children = _this.turnChildren(arr);
|
|
445
|
+
var val = data || data === 0 ? data : value;
|
|
446
|
+
var _loop = function _loop() {
|
|
447
|
+
var item = children[i];
|
|
448
|
+
var itemValue = item.props.value;
|
|
449
|
+
if (itemValue === val || Array.isArray(val) && val.includes(itemValue)) {
|
|
450
|
+
var targetScrollTop = i * _this.ITEM_HEIGHT;
|
|
451
|
+
setTimeout(function () {
|
|
452
|
+
if (!_this.scrollEle) {
|
|
453
|
+
_this.addEvent();
|
|
369
454
|
}
|
|
370
|
-
|
|
455
|
+
_this.scrollEle && _this.scrollEle.scrollTo(0, targetScrollTop);
|
|
456
|
+
}, 100);
|
|
457
|
+
return {
|
|
458
|
+
v: void 0
|
|
459
|
+
};
|
|
371
460
|
}
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
461
|
+
},
|
|
462
|
+
_ret;
|
|
463
|
+
for (var i = 0; i < children.length; i++) {
|
|
464
|
+
_ret = _loop();
|
|
465
|
+
if (_ret) return _ret.v;
|
|
466
|
+
}
|
|
467
|
+
}
|
|
468
|
+
});
|
|
469
|
+
Object.defineProperty(_this, "removeEvent", {
|
|
470
|
+
enumerable: true,
|
|
471
|
+
configurable: true,
|
|
472
|
+
writable: true,
|
|
473
|
+
value: function value() {
|
|
474
|
+
if (!_this.scrollEle) return;
|
|
475
|
+
_this.scrollEle.removeEventListener('mousedown', _this.preventEvent, false);
|
|
476
|
+
_this.scrollEle.removeEventListener('scroll', _this.onScroll, false);
|
|
477
|
+
if (!_this.inputEle) return;
|
|
478
|
+
_this.inputEle.removeEventListener('keydown', _this.onKeyDown, false);
|
|
479
|
+
}
|
|
480
|
+
});
|
|
481
|
+
var mode = props.mode,
|
|
482
|
+
defaultValue = props.defaultValue,
|
|
483
|
+
value = props.value,
|
|
484
|
+
optionHeight = props.optionHeight,
|
|
485
|
+
arr = props.children;
|
|
486
|
+
_this.isMultiple = ['tags', 'multiple'].includes(mode);
|
|
487
|
+
var children = _this.turnChildren(arr);
|
|
488
|
+
// 设置默认 value
|
|
489
|
+
var defaultV = _this.isMultiple ? [] : '';
|
|
490
|
+
defaultV = value || defaultValue || defaultV;
|
|
491
|
+
_this.state = {
|
|
492
|
+
children: children || [],
|
|
493
|
+
filterChildren: null,
|
|
494
|
+
value: defaultV,
|
|
495
|
+
maxWidth: null,
|
|
496
|
+
selectWidth: null
|
|
497
|
+
};
|
|
498
|
+
// 下拉菜单项行高
|
|
499
|
+
_this.ITEM_HEIGHT = optionHeight || ITEM_HEIGHT_CFG[props.size || 'default'];
|
|
500
|
+
// 可视区 dom 高度
|
|
501
|
+
_this.visibleDomHeight = _this.ITEM_HEIGHT * ITEM_ELEMENT_NUMBER;
|
|
502
|
+
// 滚动时重新渲染的 scrollTop 判断值,大于 reactDelta 则刷新下拉列表
|
|
503
|
+
_this.reactDelta = _this.visibleDomHeight / 3;
|
|
504
|
+
// 是否拖动滚动条快速滚动状态
|
|
505
|
+
_this.isStopReact = false;
|
|
506
|
+
// 上一次滚动的 scrollTop 值
|
|
507
|
+
_this.prevScrollTop = 0;
|
|
508
|
+
// 上一次按下方向键时 scrollTop 值
|
|
509
|
+
_this.prevTop = 0;
|
|
510
|
+
_this.scrollTop = 0;
|
|
511
|
+
// className
|
|
512
|
+
_this.dropdownClassName = "dc".concat(+new Date());
|
|
513
|
+
_this.id = "sid".concat(+new Date());
|
|
514
|
+
return _this;
|
|
515
|
+
}
|
|
516
|
+
_inherits(SuperSelect, _PureComponent);
|
|
517
|
+
return _createClass(SuperSelect, [{
|
|
518
|
+
key: "componentDidMount",
|
|
519
|
+
value: function componentDidMount() {
|
|
520
|
+
var _this2 = this;
|
|
521
|
+
// defaultOpens=true 时添加滚动事件
|
|
522
|
+
setTimeout(function () {
|
|
523
|
+
_this2.addEvent();
|
|
524
|
+
}, 500);
|
|
525
|
+
var arr = this.props.children;
|
|
526
|
+
var children = this.turnChildren(arr);
|
|
527
|
+
// if (children && children.length > 0) {
|
|
528
|
+
this.formulaWidth();
|
|
529
|
+
// }
|
|
530
|
+
}
|
|
531
|
+
}, {
|
|
532
|
+
key: "componentDidUpdate",
|
|
533
|
+
value: function componentDidUpdate(prevProps) {
|
|
534
|
+
var _this3 = this;
|
|
535
|
+
var _this$props4 = this.props,
|
|
536
|
+
mode = _this$props4.mode,
|
|
537
|
+
defaultValue = _this$props4.defaultValue,
|
|
538
|
+
value = _this$props4.value,
|
|
539
|
+
children = _this$props4.children;
|
|
540
|
+
var arr = this.turnChildren(children);
|
|
541
|
+
if (prevProps.children !== children) {
|
|
542
|
+
this.isMultiple = ['tags', 'multiple'].includes(mode);
|
|
543
|
+
this.setState({
|
|
544
|
+
children: arr || [],
|
|
545
|
+
filterChildren: null
|
|
546
|
+
}, function () {
|
|
547
|
+
if (arr && arr.length > 0) {
|
|
548
|
+
// 设置下拉列表显示数据
|
|
549
|
+
if (!value) {
|
|
550
|
+
_this3.scrollTop = 0;
|
|
551
|
+
_this3.scrollEle && _this3.scrollEle.scrollTo(0, 0);
|
|
552
|
+
_this3.setSuperDropDownMenu(true);
|
|
406
553
|
}
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
writable: true,
|
|
412
|
-
value: () => {
|
|
413
|
-
if (!this.scrollEle)
|
|
414
|
-
return;
|
|
415
|
-
this.scrollEle.removeEventListener('mousedown', this.preventEvent, false);
|
|
416
|
-
this.scrollEle.removeEventListener('scroll', this.onScroll, false);
|
|
417
|
-
if (!this.inputEle)
|
|
418
|
-
return;
|
|
419
|
-
this.inputEle.removeEventListener('keydown', this.onKeyDown, false);
|
|
554
|
+
_this3.formulaWidth();
|
|
555
|
+
if (!_this3.inputEle) {
|
|
556
|
+
_this3.removeEvent();
|
|
557
|
+
_this3.addEvent();
|
|
420
558
|
}
|
|
559
|
+
}
|
|
421
560
|
});
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
let defaultV = this.isMultiple ? [] : '';
|
|
561
|
+
}
|
|
562
|
+
if (prevProps.value !== value) {
|
|
563
|
+
// 更新时设置默认 value
|
|
564
|
+
var defaultV = this.isMultiple ? [] : '';
|
|
427
565
|
defaultV = value || defaultValue || defaultV;
|
|
428
|
-
this.
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
maxWidth: null,
|
|
433
|
-
selectWidth: null,
|
|
434
|
-
};
|
|
435
|
-
// 下拉菜单项行高
|
|
436
|
-
this.ITEM_HEIGHT = optionHeight || ITEM_HEIGHT_CFG[props.size || 'default'];
|
|
437
|
-
// 可视区 dom 高度
|
|
438
|
-
this.visibleDomHeight = this.ITEM_HEIGHT * ITEM_ELEMENT_NUMBER;
|
|
439
|
-
// 滚动时重新渲染的 scrollTop 判断值,大于 reactDelta 则刷新下拉列表
|
|
440
|
-
this.reactDelta = this.visibleDomHeight / 3;
|
|
441
|
-
// 是否拖动滚动条快速滚动状态
|
|
442
|
-
this.isStopReact = false;
|
|
443
|
-
// 上一次滚动的 scrollTop 值
|
|
444
|
-
this.prevScrollTop = 0;
|
|
445
|
-
// 上一次按下方向键时 scrollTop 值
|
|
446
|
-
this.prevTop = 0;
|
|
447
|
-
this.scrollTop = 0;
|
|
448
|
-
// className
|
|
449
|
-
this.dropdownClassName = `dc${+new Date()}`;
|
|
450
|
-
this.id = `sid${+new Date()}`;
|
|
566
|
+
this.setState({
|
|
567
|
+
value: defaultV
|
|
568
|
+
});
|
|
569
|
+
}
|
|
451
570
|
}
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
}, 500);
|
|
457
|
-
const { children: arr } = this.props;
|
|
458
|
-
const children = this.turnChildren(arr);
|
|
459
|
-
// if (children && children.length > 0) {
|
|
460
|
-
this.formulaWidth();
|
|
461
|
-
// }
|
|
571
|
+
}, {
|
|
572
|
+
key: "componentWillUnmount",
|
|
573
|
+
value: function componentWillUnmount() {
|
|
574
|
+
this.removeEvent();
|
|
462
575
|
}
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
576
|
+
}, {
|
|
577
|
+
key: "render",
|
|
578
|
+
value: function render() {
|
|
579
|
+
var _this4 = this;
|
|
580
|
+
var _this$state2 = this.state,
|
|
581
|
+
maxWidth = _this$state2.maxWidth,
|
|
582
|
+
selectWidth = _this$state2.selectWidth;
|
|
583
|
+
var _a = this.props,
|
|
584
|
+
dropdownStyle = _a.dropdownStyle,
|
|
585
|
+
optionLabelProp = _a.optionLabelProp,
|
|
586
|
+
dropdownClassName = _a.dropdownClassName,
|
|
587
|
+
_a$placeholder = _a.placeholder,
|
|
588
|
+
placeholder = _a$placeholder === void 0 ? defaultPlaceholder : _a$placeholder,
|
|
589
|
+
capitalize = _a.capitalize,
|
|
590
|
+
renderEmpty = _a.renderEmpty,
|
|
591
|
+
props = __rest(_a, ["dropdownStyle", "optionLabelProp", "dropdownClassName", "placeholder", "capitalize", "renderEmpty"]);
|
|
592
|
+
this.allList = this.getUseChildrenList();
|
|
593
|
+
this.allHeight = this.allList.length * this.ITEM_HEIGHT || 100;
|
|
594
|
+
var _this$getStartAndEndI3 = this.getStartAndEndIndex(),
|
|
595
|
+
startIndex = _this$getStartAndEndI3.startIndex,
|
|
596
|
+
endIndex = _this$getStartAndEndI3.endIndex;
|
|
597
|
+
var dynamicWidth = maxWidth;
|
|
598
|
+
if (this.allList.length === 0 || maxWidth < selectWidth) {
|
|
599
|
+
dynamicWidth = selectWidth;
|
|
600
|
+
}
|
|
601
|
+
dropdownStyle = Object.assign(Object.assign({
|
|
602
|
+
maxHeight: "".concat(DROPDOWN_HEIGHT, "px")
|
|
603
|
+
}, dropdownStyle), {
|
|
604
|
+
overflow: 'auto',
|
|
605
|
+
position: 'relative',
|
|
606
|
+
maxWidth: dynamicWidth
|
|
607
|
+
});
|
|
608
|
+
var value = this.state.value;
|
|
609
|
+
// 判断处于 antd Form 中时不自动设置 value
|
|
610
|
+
var _props = Object.assign({}, props);
|
|
611
|
+
// 先删除 value,再手动赋值,防止空 value 影响 placeholder
|
|
612
|
+
delete _props.value;
|
|
613
|
+
// value 为空字符会隐藏 placeholder,改为 undefined
|
|
614
|
+
if (typeof value === 'string' && !value) {
|
|
615
|
+
_props.value = undefined;
|
|
616
|
+
} else {
|
|
617
|
+
_props.value = value;
|
|
618
|
+
}
|
|
619
|
+
optionLabelProp = optionLabelProp || 'children';
|
|
620
|
+
return _react["default"].createElement(_select["default"], Object.assign({}, _props, {
|
|
621
|
+
id: this.id,
|
|
622
|
+
placeholder: (0, _utils.capitalizeFirstLetter)(placeholder, capitalize),
|
|
623
|
+
onSearch: this.onSearch,
|
|
624
|
+
onChange: this.onChange,
|
|
625
|
+
dropdownClassName: "".concat(this.dropdownClassName, " ").concat(dropdownClassName || ''),
|
|
626
|
+
optionLabelProp: optionLabelProp,
|
|
627
|
+
dropdownStyle: dropdownStyle,
|
|
628
|
+
onDropdownVisibleChange: this.onDropdownVisibleChange,
|
|
629
|
+
onDeselect: this.onDeselect,
|
|
630
|
+
ref: function ref(ele) {
|
|
631
|
+
return _this4.select = ele;
|
|
632
|
+
},
|
|
633
|
+
dropdownRender: function dropdownRender(menu, props) {
|
|
634
|
+
if (_props.loading) {
|
|
635
|
+
return _react["default"].createElement(_spin["default"], {
|
|
636
|
+
size: "small",
|
|
637
|
+
style: {
|
|
638
|
+
marginLeft: 8
|
|
639
|
+
}
|
|
485
640
|
});
|
|
641
|
+
}
|
|
642
|
+
if (_this4.allList.length === 0) {
|
|
643
|
+
return _react["default"].createElement("div", {
|
|
644
|
+
className: "tntd-select-empty-container"
|
|
645
|
+
}, renderEmpty ? renderEmpty('Select') : _react["default"].createElement(_empty["default"], {
|
|
646
|
+
image: _empty["default"].PRESENTED_IMAGE_SIMPLE
|
|
647
|
+
}));
|
|
648
|
+
}
|
|
649
|
+
return _react["default"].createElement(_DropDownWrap["default"], Object.assign({}, {
|
|
650
|
+
startIndex: startIndex,
|
|
651
|
+
endIndex: endIndex,
|
|
652
|
+
allHeight: _this4.allHeight,
|
|
653
|
+
menu: menu,
|
|
654
|
+
itemHeight: _this4.ITEM_HEIGHT
|
|
655
|
+
}, {
|
|
656
|
+
ref: function ref(ele) {
|
|
657
|
+
_this4.wrap = ele;
|
|
658
|
+
}
|
|
659
|
+
}));
|
|
486
660
|
}
|
|
487
|
-
|
|
488
|
-
// 更新时设置默认 value
|
|
489
|
-
let defaultV = this.isMultiple ? [] : '';
|
|
490
|
-
defaultV = value || defaultValue || defaultV;
|
|
491
|
-
this.setState({ value: defaultV });
|
|
492
|
-
}
|
|
493
|
-
}
|
|
494
|
-
componentWillUnmount() {
|
|
495
|
-
this.removeEvent();
|
|
496
|
-
}
|
|
497
|
-
render() {
|
|
498
|
-
const { maxWidth, selectWidth } = this.state;
|
|
499
|
-
let _a = this.props, { dropdownStyle, optionLabelProp, dropdownClassName, placeholder = defaultPlaceholder, capitalize, renderEmpty } = _a, props = __rest(_a, ["dropdownStyle", "optionLabelProp", "dropdownClassName", "placeholder", "capitalize", "renderEmpty"]);
|
|
500
|
-
this.allList = this.getUseChildrenList();
|
|
501
|
-
this.allHeight = this.allList.length * this.ITEM_HEIGHT || 100;
|
|
502
|
-
const { startIndex, endIndex } = this.getStartAndEndIndex();
|
|
503
|
-
let dynamicWidth = maxWidth;
|
|
504
|
-
if (this.allList.length === 0 || maxWidth < selectWidth) {
|
|
505
|
-
dynamicWidth = selectWidth;
|
|
506
|
-
}
|
|
507
|
-
dropdownStyle = Object.assign(Object.assign({ maxHeight: `${DROPDOWN_HEIGHT}px` }, dropdownStyle), { overflow: 'auto', position: 'relative', maxWidth: dynamicWidth });
|
|
508
|
-
const { value } = this.state;
|
|
509
|
-
// 判断处于 antd Form 中时不自动设置 value
|
|
510
|
-
const _props = Object.assign({}, props);
|
|
511
|
-
// 先删除 value,再手动赋值,防止空 value 影响 placeholder
|
|
512
|
-
delete _props.value;
|
|
513
|
-
// value 为空字符会隐藏 placeholder,改为 undefined
|
|
514
|
-
if (typeof value === 'string' && !value) {
|
|
515
|
-
_props.value = undefined;
|
|
516
|
-
}
|
|
517
|
-
else {
|
|
518
|
-
_props.value = value;
|
|
519
|
-
}
|
|
520
|
-
optionLabelProp = optionLabelProp || 'children';
|
|
521
|
-
return (React.createElement(Select, Object.assign({}, _props, { id: this.id, placeholder: capitalizeFirstLetter(placeholder, capitalize), onSearch: this.onSearch, onChange: this.onChange, dropdownClassName: `${this.dropdownClassName} ${dropdownClassName || ''}`, optionLabelProp: optionLabelProp, dropdownStyle: dropdownStyle, onDropdownVisibleChange: this.onDropdownVisibleChange, onDeselect: this.onDeselect, ref: (ele) => (this.select = ele), dropdownRender: (menu, props) => {
|
|
522
|
-
if (_props.loading) {
|
|
523
|
-
return React.createElement(Spin, { size: "small", style: { marginLeft: 8 } });
|
|
524
|
-
}
|
|
525
|
-
if (this.allList.length === 0) {
|
|
526
|
-
return (React.createElement("div", { className: "tntd-select-empty-container" }, renderEmpty ? renderEmpty('Select') : React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })));
|
|
527
|
-
}
|
|
528
|
-
return (React.createElement(DropDownWrap, Object.assign({}, {
|
|
529
|
-
startIndex,
|
|
530
|
-
endIndex,
|
|
531
|
-
allHeight: this.allHeight,
|
|
532
|
-
menu,
|
|
533
|
-
itemHeight: this.ITEM_HEIGHT,
|
|
534
|
-
}, { ref: (ele) => {
|
|
535
|
-
this.wrap = ele;
|
|
536
|
-
} })));
|
|
537
|
-
} }), this.allList));
|
|
661
|
+
}), this.allList);
|
|
538
662
|
}
|
|
539
|
-
}
|
|
663
|
+
}]);
|
|
664
|
+
}(_react.PureComponent);
|
|
540
665
|
function TntdSelect(props) {
|
|
541
|
-
|
|
542
|
-
|
|
666
|
+
return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref2) {
|
|
667
|
+
var renderEmpty = _ref2.renderEmpty;
|
|
668
|
+
return _react["default"].createElement(SuperSelect, Object.assign({}, props, {
|
|
669
|
+
renderEmpty: renderEmpty
|
|
543
670
|
}));
|
|
671
|
+
});
|
|
544
672
|
}
|
|
545
673
|
TntdSelect.Option = Option;
|
|
546
|
-
|
|
547
|
-
//# sourceMappingURL=index.js.map
|
|
674
|
+
var _default = exports["default"] = TntdSelect;
|