tntd 3.0.52 → 3.0.54
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 +1 -1
- package/es/_util/defaultRenderEmpty.js +1 -1
- package/es/_util/hooks/useFlexGapSupport.js +4 -4
- package/es/_util/hooks/useForceUpdate.js +4 -4
- package/es/_util/hooks/useScrollLock.js +5 -5
- package/es/_util/responsiveObserve.js +1 -1
- package/es/_util/styleChecker.js +1 -1
- package/es/actions/index.js +1 -1
- package/es/alert/alert.js +2 -2
- package/es/alert/index.js +1 -1
- package/es/anchor/anchor.js +5 -5
- package/es/array-input/index.js +11 -12
- package/es/array-input/index.js.map +1 -1
- package/es/array-input/index.less +10 -3
- package/es/button/button.js +2 -2
- package/es/cascader/cascader.js +1 -1
- package/es/check-card/group.js +8 -8
- package/es/check-card/index.js +6 -6
- package/es/checkbox/checkbox-group.js +5 -1
- package/es/checkbox/checkbox.js +1 -1
- package/es/color-picker/ColorPicker.js +6 -6
- package/es/color-picker/index.js +1 -1
- package/es/columns/index.js +1 -1
- package/es/config-provider/config-provider.js +1 -1
- package/es/date-picker/DatePicker.js +1 -1
- package/es/descriptions/descriptions.js +5 -5
- package/es/development-login/LoginModal.js +6 -6
- package/es/development-login/index.js +4 -4
- package/es/drawer/drawer.js +2 -2
- package/es/ellipsis/Svg/CopySVG.js +1 -1
- package/es/ellipsis/Svg/TickSVG.js +1 -1
- package/es/ellipsis/index.js +5 -5
- package/es/empty/empty.js +2 -2
- package/es/empty/empty.stories.js +2 -2
- package/es/exception/exception.js +1 -1
- package/es/form/form.js +2 -2
- package/es/grid-v4/col.js +2 -2
- package/es/grid-v4/hooks/useBreakpoint.js +1 -1
- package/es/grid-v4/index.js +1 -1
- package/es/grid-v4/row.js +6 -6
- package/es/handle/index.js +1 -1
- package/es/handle-icon/index.js +11 -11
- package/es/icon/IconFont.js +1 -1
- package/es/icon/components/Icon.js +9 -9
- package/es/icon/components/index.js +1 -1
- package/es/icon/components/utils.js +3 -3
- package/es/icon/index.js +7 -7
- package/es/icon/twoTonePrimaryColor.js +1 -1
- package/es/icon/utils.js +1 -1
- package/es/img/Contain.js +1 -1
- package/es/img/Cover.js +5 -5
- package/es/img/index.js +5 -5
- package/es/index.js +1 -1
- package/es/input/input.js +2 -2
- package/es/input-number/inputNumber.js +1 -1
- package/es/label/index.js +2 -2
- package/es/loading-button/index.js +5 -5
- package/es/locale/default.js +1 -1
- package/es/locale/en_US.js +1 -1
- package/es/locale/zh_CN.js +1 -1
- package/es/modal/modal.js +1 -1
- package/es/notification/assets/index.js +1 -1
- package/es/notification/index.js +1 -1
- package/es/notification/notification.js +1 -1
- package/es/page/Box.js +1 -1
- package/es/page/index.js +7 -7
- package/es/page-container/index.js +1 -1
- package/es/page-loading/index.js +1 -1
- package/es/popconfirm/popconfirm.js +1 -1
- package/es/popover/popover.js +1 -1
- package/es/preview-text/index.js +7 -7
- package/es/progress/progress.js +2 -2
- package/es/query-form/Field/Checkbox.js +1 -1
- package/es/query-form/Field/Select.js +6 -6
- package/es/query-form/Field/SelectInput.js +6 -6
- package/es/query-form/Field/fieldsMap.js +1 -1
- package/es/query-form/Field/index.js +10 -10
- package/es/query-form/createActions.js +1 -1
- package/es/query-form/index.js +10 -10
- package/es/query-form/useForm.js +1 -1
- package/es/query-list-scene/List.js +13 -13
- package/es/query-list-scene/QueryForm.js +9 -9
- package/es/query-list-scene/QueryListScene.js +10 -10
- package/es/query-list-scene/Title.js +1 -1
- package/es/query-list-scene/Toolbar.js +2 -2
- package/es/query-list-scene/createActions.js +1 -1
- package/es/query-list-scene/index.js +1 -1
- package/es/query-list-scene/useActions.js +1 -1
- package/es/radio/radio-group.js +5 -1
- package/es/radio/radio.js +1 -1
- package/es/render-empty/render-empty.js +1 -1
- package/es/segmented/index.js +2 -2
- package/es/select/select.js +2 -2
- package/es/spin/spin.js +1 -1
- package/es/steps/stepStyle/small.less +5 -0
- package/es/steps/steps.js +2 -2
- package/es/svg-components/index.js +1 -1
- package/es/table/hooks/use-column-setting.js +4 -4
- package/es/table/hooks/use-expand-fixed.js +6 -6
- package/es/table/resizableTable/index.js +6 -6
- package/es/table/table-hoc.js +1 -1
- package/es/table/table.js +9 -9
- package/es/table/table.stories.js +2 -2
- package/es/table/total-shower.js +5 -1
- package/es/table/utils.js +1 -1
- package/es/table-container/index.js +1 -1
- package/es/tabs/tabs.js +2 -2
- package/es/tabs-container/index.js +1 -1
- package/es/tag/tag.js +2 -2
- package/es/time-picker/TimePicker.js +1 -1
- package/es/time-picker/index.js +1 -1
- package/es/title/index.js +1 -1
- package/es/tntd-action/Action.js +9 -9
- package/es/tntd-action/index.js +8 -8
- package/es/tntd-cascader/AntdCascader/component/context.js +1 -1
- package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +1 -1
- package/es/tntd-cascader/AntdCascader/component/getIcons.js +1 -1
- package/es/tntd-cascader/AntdCascader/component/useCompactItemContext.js +2 -2
- package/es/tntd-cascader/AntdCascader/config/utils.js +2 -2
- package/es/tntd-cascader/AntdCascader/index.js +7 -7
- package/es/tntd-cascader/index.js +1 -1
- package/es/tntd-cascader/rc-cascader/Cascader.js +8 -8
- package/es/tntd-cascader/rc-cascader/OptionList/Checkbox.js +2 -2
- package/es/tntd-cascader/rc-cascader/OptionList/Column.js +7 -7
- package/es/tntd-cascader/rc-cascader/OptionList/index.js +9 -9
- package/es/tntd-cascader/rc-cascader/OptionList/useActive.js +5 -5
- package/es/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +8 -8
- package/es/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +5 -5
- package/es/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +1 -1
- package/es/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +6 -6
- package/es/tntd-cascader/rc-cascader/index.js +1 -1
- package/es/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +4 -4
- package/es/tntd-form/ErrorList.js +7 -7
- package/es/tntd-form/Form.js +6 -6
- package/es/tntd-form/FormItem/ItemHolder.js +6 -6
- package/es/tntd-form/FormItem/index.js +8 -8
- package/es/tntd-form/FormItemInput.js +1 -1
- package/es/tntd-form/FormItemLabel.js +2 -2
- package/es/tntd-form/FormList.js +1 -1
- package/es/tntd-form/context.js +1 -1
- package/es/tntd-form/hooks/useDebounce.js +4 -4
- package/es/tntd-form/hooks/useForm.js +5 -5
- package/es/tntd-form/hooks/useFormItemStatus.js +1 -1
- package/es/tntd-form/hooks/useFrameState.js +5 -5
- package/es/tntd-form/index.js +1 -1
- package/es/tntd-icon/index.js +1 -1
- package/es/tntd-layout/AppList.js +6 -6
- package/es/tntd-layout/Application.js +6 -6
- package/es/tntd-layout/Avatar.js +2 -2
- package/es/tntd-layout/CompatibleLanguage.js +6 -6
- package/es/tntd-layout/EnterpriseLayout/Avatar.js +2 -2
- package/es/tntd-layout/EnterpriseLayout/Language.js +6 -6
- package/es/tntd-layout/EnterpriseLayout/Theme.js +6 -6
- package/es/tntd-layout/EnterpriseLayout/index.js +1 -1
- package/es/tntd-layout/GlobalNavigation/NavigationPopup.js +6 -6
- package/es/tntd-layout/GlobalNavigation/index.js +9 -9
- package/es/tntd-layout/Header.js +2 -2
- package/es/tntd-layout/HeaderActions.js +2 -2
- package/es/tntd-layout/HeaderNavs.js +6 -6
- package/es/tntd-layout/HeaderTabs.js +7 -7
- package/es/tntd-layout/Iconfont.js +1 -1
- package/es/tntd-layout/Language.js +6 -6
- package/es/tntd-layout/Layout.js +6 -6
- package/es/tntd-layout/Logo.js +2 -2
- package/es/tntd-layout/OrgAppList.js +6 -6
- package/es/tntd-layout/SideMenu.js +6 -6
- package/es/tntd-layout/Theme.js +6 -6
- package/es/tntd-layout/createActions.js +1 -1
- package/es/tntd-layout/images/index.js +1 -1
- package/es/tntd-layout/index.js +1 -1
- package/es/tntd-layout/paaslayout/CompactSideMenu.js +6 -6
- package/es/tntd-layout/paaslayout/Header.js +2 -2
- package/es/tntd-layout/paaslayout/Logo.js +2 -2
- package/es/tntd-layout/paaslayout/SideMenu.js +6 -6
- package/es/tntd-layout/paaslayout/index.js +6 -6
- package/es/tntd-layout/storage.js +1 -1
- package/es/tntd-modal/index.js +6 -6
- package/es/tntd-rc-select/_util/PurePanel.js +5 -5
- package/es/tntd-rc-select/_util/context.js +1 -1
- package/es/tntd-rc-select/_util/defaultRenderEmpty.js +1 -1
- package/es/tntd-rc-select/_util/getIcons.js +1 -1
- package/es/tntd-rc-select/_util/useCompactItemContext.js +2 -2
- package/es/tntd-rc-select/index.js +2 -2
- package/es/tntd-reference/AHref/index.js +1 -1
- package/es/tntd-reference/ReferenceBatchCheck/index.js +1 -1
- package/es/tntd-reference/ReferenceBatchDrawer/index.js +5 -5
- package/es/tntd-reference/ReferenceCheck/index.js +1 -1
- package/es/tntd-reference/ReferenceDrawer/index.js +5 -5
- package/es/tntd-reference/ReferenceInfo/index.js +1 -1
- package/es/tntd-reference/index.js +1 -1
- package/es/tntd-second-page/index.js +1 -1
- package/es/tntd-select/DropDownWrap.js +8 -8
- package/es/tntd-select/index.js +9 -10
- package/es/tntd-virtual-tree/index.js +8 -8
- package/es/tntd-virtual-tree/utils.js +30 -29
- package/es/tntd-virtual-tree/utils.js.map +1 -1
- package/es/tntd-virtual-tree-select/index.js +10 -10
- package/es/tntd-virtual-tree-select/utils.js +9 -9
- package/es/tooltip/tooltip.js +1 -1
- package/es/upload/index.js +6 -6
- package/es/upload/svg/UploadSVG.js +1 -1
- package/es/utils/checkAuth.js +4 -4
- package/es/utils/index.js +9 -9
- package/es/utils/lang.js +3 -3
- package/es/water-mark/index.js +5 -5
- package/lib/_util/context.js +3 -3
- package/lib/_util/defaultRenderEmpty.js +3 -3
- package/lib/_util/hooks/useFlexGapSupport.js +15 -14
- package/lib/_util/hooks/useForceUpdate.js +15 -14
- package/lib/_util/hooks/useScrollLock.js +18 -17
- package/lib/_util/responsiveObserve.js +13 -7
- package/lib/_util/styleChecker.js +3 -3
- package/lib/actions/index.js +3 -3
- package/lib/alert/alert.js +16 -10
- package/lib/alert/index.js +3 -3
- package/lib/anchor/anchor.js +18 -17
- package/lib/array-input/index.d.ts.map +1 -1
- package/lib/array-input/index.js +39 -33
- package/lib/array-input/index.js.map +1 -1
- package/lib/array-input/index.less +10 -3
- package/lib/button/button.js +16 -10
- package/lib/cascader/cascader.js +3 -3
- package/lib/check-card/group.js +24 -23
- package/lib/check-card/index.js +31 -24
- package/lib/checkbox/checkbox-group.js +3 -3
- package/lib/checkbox/checkbox.js +3 -3
- package/lib/color-picker/ColorPicker.js +31 -24
- package/lib/color-picker/index.js +3 -3
- package/lib/columns/index.js +3 -3
- package/lib/config-provider/config-provider.js +3 -3
- package/lib/date-picker/DatePicker.js +3 -3
- package/lib/descriptions/descriptions.js +19 -13
- package/lib/development-login/LoginModal.js +31 -24
- package/lib/development-login/index.js +15 -14
- package/lib/drawer/drawer.js +16 -10
- package/lib/ellipsis/Svg/CopySVG.js +3 -3
- package/lib/ellipsis/Svg/TickSVG.js +3 -3
- package/lib/ellipsis/index.js +18 -17
- package/lib/empty/empty.js +16 -10
- package/lib/empty/empty.stories.js +9 -6
- package/lib/exception/exception.js +3 -3
- package/lib/form/form.js +16 -10
- package/lib/grid-v4/col.js +16 -10
- package/lib/grid-v4/hooks/useBreakpoint.js +3 -3
- package/lib/grid-v4/index.js +3 -3
- package/lib/grid-v4/row.js +31 -24
- package/lib/handle/index.js +3 -3
- package/lib/handle-icon/index.js +13 -13
- package/lib/icon/IconFont.js +3 -3
- package/lib/icon/components/Icon.js +70 -44
- package/lib/icon/components/index.js +3 -3
- package/lib/icon/components/utils.js +18 -10
- package/lib/icon/index.js +33 -26
- package/lib/icon/twoTonePrimaryColor.js +3 -3
- package/lib/icon/utils.js +3 -3
- package/lib/img/Contain.js +3 -3
- package/lib/img/Cover.js +18 -17
- package/lib/img/index.js +18 -17
- package/lib/index.js +3 -3
- package/lib/input/input.js +16 -10
- package/lib/input-number/inputNumber.js +3 -3
- package/lib/label/index.js +16 -10
- package/lib/loading-button/index.js +18 -17
- package/lib/locale/default.js +3 -3
- package/lib/locale/en_US.js +3 -3
- package/lib/locale/zh_CN.js +3 -3
- package/lib/modal/modal.js +3 -3
- package/lib/notification/assets/index.js +3 -3
- package/lib/notification/index.js +3 -3
- package/lib/notification/notification.js +3 -3
- package/lib/page/Box.js +3 -3
- package/lib/page/index.js +33 -26
- package/lib/page-container/index.js +3 -3
- package/lib/page-loading/index.js +3 -3
- package/lib/popconfirm/popconfirm.js +3 -3
- package/lib/popover/popover.js +3 -3
- package/lib/preview-text/index.js +9 -9
- package/lib/progress/progress.js +16 -10
- package/lib/query-form/Field/Checkbox.js +3 -3
- package/lib/query-form/Field/Select.js +31 -24
- package/lib/query-form/Field/SelectInput.js +31 -24
- package/lib/query-form/Field/fieldsMap.js +3 -3
- package/lib/query-form/Field/index.js +73 -47
- package/lib/query-form/createActions.js +3 -3
- package/lib/query-form/index.js +70 -44
- package/lib/query-form/useForm.js +3 -3
- package/lib/query-list-scene/List.js +61 -41
- package/lib/query-list-scene/QueryForm.js +57 -37
- package/lib/query-list-scene/QueryListScene.js +70 -44
- package/lib/query-list-scene/Title.js +3 -3
- package/lib/query-list-scene/Toolbar.js +16 -10
- package/lib/query-list-scene/createActions.js +3 -3
- package/lib/query-list-scene/index.js +3 -3
- package/lib/query-list-scene/useActions.js +3 -3
- package/lib/radio/radio-group.js +3 -3
- package/lib/radio/radio.js +3 -3
- package/lib/render-empty/render-empty.js +3 -3
- package/lib/segmented/index.js +16 -10
- package/lib/select/select.js +16 -10
- package/lib/spin/spin.js +3 -3
- package/lib/steps/stepStyle/small.less +5 -0
- package/lib/steps/steps.js +16 -10
- package/lib/svg-components/index.js +3 -3
- package/lib/table/hooks/use-column-setting.js +15 -14
- package/lib/table/hooks/use-expand-fixed.js +36 -30
- package/lib/table/resizableTable/index.js +31 -24
- package/lib/table/table-hoc.js +3 -3
- package/lib/table/table.js +34 -27
- package/lib/table/table.stories.js +16 -10
- package/lib/table/total-shower.js +3 -3
- package/lib/table/utils.js +3 -3
- package/lib/table-container/index.js +3 -3
- package/lib/tabs/tabs.js +16 -10
- package/lib/tabs-container/index.js +3 -3
- package/lib/tag/tag.js +16 -10
- package/lib/time-picker/TimePicker.js +3 -3
- package/lib/time-picker/index.js +3 -3
- package/lib/title/index.js +3 -3
- package/lib/tntd-action/Action.js +22 -21
- package/lib/tntd-action/index.js +21 -20
- package/lib/tntd-cascader/AntdCascader/component/context.js +3 -3
- package/lib/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +3 -3
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js +3 -3
- package/lib/tntd-cascader/AntdCascader/component/useCompactItemContext.js +16 -10
- package/lib/tntd-cascader/AntdCascader/config/utils.js +16 -10
- package/lib/tntd-cascader/AntdCascader/index.js +33 -26
- package/lib/tntd-cascader/index.js +3 -3
- package/lib/tntd-cascader/rc-cascader/Cascader.js +24 -23
- package/lib/tntd-cascader/rc-cascader/OptionList/Checkbox.js +16 -10
- package/lib/tntd-cascader/rc-cascader/OptionList/Column.js +33 -26
- package/lib/tntd-cascader/rc-cascader/OptionList/index.js +37 -30
- package/lib/tntd-cascader/rc-cascader/OptionList/useActive.js +18 -17
- package/lib/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +24 -23
- package/lib/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +17 -16
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +3 -3
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +30 -23
- package/lib/tntd-cascader/rc-cascader/index.js +3 -3
- package/lib/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +6 -6
- package/lib/tntd-form/ErrorList.js +33 -26
- package/lib/tntd-form/Form.js +31 -24
- package/lib/tntd-form/FormItem/ItemHolder.js +31 -24
- package/lib/tntd-form/FormItem/index.js +24 -23
- package/lib/tntd-form/FormItemInput.js +3 -3
- package/lib/tntd-form/FormItemLabel.js +16 -10
- package/lib/tntd-form/FormList.js +3 -3
- package/lib/tntd-form/context.js +3 -3
- package/lib/tntd-form/hooks/useDebounce.js +15 -14
- package/lib/tntd-form/hooks/useForm.js +18 -17
- package/lib/tntd-form/hooks/useFormItemStatus.js +3 -3
- package/lib/tntd-form/hooks/useFrameState.js +18 -17
- package/lib/tntd-form/index.js +3 -3
- package/lib/tntd-icon/index.js +3 -3
- package/lib/tntd-layout/AppList.js +24 -20
- package/lib/tntd-layout/Application.js +24 -20
- package/lib/tntd-layout/Avatar.js +9 -6
- package/lib/tntd-layout/CompatibleLanguage.js +24 -20
- package/lib/tntd-layout/EnterpriseLayout/Avatar.js +9 -6
- package/lib/tntd-layout/EnterpriseLayout/Language.js +24 -20
- package/lib/tntd-layout/EnterpriseLayout/Theme.js +24 -20
- package/lib/tntd-layout/EnterpriseLayout/index.js +3 -3
- package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js +24 -20
- package/lib/tntd-layout/GlobalNavigation/index.js +30 -26
- package/lib/tntd-layout/Header.js +9 -6
- package/lib/tntd-layout/HeaderActions.js +9 -6
- package/lib/tntd-layout/HeaderNavs.js +24 -20
- package/lib/tntd-layout/HeaderTabs.js +37 -27
- package/lib/tntd-layout/Iconfont.js +3 -3
- package/lib/tntd-layout/Language.js +24 -20
- package/lib/tntd-layout/Layout.js +24 -20
- package/lib/tntd-layout/Logo.js +9 -6
- package/lib/tntd-layout/OrgAppList.js +24 -20
- package/lib/tntd-layout/SideMenu.js +24 -20
- package/lib/tntd-layout/Theme.js +24 -20
- package/lib/tntd-layout/createActions.js +3 -3
- package/lib/tntd-layout/images/index.js +3 -3
- package/lib/tntd-layout/index.js +3 -3
- package/lib/tntd-layout/paaslayout/CompactSideMenu.js +24 -20
- package/lib/tntd-layout/paaslayout/Header.js +9 -6
- package/lib/tntd-layout/paaslayout/Logo.js +9 -6
- package/lib/tntd-layout/paaslayout/SideMenu.js +24 -20
- package/lib/tntd-layout/paaslayout/index.js +24 -20
- package/lib/tntd-layout/storage.js +3 -3
- package/lib/tntd-modal/index.js +31 -24
- package/lib/tntd-rc-select/_util/PurePanel.js +18 -17
- package/lib/tntd-rc-select/_util/context.js +3 -3
- package/lib/tntd-rc-select/_util/defaultRenderEmpty.js +3 -3
- package/lib/tntd-rc-select/_util/getIcons.js +3 -3
- package/lib/tntd-rc-select/_util/useCompactItemContext.js +16 -10
- package/lib/tntd-rc-select/index.js +16 -10
- package/lib/tntd-reference/AHref/index.js +3 -3
- package/lib/tntd-reference/ReferenceBatchCheck/index.js +3 -3
- package/lib/tntd-reference/ReferenceBatchDrawer/index.js +18 -17
- package/lib/tntd-reference/ReferenceCheck/index.js +3 -3
- package/lib/tntd-reference/ReferenceDrawer/index.js +18 -17
- package/lib/tntd-reference/ReferenceInfo/index.js +3 -3
- package/lib/tntd-reference/index.js +3 -3
- package/lib/tntd-second-page/index.js +3 -3
- package/lib/tntd-select/DropDownWrap.js +54 -34
- package/lib/tntd-select/index.js +57 -40
- package/lib/tntd-virtual-tree/index.js +24 -23
- package/lib/tntd-virtual-tree/utils.d.ts.map +1 -1
- package/lib/tntd-virtual-tree/utils.js +68 -63
- package/lib/tntd-virtual-tree/utils.js.map +1 -1
- package/lib/tntd-virtual-tree-select/index.js +23 -22
- package/lib/tntd-virtual-tree-select/utils.js +21 -20
- package/lib/tooltip/tooltip.js +3 -3
- package/lib/upload/index.js +45 -41
- package/lib/upload/svg/UploadSVG.js +3 -3
- package/lib/utils/checkAuth.js +6 -6
- package/lib/utils/index.js +21 -20
- package/lib/utils/lang.js +5 -5
- package/lib/water-mark/index.js +18 -17
- package/package.json +2 -2
- package/es/array-input/icon.js +0 -32
- package/es/array-input/icon.js.map +0 -1
- package/es/drawer/drawer.less +0 -20
- package/es/grid/RowContext.js +0 -9
- package/es/grid/RowContext.js.map +0 -1
- package/es/grid/col.js +0 -100
- package/es/grid/col.js.map +0 -1
- package/es/grid/hooks/useBreakpoint.js +0 -28
- package/es/grid/hooks/useBreakpoint.js.map +0 -1
- package/es/grid/row.js +0 -183
- package/es/grid/row.js.map +0 -1
- package/es/grid/style/rtl.less +0 -69
- package/lib/array-input/icon.d.ts +0 -3
- package/lib/array-input/icon.d.ts.map +0 -1
- package/lib/array-input/icon.js +0 -36
- package/lib/array-input/icon.js.map +0 -1
- package/lib/drawer/drawer.less +0 -20
- package/lib/grid/RowContext.d.ts +0 -9
- package/lib/grid/RowContext.d.ts.map +0 -1
- package/lib/grid/RowContext.js +0 -9
- package/lib/grid/RowContext.js.map +0 -1
- package/lib/grid/col.d.ts +0 -29
- package/lib/grid/col.d.ts.map +0 -1
- package/lib/grid/col.js +0 -154
- package/lib/grid/col.js.map +0 -1
- package/lib/grid/hooks/useBreakpoint.d.ts +0 -4
- package/lib/grid/hooks/useBreakpoint.d.ts.map +0 -1
- package/lib/grid/hooks/useBreakpoint.js +0 -32
- package/lib/grid/hooks/useBreakpoint.js.map +0 -1
- package/lib/grid/row.d.ts +0 -21
- package/lib/grid/row.d.ts.map +0 -1
- package/lib/grid/row.js +0 -279
- package/lib/grid/row.js.map +0 -1
- package/lib/grid/style/rtl.less +0 -69
package/lib/drawer/drawer.less
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
@drawer-prefix-cls: ~'@{ant-prefix}-drawer';
|
|
2
|
-
|
|
3
|
-
.tntd-drawer{
|
|
4
|
-
&.@{drawer-prefix-cls} {
|
|
5
|
-
.@{drawer-prefix-cls}-title {
|
|
6
|
-
font-size: @font-size-lg + 2px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.@{drawer-prefix-cls}-close {
|
|
10
|
-
color: fade(@text-color, 50%);;
|
|
11
|
-
top: -4px;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.@{drawer-prefix-cls}-contain-closable{
|
|
15
|
-
.@{drawer-prefix-cls}-header{
|
|
16
|
-
padding: 12px 36px 12px 20px;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
package/lib/grid/RowContext.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Context } from 'react';
|
|
2
|
-
export interface RowContextState {
|
|
3
|
-
gutter?: [number, number];
|
|
4
|
-
wrap?: boolean;
|
|
5
|
-
supportFlexGap?: boolean;
|
|
6
|
-
}
|
|
7
|
-
declare const RowContext: Context<RowContextState>;
|
|
8
|
-
export default RowContext;
|
|
9
|
-
//# sourceMappingURL=RowContext.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RowContext.d.ts","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGpC,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,QAAA,MAAM,UAAU,EAAE,OAAO,CAAC,eAAe,CAAqB,CAAA;AAE9D,eAAe,UAAU,CAAA"}
|
package/lib/grid/RowContext.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":";;AACA,iCAAqC;AAQrC,MAAM,UAAU,GAA6B,IAAA,qBAAa,EAAC,EAAE,CAAC,CAAA;AAE9D,kBAAe,UAAU,CAAA","sourcesContent":["import type { Context } from 'react'\nimport { createContext } from 'react'\n\nexport interface RowContextState {\n gutter?: [number, number]\n wrap?: boolean\n supportFlexGap?: boolean\n}\n\nconst RowContext: Context<RowContextState> = createContext({})\n\nexport default RowContext\n"]}
|
package/lib/grid/col.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare type ColSpanType = number | string;
|
|
3
|
-
declare type FlexType = number | 'none' | 'auto' | string;
|
|
4
|
-
export interface ColSize {
|
|
5
|
-
flex?: FlexType;
|
|
6
|
-
span?: ColSpanType;
|
|
7
|
-
order?: ColSpanType;
|
|
8
|
-
offset?: ColSpanType;
|
|
9
|
-
push?: ColSpanType;
|
|
10
|
-
pull?: ColSpanType;
|
|
11
|
-
}
|
|
12
|
-
export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
|
-
flex?: FlexType;
|
|
14
|
-
span?: ColSpanType;
|
|
15
|
-
order?: ColSpanType;
|
|
16
|
-
offset?: ColSpanType;
|
|
17
|
-
push?: ColSpanType;
|
|
18
|
-
pull?: ColSpanType;
|
|
19
|
-
xs?: ColSpanType | ColSize;
|
|
20
|
-
sm?: ColSpanType | ColSize;
|
|
21
|
-
md?: ColSpanType | ColSize;
|
|
22
|
-
lg?: ColSpanType | ColSize;
|
|
23
|
-
xl?: ColSpanType | ColSize;
|
|
24
|
-
xxl?: ColSpanType | ColSize;
|
|
25
|
-
prefixCls?: string;
|
|
26
|
-
}
|
|
27
|
-
declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
export default Col;
|
|
29
|
-
//# sourceMappingURL=col.d.ts.map
|
package/lib/grid/col.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"col.d.ts","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,aAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAElC,aAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,GAAG,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAcD,QAAA,MAAM,GAAG,iFAuFP,CAAA;AAMF,eAAe,GAAG,CAAA"}
|
package/lib/grid/col.js
DELETED
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _context = require("../_util/context");
|
|
10
|
-
var _RowContext = _interopRequireDefault(require("./RowContext"));
|
|
11
|
-
function _getRequireWildcardCache(e) {
|
|
12
|
-
if ("function" != typeof WeakMap) return null;
|
|
13
|
-
var r = new WeakMap(),
|
|
14
|
-
t = new WeakMap();
|
|
15
|
-
return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
|
|
16
|
-
return e ? t : r;
|
|
17
|
-
})(e);
|
|
18
|
-
}
|
|
19
|
-
function _interopRequireWildcard(e, r) {
|
|
20
|
-
if (!r && e && e.__esModule) return e;
|
|
21
|
-
if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
|
|
22
|
-
"default": e
|
|
23
|
-
};
|
|
24
|
-
var t = _getRequireWildcardCache(r);
|
|
25
|
-
if (t && t.has(e)) return t.get(e);
|
|
26
|
-
var n = {
|
|
27
|
-
__proto__: null
|
|
28
|
-
},
|
|
29
|
-
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
30
|
-
for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
|
|
31
|
-
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
32
|
-
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
|
|
33
|
-
}
|
|
34
|
-
return n["default"] = e, t && t.set(e, n), n;
|
|
35
|
-
}
|
|
36
|
-
function _interopRequireDefault(e) {
|
|
37
|
-
return e && e.__esModule ? e : {
|
|
38
|
-
"default": e
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
function _defineProperty(e, r, t) {
|
|
42
|
-
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
43
|
-
value: t,
|
|
44
|
-
enumerable: !0,
|
|
45
|
-
configurable: !0,
|
|
46
|
-
writable: !0
|
|
47
|
-
}) : e[r] = t, e;
|
|
48
|
-
}
|
|
49
|
-
function _toPropertyKey(t) {
|
|
50
|
-
var i = _toPrimitive(t, "string");
|
|
51
|
-
return "symbol" == _typeof(i) ? i : i + "";
|
|
52
|
-
}
|
|
53
|
-
function _toPrimitive(t, r) {
|
|
54
|
-
if ("object" != _typeof(t) || !t) return t;
|
|
55
|
-
var e = t[Symbol.toPrimitive];
|
|
56
|
-
if (void 0 !== e) {
|
|
57
|
-
var i = e.call(t, r || "default");
|
|
58
|
-
if ("object" != _typeof(i)) return i;
|
|
59
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
60
|
-
}
|
|
61
|
-
return ("string" === r ? String : Number)(t);
|
|
62
|
-
}
|
|
63
|
-
function _typeof(o) {
|
|
64
|
-
"@babel/helpers - typeof";
|
|
65
|
-
|
|
66
|
-
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
67
|
-
return typeof o;
|
|
68
|
-
} : function (o) {
|
|
69
|
-
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
70
|
-
}, _typeof(o);
|
|
71
|
-
}
|
|
72
|
-
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
73
|
-
var t = {};
|
|
74
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
75
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
76
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
77
|
-
}
|
|
78
|
-
return t;
|
|
79
|
-
};
|
|
80
|
-
function parseFlex(flex) {
|
|
81
|
-
if (typeof flex === 'number') {
|
|
82
|
-
return "".concat(flex, " ").concat(flex, " auto");
|
|
83
|
-
}
|
|
84
|
-
if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
|
|
85
|
-
return "0 0 ".concat(flex);
|
|
86
|
-
}
|
|
87
|
-
return flex;
|
|
88
|
-
}
|
|
89
|
-
var sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
|
|
90
|
-
var Col = React.forwardRef(function (props, ref) {
|
|
91
|
-
var _React$useContext = React.useContext(_context.ConfigContext),
|
|
92
|
-
getPrefixCls = _React$useContext.getPrefixCls,
|
|
93
|
-
direction = _React$useContext.direction;
|
|
94
|
-
var _React$useContext2 = React.useContext(_RowContext["default"]),
|
|
95
|
-
gutter = _React$useContext2.gutter,
|
|
96
|
-
wrap = _React$useContext2.wrap,
|
|
97
|
-
supportFlexGap = _React$useContext2.supportFlexGap;
|
|
98
|
-
var _props$prefixCls = props.prefixCls,
|
|
99
|
-
customizePrefixCls = _props$prefixCls === void 0 ? 'tnt-col' : _props$prefixCls,
|
|
100
|
-
span = props.span,
|
|
101
|
-
order = props.order,
|
|
102
|
-
offset = props.offset,
|
|
103
|
-
push = props.push,
|
|
104
|
-
pull = props.pull,
|
|
105
|
-
className = props.className,
|
|
106
|
-
children = props.children,
|
|
107
|
-
flex = props.flex,
|
|
108
|
-
style = props.style,
|
|
109
|
-
others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
|
|
110
|
-
var prefixCls = getPrefixCls('col', customizePrefixCls);
|
|
111
|
-
var sizeClassObj = {};
|
|
112
|
-
sizes.forEach(function (size) {
|
|
113
|
-
var sizeProps = {};
|
|
114
|
-
var propSize = props[size];
|
|
115
|
-
if (typeof propSize === 'number') {
|
|
116
|
-
sizeProps.span = propSize;
|
|
117
|
-
} else if (_typeof(propSize) === 'object') {
|
|
118
|
-
sizeProps = propSize || {};
|
|
119
|
-
}
|
|
120
|
-
delete others[size];
|
|
121
|
-
sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(size, "-").concat(sizeProps.span), sizeProps.span !== undefined), "".concat(prefixCls, "-").concat(size, "-order-").concat(sizeProps.order), sizeProps.order || sizeProps.order === 0), "".concat(prefixCls, "-").concat(size, "-offset-").concat(sizeProps.offset), sizeProps.offset || sizeProps.offset === 0), "".concat(prefixCls, "-").concat(size, "-push-").concat(sizeProps.push), sizeProps.push || sizeProps.push === 0), "".concat(prefixCls, "-").concat(size, "-pull-").concat(sizeProps.pull), sizeProps.pull || sizeProps.pull === 0), "".concat(prefixCls, "-rtl"), direction === 'rtl'));
|
|
122
|
-
});
|
|
123
|
-
var classes = (0, _classnames["default"])(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(span), span !== undefined), "".concat(prefixCls, "-order-").concat(order), order), "".concat(prefixCls, "-offset-").concat(offset), offset), "".concat(prefixCls, "-push-").concat(push), push), "".concat(prefixCls, "-pull-").concat(pull), pull), className, sizeClassObj);
|
|
124
|
-
var mergedStyle = {};
|
|
125
|
-
// Horizontal gutter use padding
|
|
126
|
-
if (gutter && gutter[0] > 0) {
|
|
127
|
-
var horizontalGutter = gutter[0] / 2;
|
|
128
|
-
mergedStyle.paddingLeft = horizontalGutter;
|
|
129
|
-
mergedStyle.paddingRight = horizontalGutter;
|
|
130
|
-
}
|
|
131
|
-
// Vertical gutter use padding when gap not support
|
|
132
|
-
if (gutter && gutter[1] > 0 && !supportFlexGap) {
|
|
133
|
-
var verticalGutter = gutter[1] / 2;
|
|
134
|
-
mergedStyle.paddingTop = verticalGutter;
|
|
135
|
-
mergedStyle.paddingBottom = verticalGutter;
|
|
136
|
-
}
|
|
137
|
-
if (flex) {
|
|
138
|
-
mergedStyle.flex = parseFlex(flex);
|
|
139
|
-
// Hack for Firefox to avoid size issue
|
|
140
|
-
// https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
|
|
141
|
-
if (wrap === false && !mergedStyle.minWidth) {
|
|
142
|
-
mergedStyle.minWidth = 0;
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
return React.createElement("div", Object.assign({}, others, {
|
|
146
|
-
style: Object.assign(Object.assign({}, mergedStyle), style),
|
|
147
|
-
className: classes,
|
|
148
|
-
ref: ref
|
|
149
|
-
}), children);
|
|
150
|
-
});
|
|
151
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
152
|
-
Col.displayName = 'Col';
|
|
153
|
-
}
|
|
154
|
-
var _default = exports["default"] = Col;
|
package/lib/grid/col.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"col.js","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport RowContext from './RowContext'\n\n// https://github.com/ant-design/ant-design/issues/14324\ntype ColSpanType = number | string\n\ntype FlexType = number | 'none' | 'auto' | string\n\nexport interface ColSize {\n flex?: FlexType\n span?: ColSpanType\n order?: ColSpanType\n offset?: ColSpanType\n push?: ColSpanType\n pull?: ColSpanType\n}\n\nexport interface ColProps extends React.HTMLAttributes<HTMLDivElement> {\n flex?: FlexType\n span?: ColSpanType\n order?: ColSpanType\n offset?: ColSpanType\n push?: ColSpanType\n pull?: ColSpanType\n xs?: ColSpanType | ColSize\n sm?: ColSpanType | ColSize\n md?: ColSpanType | ColSize\n lg?: ColSpanType | ColSize\n xl?: ColSpanType | ColSize\n xxl?: ColSpanType | ColSize\n prefixCls?: string\n}\n\nfunction parseFlex(flex: FlexType): string {\n if (typeof flex === 'number') {\n return `${flex} ${flex} auto`\n }\n\n if (/^\\d+(\\.\\d+)?(px|em|rem|%)$/.test(flex)) {\n return `0 0 ${flex}`\n }\n\n return flex\n}\nconst sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const\nconst Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n const { getPrefixCls, direction } = React.useContext(ConfigContext)\n const { gutter, wrap, supportFlexGap } = React.useContext(RowContext)\n\n const {\n prefixCls: customizePrefixCls = 'tnt-col',\n span,\n order,\n offset,\n push,\n pull,\n className,\n children,\n flex,\n style,\n ...others\n } = props\n\n const prefixCls = getPrefixCls('col', customizePrefixCls)\n\n let sizeClassObj = {}\n sizes.forEach((size) => {\n let sizeProps: ColSize = {}\n const propSize = props[size]\n if (typeof propSize === 'number') {\n sizeProps.span = propSize\n } else if (typeof propSize === 'object') {\n sizeProps = propSize || {}\n }\n\n delete others[size]\n\n sizeClassObj = {\n ...sizeClassObj,\n [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,\n [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,\n [`${prefixCls}-${size}-offset-${sizeProps.offset}`]:\n sizeProps.offset || sizeProps.offset === 0,\n [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,\n [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }\n })\n\n const classes = classNames(\n prefixCls,\n {\n [`${prefixCls}-${span}`]: span !== undefined,\n [`${prefixCls}-order-${order}`]: order,\n [`${prefixCls}-offset-${offset}`]: offset,\n [`${prefixCls}-push-${push}`]: push,\n [`${prefixCls}-pull-${pull}`]: pull,\n },\n className,\n sizeClassObj\n )\n\n const mergedStyle: React.CSSProperties = {}\n // Horizontal gutter use padding\n if (gutter && gutter[0] > 0) {\n const horizontalGutter = gutter[0] / 2\n mergedStyle.paddingLeft = horizontalGutter\n mergedStyle.paddingRight = horizontalGutter\n }\n\n // Vertical gutter use padding when gap not support\n if (gutter && gutter[1] > 0 && !supportFlexGap) {\n const verticalGutter = gutter[1] / 2\n mergedStyle.paddingTop = verticalGutter\n mergedStyle.paddingBottom = verticalGutter\n }\n\n if (flex) {\n mergedStyle.flex = parseFlex(flex)\n\n // Hack for Firefox to avoid size issue\n // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n if (wrap === false && !mergedStyle.minWidth) {\n mergedStyle.minWidth = 0\n }\n }\n\n return (\n <div {...others} style={{ ...mergedStyle, ...style }} className={classes} ref={ref}>\n {children}\n </div>\n )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n Col.displayName = 'Col'\n}\n\nexport default Col\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAG9D,iBAAS,aAAa,CAAC,eAAe,GAAE,OAAc,GAAG,SAAS,CAgBjE;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _useForceUpdate = _interopRequireDefault(require("../../_util/hooks/useForceUpdate"));
|
|
9
|
-
var _responsiveObserve = _interopRequireDefault(require("../../_util/responsiveObserve"));
|
|
10
|
-
function _interopRequireDefault(e) {
|
|
11
|
-
return e && e.__esModule ? e : {
|
|
12
|
-
"default": e
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
function useBreakpoint() {
|
|
16
|
-
var refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
17
|
-
var screensRef = (0, _react.useRef)({});
|
|
18
|
-
var forceUpdate = (0, _useForceUpdate["default"])();
|
|
19
|
-
(0, _react.useEffect)(function () {
|
|
20
|
-
var token = _responsiveObserve["default"].subscribe(function (supportScreens) {
|
|
21
|
-
screensRef.current = supportScreens;
|
|
22
|
-
if (refreshOnChange) {
|
|
23
|
-
forceUpdate();
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
return function () {
|
|
27
|
-
return _responsiveObserve["default"].unsubscribe(token);
|
|
28
|
-
};
|
|
29
|
-
}, []);
|
|
30
|
-
return screensRef.current;
|
|
31
|
-
}
|
|
32
|
-
var _default = exports["default"] = useBreakpoint;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AACzC,sFAA6D;AAE7D,sFAA6D;AAE7D,SAAS,aAAa,CAAC,kBAA2B,IAAI;IACpD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAY,EAAE,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,IAAA,wBAAc,GAAE,CAAA;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,2BAAiB,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE;YAC3D,UAAU,CAAC,OAAO,GAAG,cAAc,CAAA;YACnC,IAAI,eAAe,EAAE;gBACnB,WAAW,EAAE,CAAA;aACd;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE,CAAC,2BAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAC,OAAO,CAAA;AAC3B,CAAC;AAED,kBAAe,aAAa,CAAA","sourcesContent":["import { useEffect, useRef } from 'react'\nimport useForceUpdate from '../../_util/hooks/useForceUpdate'\nimport type { ScreenMap } from '../../_util/responsiveObserve'\nimport ResponsiveObserve from '../../_util/responsiveObserve'\n\nfunction useBreakpoint(refreshOnChange: boolean = true): ScreenMap {\n const screensRef = useRef<ScreenMap>({})\n const forceUpdate = useForceUpdate()\n\n useEffect(() => {\n const token = ResponsiveObserve.subscribe((supportScreens) => {\n screensRef.current = supportScreens\n if (refreshOnChange) {\n forceUpdate()\n }\n })\n\n return () => ResponsiveObserve.unsubscribe(token)\n }, [])\n\n return screensRef.current\n}\n\nexport default useBreakpoint\n"]}
|
package/lib/grid/row.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { Breakpoint } from '../_util/responsiveObserve';
|
|
3
|
-
declare const RowAligns: ["top", "middle", "bottom", "stretch"];
|
|
4
|
-
declare const RowJustify: ["start", "end", "center", "space-around", "space-between", "space-evenly"];
|
|
5
|
-
declare type Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
|
|
6
|
-
declare type ResponsiveLike<T> = {
|
|
7
|
-
[key in Responsive]?: T;
|
|
8
|
-
};
|
|
9
|
-
export declare type Gutter = number | undefined | Partial<Record<Breakpoint, number>>;
|
|
10
|
-
declare type ResponsiveAligns = ResponsiveLike<typeof RowAligns[number]>;
|
|
11
|
-
declare type ResponsiveJustify = ResponsiveLike<typeof RowJustify[number]>;
|
|
12
|
-
export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
|
-
gutter?: Gutter | [Gutter, Gutter];
|
|
14
|
-
align?: typeof RowAligns[number] | ResponsiveAligns;
|
|
15
|
-
justify?: typeof RowJustify[number] | ResponsiveJustify;
|
|
16
|
-
prefixCls?: string;
|
|
17
|
-
wrap?: boolean;
|
|
18
|
-
}
|
|
19
|
-
declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
export default Row;
|
|
21
|
-
//# sourceMappingURL=row.d.ts.map
|
package/lib/grid/row.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/grid/row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,4BAA4B,CAAA;AAKvE,QAAA,MAAM,SAAS,wCAA8C,CAAA;AAC7D,QAAA,MAAM,UAAU,6EAAmF,CAAA;AAEnG,aAAK,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC1D,aAAK,cAAc,CAAC,CAAC,IAAI;KACtB,GAAG,IAAI,UAAU,CAAC,CAAC,EAAE,CAAC;CACxB,CAAA;AAGD,oBAAY,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;AAE7E,aAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;AAChE,aAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAA;AAClE,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAA;IACnD,OAAO,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA+BD,QAAA,MAAM,GAAG,iFA4HP,CAAA;AAMF,eAAe,GAAG,CAAA"}
|
package/lib/grid/row.js
DELETED
|
@@ -1,279 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _context = require("../_util/context");
|
|
10
|
-
var _useFlexGapSupport = _interopRequireDefault(require("../_util/hooks/useFlexGapSupport"));
|
|
11
|
-
var _responsiveObserve = _interopRequireWildcard(require("../_util/responsiveObserve"));
|
|
12
|
-
var _type = require("../_util/type");
|
|
13
|
-
var _RowContext = _interopRequireDefault(require("./RowContext"));
|
|
14
|
-
function _getRequireWildcardCache(e) {
|
|
15
|
-
if ("function" != typeof WeakMap) return null;
|
|
16
|
-
var r = new WeakMap(),
|
|
17
|
-
t = new WeakMap();
|
|
18
|
-
return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
|
|
19
|
-
return e ? t : r;
|
|
20
|
-
})(e);
|
|
21
|
-
}
|
|
22
|
-
function _interopRequireWildcard(e, r) {
|
|
23
|
-
if (!r && e && e.__esModule) return e;
|
|
24
|
-
if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
|
|
25
|
-
"default": e
|
|
26
|
-
};
|
|
27
|
-
var t = _getRequireWildcardCache(r);
|
|
28
|
-
if (t && t.has(e)) return t.get(e);
|
|
29
|
-
var n = {
|
|
30
|
-
__proto__: null
|
|
31
|
-
},
|
|
32
|
-
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
33
|
-
for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
|
|
34
|
-
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
35
|
-
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
|
|
36
|
-
}
|
|
37
|
-
return n["default"] = e, t && t.set(e, n), n;
|
|
38
|
-
}
|
|
39
|
-
function _interopRequireDefault(e) {
|
|
40
|
-
return e && e.__esModule ? e : {
|
|
41
|
-
"default": e
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
function _defineProperty(e, r, t) {
|
|
45
|
-
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
46
|
-
value: t,
|
|
47
|
-
enumerable: !0,
|
|
48
|
-
configurable: !0,
|
|
49
|
-
writable: !0
|
|
50
|
-
}) : e[r] = t, e;
|
|
51
|
-
}
|
|
52
|
-
function _toPropertyKey(t) {
|
|
53
|
-
var i = _toPrimitive(t, "string");
|
|
54
|
-
return "symbol" == _typeof(i) ? i : i + "";
|
|
55
|
-
}
|
|
56
|
-
function _toPrimitive(t, r) {
|
|
57
|
-
if ("object" != _typeof(t) || !t) return t;
|
|
58
|
-
var e = t[Symbol.toPrimitive];
|
|
59
|
-
if (void 0 !== e) {
|
|
60
|
-
var i = e.call(t, r || "default");
|
|
61
|
-
if ("object" != _typeof(i)) return i;
|
|
62
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
63
|
-
}
|
|
64
|
-
return ("string" === r ? String : Number)(t);
|
|
65
|
-
}
|
|
66
|
-
function _typeof(o) {
|
|
67
|
-
"@babel/helpers - typeof";
|
|
68
|
-
|
|
69
|
-
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
70
|
-
return typeof o;
|
|
71
|
-
} : function (o) {
|
|
72
|
-
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
73
|
-
}, _typeof(o);
|
|
74
|
-
}
|
|
75
|
-
function _slicedToArray(r, e) {
|
|
76
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
77
|
-
}
|
|
78
|
-
function _nonIterableRest() {
|
|
79
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
80
|
-
}
|
|
81
|
-
function _unsupportedIterableToArray(r, a) {
|
|
82
|
-
if (r) {
|
|
83
|
-
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
84
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
85
|
-
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
function _arrayLikeToArray(r, a) {
|
|
89
|
-
(null == a || a > r.length) && (a = r.length);
|
|
90
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
91
|
-
return n;
|
|
92
|
-
}
|
|
93
|
-
function _iterableToArrayLimit(r, l) {
|
|
94
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
95
|
-
if (null != t) {
|
|
96
|
-
var e,
|
|
97
|
-
n,
|
|
98
|
-
i,
|
|
99
|
-
u,
|
|
100
|
-
a = [],
|
|
101
|
-
f = !0,
|
|
102
|
-
o = !1;
|
|
103
|
-
try {
|
|
104
|
-
if (i = (t = t.call(r)).next, 0 === l) {
|
|
105
|
-
if (Object(t) !== t) return;
|
|
106
|
-
f = !1;
|
|
107
|
-
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
108
|
-
} catch (r) {
|
|
109
|
-
o = !0, n = r;
|
|
110
|
-
} finally {
|
|
111
|
-
try {
|
|
112
|
-
if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
|
|
113
|
-
} finally {
|
|
114
|
-
if (o) throw n;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
return a;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
function _arrayWithHoles(r) {
|
|
121
|
-
if (Array.isArray(r)) return r;
|
|
122
|
-
}
|
|
123
|
-
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
124
|
-
var t = {};
|
|
125
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
126
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
127
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
128
|
-
}
|
|
129
|
-
return t;
|
|
130
|
-
};
|
|
131
|
-
var RowAligns = (0, _type.tuple)('top', 'middle', 'bottom', 'stretch');
|
|
132
|
-
var RowJustify = (0, _type.tuple)('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly');
|
|
133
|
-
function useMergePropByScreen(oriProp, screen) {
|
|
134
|
-
var _React$useState = React.useState(typeof oriProp === 'string' ? oriProp : ''),
|
|
135
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
136
|
-
prop = _React$useState2[0],
|
|
137
|
-
setProp = _React$useState2[1];
|
|
138
|
-
var clacMergeAlignOrJustify = function clacMergeAlignOrJustify() {
|
|
139
|
-
if (typeof oriProp === 'string') {
|
|
140
|
-
setProp(oriProp);
|
|
141
|
-
}
|
|
142
|
-
if (_typeof(oriProp) !== 'object') {
|
|
143
|
-
return;
|
|
144
|
-
}
|
|
145
|
-
for (var i = 0; i < _responsiveObserve.responsiveArray.length; i++) {
|
|
146
|
-
var breakpoint = _responsiveObserve.responsiveArray[i];
|
|
147
|
-
// if do not match, do nothing
|
|
148
|
-
if (!screen[breakpoint]) continue;
|
|
149
|
-
var curVal = oriProp[breakpoint];
|
|
150
|
-
if (curVal !== undefined) {
|
|
151
|
-
setProp(curVal);
|
|
152
|
-
return;
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
React.useEffect(function () {
|
|
157
|
-
clacMergeAlignOrJustify();
|
|
158
|
-
}, [JSON.stringify(oriProp), screen]);
|
|
159
|
-
return prop;
|
|
160
|
-
}
|
|
161
|
-
var Row = React.forwardRef(function (props, ref) {
|
|
162
|
-
var _props$prefixCls = props.prefixCls,
|
|
163
|
-
customizePrefixCls = _props$prefixCls === void 0 ? 'tnt-row' : _props$prefixCls,
|
|
164
|
-
justify = props.justify,
|
|
165
|
-
align = props.align,
|
|
166
|
-
className = props.className,
|
|
167
|
-
style = props.style,
|
|
168
|
-
children = props.children,
|
|
169
|
-
_props$gutter = props.gutter,
|
|
170
|
-
gutter = _props$gutter === void 0 ? 0 : _props$gutter,
|
|
171
|
-
wrap = props.wrap,
|
|
172
|
-
others = __rest(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
|
|
173
|
-
var _React$useContext = React.useContext(_context.ConfigContext),
|
|
174
|
-
getPrefixCls = _React$useContext.getPrefixCls,
|
|
175
|
-
direction = _React$useContext.direction;
|
|
176
|
-
var _React$useState3 = React.useState({
|
|
177
|
-
xs: true,
|
|
178
|
-
sm: true,
|
|
179
|
-
md: true,
|
|
180
|
-
lg: true,
|
|
181
|
-
xl: true,
|
|
182
|
-
xxl: true
|
|
183
|
-
}),
|
|
184
|
-
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
185
|
-
screens = _React$useState4[0],
|
|
186
|
-
setScreens = _React$useState4[1];
|
|
187
|
-
// to save screens info when responsiveObserve callback had been call
|
|
188
|
-
var _React$useState5 = React.useState({
|
|
189
|
-
xs: false,
|
|
190
|
-
sm: false,
|
|
191
|
-
md: false,
|
|
192
|
-
lg: false,
|
|
193
|
-
xl: false,
|
|
194
|
-
xxl: false
|
|
195
|
-
}),
|
|
196
|
-
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
197
|
-
curScreens = _React$useState6[0],
|
|
198
|
-
setCurScreens = _React$useState6[1];
|
|
199
|
-
// ================================== calc reponsive data ==================================
|
|
200
|
-
var mergeAlign = useMergePropByScreen(align, curScreens);
|
|
201
|
-
var mergeJustify = useMergePropByScreen(justify, curScreens);
|
|
202
|
-
var supportFlexGap = (0, _useFlexGapSupport["default"])();
|
|
203
|
-
var gutterRef = React.useRef(gutter);
|
|
204
|
-
// ================================== Effect ==================================
|
|
205
|
-
React.useEffect(function () {
|
|
206
|
-
var token = _responsiveObserve["default"].subscribe(function (screen) {
|
|
207
|
-
setCurScreens(screen);
|
|
208
|
-
var currentGutter = gutterRef.current || 0;
|
|
209
|
-
if (!Array.isArray(currentGutter) && _typeof(currentGutter) === 'object' || Array.isArray(currentGutter) && (_typeof(currentGutter[0]) === 'object' || _typeof(currentGutter[1]) === 'object')) {
|
|
210
|
-
setScreens(screen);
|
|
211
|
-
}
|
|
212
|
-
});
|
|
213
|
-
return function () {
|
|
214
|
-
return _responsiveObserve["default"].unsubscribe(token);
|
|
215
|
-
};
|
|
216
|
-
}, []);
|
|
217
|
-
// ================================== Render ==================================
|
|
218
|
-
var getGutter = function getGutter() {
|
|
219
|
-
var results = [undefined, undefined];
|
|
220
|
-
var normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
|
|
221
|
-
normalizedGutter.forEach(function (g, index) {
|
|
222
|
-
if (_typeof(g) === 'object') {
|
|
223
|
-
for (var i = 0; i < _responsiveObserve.responsiveArray.length; i++) {
|
|
224
|
-
var breakpoint = _responsiveObserve.responsiveArray[i];
|
|
225
|
-
if (screens[breakpoint] && g[breakpoint] !== undefined) {
|
|
226
|
-
results[index] = g[breakpoint];
|
|
227
|
-
break;
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
} else {
|
|
231
|
-
results[index] = g;
|
|
232
|
-
}
|
|
233
|
-
});
|
|
234
|
-
return results;
|
|
235
|
-
};
|
|
236
|
-
var prefixCls = getPrefixCls('row', customizePrefixCls);
|
|
237
|
-
var gutters = getGutter();
|
|
238
|
-
var classes = (0, _classnames["default"])(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-no-wrap"), wrap === false), "".concat(prefixCls, "-").concat(mergeJustify), mergeJustify), "".concat(prefixCls, "-").concat(mergeAlign), mergeAlign), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className);
|
|
239
|
-
// Add gutter related style
|
|
240
|
-
var rowStyle = {};
|
|
241
|
-
var horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
|
|
242
|
-
var verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
|
|
243
|
-
if (horizontalGutter) {
|
|
244
|
-
rowStyle.marginLeft = horizontalGutter;
|
|
245
|
-
rowStyle.marginRight = horizontalGutter;
|
|
246
|
-
}
|
|
247
|
-
if (supportFlexGap) {
|
|
248
|
-
// Set gap direct if flex gap support
|
|
249
|
-
;
|
|
250
|
-
var _gutters = _slicedToArray(gutters, 2);
|
|
251
|
-
rowStyle.rowGap = _gutters[1];
|
|
252
|
-
} else if (verticalGutter) {
|
|
253
|
-
rowStyle.marginTop = verticalGutter;
|
|
254
|
-
rowStyle.marginBottom = verticalGutter;
|
|
255
|
-
}
|
|
256
|
-
// "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
|
|
257
|
-
// So we deconstruct "gutters" variable here.
|
|
258
|
-
var _gutters2 = _slicedToArray(gutters, 2),
|
|
259
|
-
gutterH = _gutters2[0],
|
|
260
|
-
gutterV = _gutters2[1];
|
|
261
|
-
var rowContext = React.useMemo(function () {
|
|
262
|
-
return {
|
|
263
|
-
gutter: [gutterH, gutterV],
|
|
264
|
-
wrap: wrap,
|
|
265
|
-
supportFlexGap: supportFlexGap
|
|
266
|
-
};
|
|
267
|
-
}, [gutterH, gutterV, wrap, supportFlexGap]);
|
|
268
|
-
return React.createElement(_RowContext["default"].Provider, {
|
|
269
|
-
value: rowContext
|
|
270
|
-
}, React.createElement("div", Object.assign({}, others, {
|
|
271
|
-
className: classes,
|
|
272
|
-
style: Object.assign(Object.assign({}, rowStyle), style),
|
|
273
|
-
ref: ref
|
|
274
|
-
}), children));
|
|
275
|
-
});
|
|
276
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
277
|
-
Row.displayName = 'Row';
|
|
278
|
-
}
|
|
279
|
-
var _default = exports["default"] = Row;
|
package/lib/grid/row.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/grid/row.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport useFlexGapSupport from '../_util/hooks/useFlexGapSupport'\nimport type { Breakpoint, ScreenMap } from '../_util/responsiveObserve'\nimport ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve'\nimport { tuple } from '../_util/type'\nimport RowContext from './RowContext'\n\nconst RowAligns = tuple('top', 'middle', 'bottom', 'stretch')\nconst RowJustify = tuple('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly')\n\ntype Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'\ntype ResponsiveLike<T> = {\n [key in Responsive]?: T\n}\n\ntype Gap = number | undefined\nexport type Gutter = number | undefined | Partial<Record<Breakpoint, number>>\n\ntype ResponsiveAligns = ResponsiveLike<typeof RowAligns[number]>\ntype ResponsiveJustify = ResponsiveLike<typeof RowJustify[number]>\nexport interface RowProps extends React.HTMLAttributes<HTMLDivElement> {\n gutter?: Gutter | [Gutter, Gutter]\n align?: typeof RowAligns[number] | ResponsiveAligns\n justify?: typeof RowJustify[number] | ResponsiveJustify\n prefixCls?: string\n wrap?: boolean\n}\n\nfunction useMergePropByScreen(oriProp: RowProps['align'] | RowProps['justify'], screen: ScreenMap) {\n const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '')\n\n const clacMergeAlignOrJustify = () => {\n if (typeof oriProp === 'string') {\n setProp(oriProp)\n }\n if (typeof oriProp !== 'object') {\n return\n }\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint: Breakpoint = responsiveArray[i]\n // if do not match, do nothing\n if (!screen[breakpoint]) continue\n const curVal = oriProp[breakpoint]\n if (curVal !== undefined) {\n setProp(curVal)\n return\n }\n }\n }\n\n React.useEffect(() => {\n clacMergeAlignOrJustify()\n }, [JSON.stringify(oriProp), screen])\n\n return prop\n}\n\nconst Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n const {\n prefixCls: customizePrefixCls = 'tnt-row',\n justify,\n align,\n className,\n style,\n children,\n gutter = 0,\n wrap,\n ...others\n } = props\n\n const { getPrefixCls, direction } = React.useContext(ConfigContext)\n\n const [screens, setScreens] = React.useState<ScreenMap>({\n xs: true,\n sm: true,\n md: true,\n lg: true,\n xl: true,\n xxl: true,\n })\n // to save screens info when responsiveObserve callback had been call\n const [curScreens, setCurScreens] = React.useState<ScreenMap>({\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n xxl: false,\n })\n\n // ================================== calc reponsive data ==================================\n const mergeAlign = useMergePropByScreen(align, curScreens)\n\n const mergeJustify = useMergePropByScreen(justify, curScreens)\n\n const supportFlexGap = useFlexGapSupport()\n\n const gutterRef = React.useRef<Gutter | [Gutter, Gutter]>(gutter)\n\n // ================================== Effect ==================================\n React.useEffect(() => {\n const token = ResponsiveObserve.subscribe((screen) => {\n setCurScreens(screen)\n const currentGutter = gutterRef.current || 0\n if (\n (!Array.isArray(currentGutter) && typeof currentGutter === 'object') ||\n (Array.isArray(currentGutter) &&\n (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object'))\n ) {\n setScreens(screen)\n }\n })\n return () => ResponsiveObserve.unsubscribe(token)\n }, [])\n\n // ================================== Render ==================================\n const getGutter = (): [Gap, Gap] => {\n const results: [Gap, Gap] = [undefined, undefined]\n const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined]\n normalizedGutter.forEach((g, index) => {\n if (typeof g === 'object') {\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint: Breakpoint = responsiveArray[i]\n if (screens[breakpoint] && g[breakpoint] !== undefined) {\n results[index] = g[breakpoint] as number\n break\n }\n }\n } else {\n results[index] = g\n }\n })\n return results\n }\n\n const prefixCls = getPrefixCls('row', customizePrefixCls)\n const gutters = getGutter()\n const classes = classNames(\n prefixCls,\n {\n [`${prefixCls}-no-wrap`]: wrap === false,\n [`${prefixCls}-${mergeJustify}`]: mergeJustify,\n [`${prefixCls}-${mergeAlign}`]: mergeAlign,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n },\n className\n )\n\n // Add gutter related style\n const rowStyle: React.CSSProperties = {}\n const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined\n const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined\n\n if (horizontalGutter) {\n rowStyle.marginLeft = horizontalGutter\n rowStyle.marginRight = horizontalGutter\n }\n\n if (supportFlexGap) {\n // Set gap direct if flex gap support\n ;[, rowStyle.rowGap] = gutters\n } else if (verticalGutter) {\n rowStyle.marginTop = verticalGutter\n rowStyle.marginBottom = verticalGutter\n }\n\n // \"gutters\" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.\n // So we deconstruct \"gutters\" variable here.\n const [gutterH, gutterV] = gutters\n const rowContext = React.useMemo(\n () => ({ gutter: [gutterH, gutterV] as [number, number], wrap, supportFlexGap }),\n [gutterH, gutterV, wrap, supportFlexGap]\n )\n\n return (\n <RowContext.Provider value={rowContext}>\n <div {...others} className={classes} style={{ ...rowStyle, ...style }} ref={ref}>\n {children}\n </div>\n </RowContext.Provider>\n )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n Row.displayName = 'Row'\n}\n\nexport default Row\n"]}
|