shineout 1.7.0 → 1.7.1-beta.3
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/css/Alert/index.d.ts +63 -0
- package/css/AnimationList/AbsoluteList.js +89 -48
- package/css/Breadcrumb/index.d.ts +68 -0
- package/css/Button/index.d.ts +160 -0
- package/css/Card/index.d.ts +161 -0
- package/css/CardGroup/CardGroup.js +1 -1
- package/css/CardGroup/index.d.ts +119 -0
- package/css/Carousel/index.d.ts +59 -0
- package/css/Cascader/index.d.ts +185 -0
- package/css/Checkbox/index.d.ts +120 -0
- package/css/DataList/index.d.ts +197 -0
- package/css/DatePicker/Container.js +1 -1
- package/css/DatePicker/index.d.ts +262 -0
- package/css/DatePicker/utils.js +1 -1
- package/css/Datum/List.js +54 -17
- package/css/Divider/index.d.ts +40 -0
- package/css/Drawer/index.d.ts +165 -0
- package/css/Dropdown/index.d.ts +122 -0
- package/css/EditableArea/index.d.ts +99 -0
- package/css/Form/Item.js +6 -3
- package/css/Form/formContext.js +6 -3
- package/css/Form/index.d.ts +466 -0
- package/css/Form/index.js +1 -1
- package/css/Form/inputable.js +63 -52
- package/css/Form/styles/form.css +12 -0
- package/css/Gap/index.d.ts +28 -0
- package/css/Grid/index.d.ts +38 -0
- package/css/Icon/index.d.ts +69 -0
- package/css/Image/index.d.ts +194 -0
- package/css/Input/Number.js +3 -1
- package/css/Input/index.d.ts +258 -0
- package/css/Menu/index.d.ts +147 -0
- package/css/Message/index.d.ts +72 -0
- package/css/Modal/events.js +71 -13
- package/css/Modal/index.d.ts +330 -0
- package/css/Pagination/index.d.ts +129 -0
- package/css/Popover/index.d.ts +241 -0
- package/css/Popover/styles/popover.css +1 -1
- package/css/Progress/index.d.ts +108 -0
- package/css/Radio/index.d.ts +61 -0
- package/css/Rate/index.d.ts +65 -0
- package/css/Rule/index.d.ts +90 -0
- package/css/Select/BoxList.js +5 -3
- package/css/Select/OptionList.js +5 -3
- package/css/Select/OptionTree.js +5 -3
- package/css/Select/Select.js +28 -8
- package/css/Select/index.d.ts +366 -0
- package/css/Slider/index.d.ts +102 -0
- package/css/Spin/index.d.ts +74 -0
- package/css/Sticky/index.d.ts +56 -0
- package/css/Switch/index.d.ts +47 -0
- package/css/Table/SeperateTable.js +26 -18
- package/css/Table/Table.js +1 -2
- package/css/Table/index.d.ts +541 -0
- package/css/Tabs/index.d.ts +225 -0
- package/css/Tag/Tag.js +8 -2
- package/css/Tag/index.d.ts +79 -0
- package/css/Textarea/index.d.ts +104 -0
- package/css/Tooltip/index.d.ts +69 -0
- package/css/Transfer/Transfer.js +13 -8
- package/css/Transfer/btns.js +25 -14
- package/css/Transfer/index.d.ts +157 -0
- package/css/Tree/index.d.ts +225 -0
- package/css/Tree/styles/tree.css +1 -1
- package/css/TreeSelect/TreeSelect.js +1 -1
- package/css/TreeSelect/index.d.ts +297 -0
- package/css/TreeSelect/styles/treeSelect.css +2 -4
- package/css/Upload/ImageResult.js +14 -3
- package/css/Upload/index.d.ts +529 -0
- package/css/index.d.ts +58 -0
- package/css/index.js +1 -1
- package/css/styles/expose.css +4 -1
- package/css/utils/numbers.js +59 -0
- package/css/utils/vars-inject.js +13 -0
- package/dist/shineout.js +4110 -3763
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/dist/theme.antd.css +1 -1
- package/dist/theme.antd2.css +1 -1
- package/dist/theme.default.css +1 -1
- package/dist/theme.shineout.css +1 -1
- package/es/@types/common.d.ts +1 -1
- package/es/Alert/index.js +127 -107
- package/es/Alert/styles/index.js +3 -4
- package/es/AnimationList/AbsoluteList.js +267 -178
- package/es/AnimationList/LazyList.js +120 -92
- package/es/AnimationList/List.js +43 -23
- package/es/AnimationList/index.js +19 -14
- package/es/AnimationList/styles/index.js +3 -4
- package/es/Breadcrumb/index.js +77 -69
- package/es/Breadcrumb/styles/index.js +3 -4
- package/es/Button/Button.js +91 -74
- package/es/Button/Group.js +42 -28
- package/es/Button/Once.js +39 -23
- package/es/Button/index.js +7 -10
- package/es/Button/styles/index.js +3 -4
- package/es/Card/Accordion.js +58 -45
- package/es/Card/Body.js +55 -42
- package/es/Card/Card.js +85 -79
- package/es/Card/Footer.js +38 -15
- package/es/Card/Header.js +52 -34
- package/es/Card/Submit.js +51 -33
- package/es/Card/context.js +22 -16
- package/es/Card/index.js +16 -19
- package/es/Card/styles/index.js +3 -4
- package/es/CardGroup/CardGroup.js +94 -70
- package/es/CardGroup/Item.js +61 -43
- package/es/CardGroup/context.js +12 -10
- package/es/CardGroup/index.js +7 -10
- package/es/CardGroup/styles/index.js +3 -4
- package/es/Carousel/Item.js +31 -17
- package/es/Carousel/index.js +156 -123
- package/es/Carousel/styles/index.js +3 -4
- package/es/Cascader/Cascader.js +397 -346
- package/es/Cascader/FilterList.js +185 -142
- package/es/Cascader/Input.js +102 -79
- package/es/Cascader/List.js +66 -41
- package/es/Cascader/Node.js +153 -110
- package/es/Cascader/Result.js +286 -230
- package/es/Cascader/filter.js +92 -61
- package/es/Cascader/index.js +13 -18
- package/es/Cascader/styles/index.js +3 -4
- package/es/Checkbox/CheckItem.js +168 -154
- package/es/Checkbox/Checkbox.js +2 -3
- package/es/Checkbox/Group.js +106 -85
- package/es/Checkbox/context.js +12 -10
- package/es/Checkbox/index.js +14 -21
- package/es/Checkbox/styles/index.js +3 -4
- package/es/DataList/BaseItem.js +39 -21
- package/es/DataList/Extra.js +33 -17
- package/es/DataList/List.js +166 -140
- package/es/DataList/Meta.js +109 -74
- package/es/DataList/Pagination.js +9 -10
- package/es/DataList/index.js +13 -19
- package/es/DataList/styles/index.js +3 -4
- package/es/DatePicker/Container.js +469 -450
- package/es/DatePicker/Day.js +265 -258
- package/es/DatePicker/Icon.js +34 -20
- package/es/DatePicker/Month.js +101 -79
- package/es/DatePicker/Picker.js +110 -83
- package/es/DatePicker/Quick.js +52 -39
- package/es/DatePicker/Range.js +241 -192
- package/es/DatePicker/Text.js +103 -91
- package/es/DatePicker/Time.js +165 -147
- package/es/DatePicker/TimeScroll.js +148 -116
- package/es/DatePicker/Year.js +74 -53
- package/es/DatePicker/index.d.ts +5 -13
- package/es/DatePicker/index.js +16 -18
- package/es/DatePicker/paramUtils.js +92 -58
- package/es/DatePicker/styles/index.js +3 -4
- package/es/DatePicker/utils.js +189 -198
- package/es/DatePicker/value.js +139 -98
- package/es/Datum/Form.js +333 -282
- package/es/Datum/List.js +329 -181
- package/es/Datum/Tree.js +298 -239
- package/es/Datum/hoc.js +104 -69
- package/es/Datum/index.js +7 -8
- package/es/Datum/types.js +20 -25
- package/es/Divider/index.js +50 -32
- package/es/Divider/styles/index.js +3 -4
- package/es/Drawer/index.d.ts +165 -0
- package/es/Drawer/index.js +14 -9
- package/es/Dropdown/Item.js +56 -43
- package/es/Dropdown/index.js +273 -259
- package/es/Dropdown/styles/index.js +3 -4
- package/es/EditableArea/EditableArea.js +157 -136
- package/es/EditableArea/index.js +8 -15
- package/es/EditableArea/styles/index.js +3 -4
- package/es/Form/Block.js +83 -57
- package/es/Form/BlockField.js +32 -17
- package/es/Form/Field.js +56 -36
- package/es/Form/FieldError.js +27 -21
- package/es/Form/FieldSet.js +214 -156
- package/es/Form/Flow.js +51 -32
- package/es/Form/Form.js +178 -144
- package/es/Form/Item.js +182 -154
- package/es/Form/Loop.js +202 -146
- package/es/Form/formButton.js +58 -42
- package/es/Form/formContext.js +104 -83
- package/es/Form/index.d.ts +40 -24
- package/es/Form/index.js +40 -45
- package/es/Form/inputable.js +369 -285
- package/es/Form/mode.js +15 -9
- package/es/Form/styles/form.less +12 -0
- package/es/Form/styles/index.js +4 -5
- package/es/Gap/index.js +71 -47
- package/es/Gap/styles/index.js +3 -4
- package/es/Gap/support.js +11 -14
- package/es/Grid/index.js +88 -58
- package/es/Grid/utils.js +57 -58
- package/es/Icon/Icon.js +43 -42
- package/es/Icon/index.d.ts +2 -3
- package/es/Icon/index.js +39 -22
- package/es/Icon/styles/index.js +3 -4
- package/es/Image/Gallery.js +128 -113
- package/es/Image/Group.js +60 -36
- package/es/Image/Image.js +227 -153
- package/es/Image/Magnify.js +123 -94
- package/es/Image/events.js +29 -26
- package/es/Image/index.js +6 -9
- package/es/Image/styles/index.js +3 -4
- package/es/Input/Group.js +17 -11
- package/es/Input/Input.js +158 -134
- package/es/Input/Number.js +199 -174
- package/es/Input/Password.js +54 -31
- package/es/Input/clear.js +41 -25
- package/es/Input/index.js +23 -35
- package/es/Input/styles/index.js +3 -4
- package/es/Lazyload/index.js +63 -42
- package/es/Lazyload/styles/index.js +3 -4
- package/es/Menu/Item.js +275 -236
- package/es/Menu/List.js +75 -67
- package/es/Menu/Root.js +372 -334
- package/es/Menu/context.js +18 -12
- package/es/Menu/index.js +3 -5
- package/es/Menu/styles/index.js +3 -4
- package/es/Message/Container.js +155 -119
- package/es/Message/index.js +42 -30
- package/es/Message/messager.js +29 -33
- package/es/Message/styles/index.js +3 -4
- package/es/Modal/Modal.js +80 -60
- package/es/Modal/Panel.js +258 -234
- package/es/Modal/context.js +15 -15
- package/es/Modal/events.js +220 -155
- package/es/Modal/index.js +12 -14
- package/es/Modal/styles/index.js +3 -4
- package/es/Pagination/Item.js +46 -32
- package/es/Pagination/Jumper.js +77 -67
- package/es/Pagination/Links.js +110 -82
- package/es/Pagination/Next.js +52 -31
- package/es/Pagination/PageSizeList.js +57 -40
- package/es/Pagination/Pagination.js +78 -54
- package/es/Pagination/Prev.js +49 -30
- package/es/Pagination/Simple.js +32 -18
- package/es/Pagination/index.js +68 -41
- package/es/Pagination/styles/index.js +3 -4
- package/es/Popover/Confirm.js +107 -64
- package/es/Popover/Panel.js +284 -231
- package/es/Popover/context.js +15 -12
- package/es/Popover/events.js +80 -86
- package/es/Popover/index.js +12 -14
- package/es/Popover/styles/index.js +3 -4
- package/es/Popover/styles/popover.less +3 -3
- package/es/Progress/Circle.js +70 -59
- package/es/Progress/Line.js +51 -39
- package/es/Progress/Popup.js +42 -24
- package/es/Progress/analyzeColor.js +18 -9
- package/es/Progress/index.js +13 -15
- package/es/Progress/styles/index.js +3 -4
- package/es/Radio/Group.js +105 -94
- package/es/Radio/Radio.js +2 -3
- package/es/Radio/index.js +15 -17
- package/es/Radio/styles/index.js +1 -1
- package/es/Rate/Rate.js +216 -167
- package/es/Rate/index.js +17 -10
- package/es/Rate/styles/index.js +3 -4
- package/es/Rule/convert.js +48 -57
- package/es/Rule/index.js +63 -40
- package/es/Rule/length.js +53 -38
- package/es/Rule/regExp.js +23 -14
- package/es/Rule/required.js +26 -18
- package/es/Rule/styles/index.js +1 -1
- package/es/Rule/type.js +26 -18
- package/es/Scroll/Bar.js +145 -117
- package/es/Scroll/Scroll.js +277 -217
- package/es/Scroll/context.js +20 -13
- package/es/Scroll/fixedLength.js +33 -24
- package/es/Scroll/index.js +89 -55
- package/es/Scroll/styles/index.js +3 -4
- package/es/Select/BoxList.js +218 -188
- package/es/Select/BoxOption.js +64 -38
- package/es/Select/FlexBox.js +107 -75
- package/es/Select/FlexResult.js +65 -49
- package/es/Select/Input.js +137 -113
- package/es/Select/More.js +119 -118
- package/es/Select/Option.js +73 -52
- package/es/Select/OptionList.js +236 -198
- package/es/Select/OptionTree.js +111 -94
- package/es/Select/Result.js +294 -269
- package/es/Select/Select.js +523 -480
- package/es/Select/filter.js +221 -148
- package/es/Select/group.js +74 -45
- package/es/Select/index.d.ts +28 -19
- package/es/Select/index.js +32 -31
- package/es/Select/styles/index.js +3 -4
- package/es/Select/styles/select.less +1 -1
- package/es/Slider/Container.js +145 -132
- package/es/Slider/Indicator.js +28 -13
- package/es/Slider/Slider.js +132 -103
- package/es/Slider/index.js +5 -8
- package/es/Slider/styles/index.js +3 -4
- package/es/Slider/utils.js +26 -30
- package/es/Spin/Multiple.js +153 -109
- package/es/Spin/Simple.js +33 -22
- package/es/Spin/Spin.js +29 -29
- package/es/Spin/index.js +66 -84
- package/es/Spin/styles/index.js +27 -30
- package/es/Sticky/context.js +12 -10
- package/es/Sticky/index.js +255 -194
- package/es/Sticky/styles/index.js +1 -1
- package/es/Switch/Switch.js +2 -3
- package/es/Switch/index.js +8 -14
- package/es/Table/Checkbox.js +68 -39
- package/es/Table/CheckboxAll.js +121 -64
- package/es/Table/Colgroup.js +72 -47
- package/es/Table/Expand.js +63 -43
- package/es/Table/SeperateTable.js +596 -436
- package/es/Table/SimpleTable.js +215 -136
- package/es/Table/Sorter.js +83 -62
- package/es/Table/Table.js +157 -157
- package/es/Table/Tbody.js +240 -176
- package/es/Table/Td.js +169 -130
- package/es/Table/Thead.js +206 -177
- package/es/Table/Tr.js +249 -205
- package/es/Table/TreeExpand.js +151 -116
- package/es/Table/context.js +15 -15
- package/es/Table/fixedAuto.js +82 -59
- package/es/Table/index.d.ts +1 -1
- package/es/Table/index.js +309 -228
- package/es/Table/resizable.js +89 -56
- package/es/Table/select.js +238 -215
- package/es/Table/styles/index.js +3 -4
- package/es/Tabs/Header.js +203 -160
- package/es/Tabs/Link.js +46 -28
- package/es/Tabs/Panel.js +49 -33
- package/es/Tabs/Tab.js +97 -79
- package/es/Tabs/Tabs.js +211 -177
- package/es/Tabs/Wrapper.js +37 -17
- package/es/Tabs/index.js +7 -10
- package/es/Tabs/styles/index.js +3 -4
- package/es/Tag/Input.js +70 -54
- package/es/Tag/Tag.js +198 -152
- package/es/Tag/index.js +5 -8
- package/es/Tag/styles/index.js +3 -4
- package/es/Textarea/Textarea.js +139 -118
- package/es/Textarea/index.js +10 -19
- package/es/Tooltip/Container.js +140 -127
- package/es/Tooltip/events.js +49 -55
- package/es/Tooltip/index.js +5 -8
- package/es/Tooltip/styles/index.js +3 -4
- package/es/Transfer/Card.js +212 -177
- package/es/Transfer/Transfer.js +165 -153
- package/es/Transfer/btns.js +100 -71
- package/es/Transfer/context.js +2 -3
- package/es/Transfer/filter.js +65 -35
- package/es/Transfer/index.js +9 -13
- package/es/Transfer/item.js +66 -41
- package/es/Transfer/select.js +15 -16
- package/es/Transfer/styles/index.js +3 -4
- package/es/Tree/Checkbox.js +72 -50
- package/es/Tree/Content.js +136 -95
- package/es/Tree/List.js +82 -53
- package/es/Tree/Node.js +237 -202
- package/es/Tree/Root.js +23 -19
- package/es/Tree/Tree.js +262 -197
- package/es/Tree/index.js +6 -9
- package/es/Tree/styles/index.js +3 -4
- package/es/Tree/styles/tree.less +1 -1
- package/es/Tree/toggle.js +89 -51
- package/es/TreeSelect/Input.js +73 -60
- package/es/TreeSelect/Result.js +210 -169
- package/es/TreeSelect/TreeSelect.js +328 -313
- package/es/TreeSelect/datum.js +56 -44
- package/es/TreeSelect/filter.js +134 -96
- package/es/TreeSelect/index.d.ts +5 -3
- package/es/TreeSelect/index.js +15 -23
- package/es/TreeSelect/styles/index.js +3 -4
- package/es/TreeSelect/styles/treeSelect.less +4 -5
- package/es/TreeSelect/tiled.js +143 -106
- package/es/Upload/Dragger.js +63 -39
- package/es/Upload/Drop.js +79 -57
- package/es/Upload/File.js +61 -48
- package/es/Upload/FileInput.js +53 -40
- package/es/Upload/Image.js +158 -115
- package/es/Upload/ImageFile.js +63 -43
- package/es/Upload/ImageResult.js +141 -109
- package/es/Upload/Progress.js +117 -105
- package/es/Upload/RemoveConfirm.js +58 -42
- package/es/Upload/Result.js +73 -58
- package/es/Upload/Upload.js +649 -490
- package/es/Upload/accept.js +33 -13
- package/es/Upload/context.js +12 -10
- package/es/Upload/index.d.ts +5 -5
- package/es/Upload/index.js +16 -20
- package/es/Upload/request.js +48 -46
- package/es/Upload/styles/index.js +3 -4
- package/es/component.js +45 -24
- package/es/config.js +27 -19
- package/es/context/implementation.js +132 -94
- package/es/context/index.js +3 -4
- package/es/hoc/coin.js +118 -81
- package/es/hoc/config.js +31 -17
- package/es/hoc/delay.js +99 -55
- package/es/hoc/draggable.js +90 -80
- package/es/hoc/fetch.js +56 -33
- package/es/hoc/hidable.js +119 -98
- package/es/hoc/inputBorder.js +158 -158
- package/es/hoc/moveable.js +124 -96
- package/es/hoc/pagable.js +74 -55
- package/es/hoc/resizable.js +132 -100
- package/es/hoc/styles/index.js +7 -8
- package/es/hoc/trim.js +54 -32
- package/es/icons/Caret.js +14 -15
- package/es/icons/index.js +31 -85
- package/es/index.d.ts +58 -0
- package/es/index.js +58 -57
- package/es/locale/en_US.js +9 -30
- package/es/locale/index.js +13 -14
- package/es/locale/zh-CN.js +9 -17
- package/es/styles/expose.js +3 -4
- package/es/styles/expose.less +3 -0
- package/es/styles/index.js +1 -1
- package/es/styles/themes/cssvar.less +4 -1
- package/es/utils/accept.js +15 -12
- package/es/utils/classname.js +23 -12
- package/es/utils/cleanProps.js +9 -21
- package/es/utils/clone.js +34 -27
- package/es/utils/color.js +310 -276
- package/es/utils/css-accessors.js +94 -45
- package/es/utils/dom/detect.js +29 -29
- package/es/utils/dom/document.js +23 -19
- package/es/utils/dom/element.js +139 -105
- package/es/utils/dom/getDataset.js +9 -9
- package/es/utils/dom/isDOMElement.js +3 -5
- package/es/utils/dom/normalizeWheel.js +32 -28
- package/es/utils/dom/popContainer.js +12 -13
- package/es/utils/dom/popover.js +79 -59
- package/es/utils/dom/ready.js +5 -6
- package/es/utils/dom/translate.js +10 -12
- package/es/utils/errors.js +47 -28
- package/es/utils/expose.js +97 -58
- package/es/utils/flat.js +122 -107
- package/es/utils/func.js +38 -20
- package/es/utils/hash.js +24 -20
- package/es/utils/index.js +24 -49
- package/es/utils/is.js +91 -70
- package/es/utils/lazyload.js +104 -86
- package/es/utils/notification.js +34 -20
- package/es/utils/numbers.js +86 -22
- package/es/utils/objects.js +221 -140
- package/es/utils/proptypes.js +21 -34
- package/es/utils/shallowEqual.js +46 -42
- package/es/utils/strings.js +50 -32
- package/es/utils/transform.js +24 -9
- package/es/utils/tree.js +78 -63
- package/es/utils/uid.js +14 -17
- package/es/utils/validate/index.js +71 -50
- package/es/utils/validate/isJson.js +7 -10
- package/es/utils/validate/nullable.js +10 -9
- package/es/utils/validate/range.js +22 -19
- package/es/utils/validate/rangeLength.js +19 -16
- package/es/utils/validate/regExp.js +10 -10
- package/es/utils/validate/required.js +11 -8
- package/es/utils/validate/type.js +56 -59
- package/es/utils/vars-inject.js +3421 -4233
- package/lib/@types/common.d.ts +1 -1
- package/lib/AnimationList/AbsoluteList.js +89 -48
- package/lib/CardGroup/CardGroup.js +1 -1
- package/lib/DatePicker/Container.js +1 -1
- package/lib/DatePicker/index.d.ts +5 -13
- package/lib/DatePicker/utils.js +1 -1
- package/lib/Datum/List.js +54 -17
- package/lib/Form/Item.js +6 -3
- package/lib/Form/formContext.js +6 -3
- package/lib/Form/index.d.ts +40 -24
- package/lib/Form/index.js +1 -1
- package/lib/Form/inputable.js +63 -52
- package/lib/Form/styles/form.less +12 -0
- package/lib/Icon/index.d.ts +2 -3
- package/lib/Input/Number.js +3 -1
- package/lib/Modal/events.js +71 -13
- package/lib/Popover/styles/popover.less +3 -3
- package/lib/Select/BoxList.js +5 -3
- package/lib/Select/OptionList.js +5 -3
- package/lib/Select/OptionTree.js +5 -3
- package/lib/Select/Select.js +28 -8
- package/lib/Select/index.d.ts +28 -19
- package/lib/Select/styles/select.less +1 -1
- package/lib/Table/SeperateTable.js +26 -18
- package/lib/Table/Table.js +1 -2
- package/lib/Table/index.d.ts +1 -1
- package/lib/Tag/Tag.js +8 -2
- package/lib/Transfer/Transfer.js +13 -8
- package/lib/Transfer/btns.js +25 -14
- package/lib/Tree/styles/tree.less +1 -1
- package/lib/TreeSelect/TreeSelect.js +1 -1
- package/lib/TreeSelect/index.d.ts +5 -3
- package/lib/TreeSelect/styles/treeSelect.less +4 -5
- package/lib/Upload/ImageResult.js +14 -3
- package/lib/Upload/index.d.ts +5 -5
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/styles/expose.less +3 -0
- package/lib/styles/themes/cssvar.less +4 -1
- package/lib/utils/numbers.js +59 -0
- package/lib/utils/vars-inject.js +13 -0
- package/package.json +3 -2
package/lib/@types/common.d.ts
CHANGED
|
@@ -71,8 +71,9 @@ function _default(List) {
|
|
|
71
71
|
if (!props.absolute) return (0, _assertThisInitialized2.default)(_this);
|
|
72
72
|
_this.lastStyle = {};
|
|
73
73
|
if (!root) initRoot();
|
|
74
|
+
_this.container = typeof _this.props.absolute === 'function' ? _this.props.absolute() : root;
|
|
74
75
|
_this.element = document.createElement('div');
|
|
75
|
-
|
|
76
|
+
if (_this.container) _this.container.appendChild(_this.element);
|
|
76
77
|
|
|
77
78
|
if (props.getResetPosition) {
|
|
78
79
|
props.getResetPosition(_this.resetPosition.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))));
|
|
@@ -83,6 +84,17 @@ function _default(List) {
|
|
|
83
84
|
|
|
84
85
|
var _proto = AbsoluteList.prototype;
|
|
85
86
|
|
|
87
|
+
_proto.componentDidMount = function componentDidMount() {
|
|
88
|
+
if (this.props.absolute && !this.container) {
|
|
89
|
+
this.container = typeof this.props.absolute === 'function' ? this.props.absolute() : root;
|
|
90
|
+
this.container.appendChild(this.element);
|
|
91
|
+
|
|
92
|
+
if (this.props.focus) {
|
|
93
|
+
this.forceUpdate();
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
|
|
86
98
|
_proto.componentDidUpdate = function componentDidUpdate(prevProps) {
|
|
87
99
|
var _this2 = this;
|
|
88
100
|
|
|
@@ -96,11 +108,16 @@ function _default(List) {
|
|
|
96
108
|
_proto.componentWillUnmount = function componentWillUnmount() {
|
|
97
109
|
var absolute = this.props.absolute;
|
|
98
110
|
if (!absolute) return;
|
|
99
|
-
|
|
111
|
+
|
|
112
|
+
if (this.container) {
|
|
113
|
+
this.container.removeChild(this.element);
|
|
114
|
+
}
|
|
100
115
|
};
|
|
101
116
|
|
|
102
117
|
_proto.getPosition = function getPosition(rect) {
|
|
103
|
-
var
|
|
118
|
+
var _this$props = this.props,
|
|
119
|
+
fixed = _this$props.fixed,
|
|
120
|
+
absolute = _this$props.absolute;
|
|
104
121
|
var position = this.props.position;
|
|
105
122
|
var rtl = (0, _config.isRTL)();
|
|
106
123
|
var style = {
|
|
@@ -120,17 +137,36 @@ function _default(List) {
|
|
|
120
137
|
position = (0, _strings.getRTLPosition)(position);
|
|
121
138
|
}
|
|
122
139
|
|
|
140
|
+
var containerScroll = _document.docScroll;
|
|
141
|
+
var containerRect = {
|
|
142
|
+
left: 0,
|
|
143
|
+
top: 0,
|
|
144
|
+
right: 0,
|
|
145
|
+
bottom: 0
|
|
146
|
+
};
|
|
147
|
+
var container = this.container;
|
|
148
|
+
|
|
149
|
+
if (typeof absolute === 'function' && container) {
|
|
150
|
+
containerRect = container.getBoundingClientRect();
|
|
151
|
+
containerScroll = {
|
|
152
|
+
left: container.scrollLeft,
|
|
153
|
+
top: container.scrollTop
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
this.containerRect = containerRect;
|
|
158
|
+
|
|
123
159
|
if (listPosition.includes(position)) {
|
|
124
|
-
style.left = rect.left +
|
|
160
|
+
style.left = rect.left - containerRect.left + containerScroll.left;
|
|
125
161
|
|
|
126
162
|
if (rtl) {
|
|
127
163
|
style.left += rect.width;
|
|
128
164
|
}
|
|
129
165
|
|
|
130
166
|
if (position === 'drop-down') {
|
|
131
|
-
style.top = rect.top + rect.height +
|
|
167
|
+
style.top = rect.top - containerRect.top + rect.height + containerScroll.top;
|
|
132
168
|
} else {
|
|
133
|
-
style.bottom = -(rect.top +
|
|
169
|
+
style.bottom = -(rect.top - containerRect.top + containerScroll.top);
|
|
134
170
|
}
|
|
135
171
|
} else if (pickerPosition.includes(position)) {
|
|
136
172
|
var _position$split = position.split('-'),
|
|
@@ -138,16 +174,16 @@ function _default(List) {
|
|
|
138
174
|
v = _position$split[1];
|
|
139
175
|
|
|
140
176
|
if (h === 'left') {
|
|
141
|
-
style.left = rect.left +
|
|
177
|
+
style.left = rect.left - containerRect.left + containerScroll.left;
|
|
142
178
|
} else {
|
|
143
|
-
style.left = rect.right +
|
|
179
|
+
style.left = rect.right - containerRect.right + containerScroll.left;
|
|
144
180
|
style.transform = 'translateX(-100%)';
|
|
145
181
|
}
|
|
146
182
|
|
|
147
183
|
if (v === 'bottom') {
|
|
148
|
-
style.top = rect.bottom +
|
|
184
|
+
style.top = rect.bottom - containerRect.bottom + containerScroll.top + PICKER_V_MARGIN;
|
|
149
185
|
} else {
|
|
150
|
-
style.top = rect.top +
|
|
186
|
+
style.top = rect.top - containerRect.top + containerScroll.top - PICKER_V_MARGIN;
|
|
151
187
|
style.transform = style.transform ? 'translate(-100%, -100%)' : 'translateY(-100%)';
|
|
152
188
|
}
|
|
153
189
|
}
|
|
@@ -156,10 +192,10 @@ function _default(List) {
|
|
|
156
192
|
};
|
|
157
193
|
|
|
158
194
|
_proto.getStyle = function getStyle() {
|
|
159
|
-
var _this$
|
|
160
|
-
parentElement = _this$
|
|
161
|
-
scrollElement = _this$
|
|
162
|
-
focus = _this$
|
|
195
|
+
var _this$props2 = this.props,
|
|
196
|
+
parentElement = _this$props2.parentElement,
|
|
197
|
+
scrollElement = _this$props2.scrollElement,
|
|
198
|
+
focus = _this$props2.focus;
|
|
163
199
|
var lazyResult = {
|
|
164
200
|
focus: focus,
|
|
165
201
|
style: this.lastStyle
|
|
@@ -190,9 +226,9 @@ function _default(List) {
|
|
|
190
226
|
};
|
|
191
227
|
|
|
192
228
|
_proto.resetPosition = function resetPosition(clean) {
|
|
193
|
-
var _this$
|
|
194
|
-
focus = _this$
|
|
195
|
-
parentElement = _this$
|
|
229
|
+
var _this$props3 = this.props,
|
|
230
|
+
focus = _this$props3.focus,
|
|
231
|
+
parentElement = _this$props3.parentElement;
|
|
196
232
|
if (!this.el || !focus || this.ajustdoc && !clean) return;
|
|
197
233
|
var pos = this.el.getBoundingClientRect();
|
|
198
234
|
var left = pos.left;
|
|
@@ -203,7 +239,11 @@ function _default(List) {
|
|
|
203
239
|
left = parentElement.getBoundingClientRect().left;
|
|
204
240
|
}
|
|
205
241
|
|
|
206
|
-
var
|
|
242
|
+
var containerRect = this.containerRect || {
|
|
243
|
+
left: 0,
|
|
244
|
+
width: 0
|
|
245
|
+
};
|
|
246
|
+
var overdoc = left - containerRect.left + pos.width > (containerRect.width || _document.docSize.width);
|
|
207
247
|
if (this.state.overdoc === overdoc) return;
|
|
208
248
|
this.ajustdoc = true;
|
|
209
249
|
this.setState({
|
|
@@ -216,21 +256,21 @@ function _default(List) {
|
|
|
216
256
|
};
|
|
217
257
|
|
|
218
258
|
_proto.renderList = function renderList() {
|
|
219
|
-
var _this$
|
|
220
|
-
parentElement = _this$
|
|
221
|
-
absolute = _this$
|
|
222
|
-
focus = _this$
|
|
223
|
-
rootClass = _this$
|
|
224
|
-
position = _this$
|
|
225
|
-
scrollLeft = _this$
|
|
226
|
-
scrollTop = _this$
|
|
227
|
-
scrollElement = _this$
|
|
228
|
-
_this$
|
|
229
|
-
style = _this$
|
|
230
|
-
zIndex = _this$
|
|
231
|
-
getResetPosition = _this$
|
|
232
|
-
ignore = _this$
|
|
233
|
-
props = (0, _objectWithoutPropertiesLoose2.default)(_this$
|
|
259
|
+
var _this$props4 = this.props,
|
|
260
|
+
parentElement = _this$props4.parentElement,
|
|
261
|
+
absolute = _this$props4.absolute,
|
|
262
|
+
focus = _this$props4.focus,
|
|
263
|
+
rootClass = _this$props4.rootClass,
|
|
264
|
+
position = _this$props4.position,
|
|
265
|
+
scrollLeft = _this$props4.scrollLeft,
|
|
266
|
+
scrollTop = _this$props4.scrollTop,
|
|
267
|
+
scrollElement = _this$props4.scrollElement,
|
|
268
|
+
_this$props4$style = _this$props4.style,
|
|
269
|
+
style = _this$props4$style === void 0 ? {} : _this$props4$style,
|
|
270
|
+
zIndex = _this$props4.zIndex,
|
|
271
|
+
getResetPosition = _this$props4.getResetPosition,
|
|
272
|
+
ignore = _this$props4.autoAdapt,
|
|
273
|
+
props = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, ["parentElement", "absolute", "focus", "rootClass", "position", "scrollLeft", "scrollTop", "scrollElement", "style", "zIndex", "getResetPosition", "autoAdapt"]);
|
|
234
274
|
var parsed = parseInt(zIndex, 10);
|
|
235
275
|
if (!Number.isNaN(parsed)) style.zIndex = parsed;
|
|
236
276
|
var mergeStyle = Object.assign({}, style, this.state.overdoc ? {
|
|
@@ -257,20 +297,21 @@ function _default(List) {
|
|
|
257
297
|
return this.renderList();
|
|
258
298
|
}
|
|
259
299
|
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
300
|
+
if (!this.container) return null;
|
|
301
|
+
var _this$props5 = this.props,
|
|
302
|
+
parentElement = _this$props5.parentElement,
|
|
303
|
+
rootClass = _this$props5.rootClass,
|
|
304
|
+
absolute = _this$props5.absolute,
|
|
305
|
+
position = _this$props5.position,
|
|
306
|
+
scrollLeft = _this$props5.scrollLeft,
|
|
307
|
+
scrollTop = _this$props5.scrollTop,
|
|
308
|
+
scrollElement = _this$props5.scrollElement,
|
|
309
|
+
autoClass = _this$props5.autoClass,
|
|
310
|
+
zIndex = _this$props5.zIndex,
|
|
311
|
+
getResetPosition = _this$props5.getResetPosition,
|
|
312
|
+
value = _this$props5.value,
|
|
313
|
+
ignore = _this$props5.autoAdapt,
|
|
314
|
+
props = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, ["parentElement", "rootClass", "absolute", "position", "scrollLeft", "scrollTop", "scrollElement", "autoClass", "zIndex", "getResetPosition", "value", "autoAdapt"]);
|
|
274
315
|
var mergeClass = (0, _classnames.default)((0, _styles.listClass)('absolute-wrapper'), rootClass, autoClass);
|
|
275
316
|
|
|
276
317
|
var _ref = props.focus ? this.getStyle() : {
|
|
@@ -302,7 +343,7 @@ function _default(List) {
|
|
|
302
343
|
// same width with parentElement
|
|
303
344
|
parentElement: _propTypes.default.object,
|
|
304
345
|
position: _propTypes.default.string,
|
|
305
|
-
absolute: _propTypes.default.bool,
|
|
346
|
+
absolute: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
|
|
306
347
|
scrollElement: _propTypes.default.object,
|
|
307
348
|
scrollLeft: _propTypes.default.number,
|
|
308
349
|
scrollTop: _propTypes.default.number,
|
|
@@ -112,7 +112,7 @@ CardGroup.defaultProps = {
|
|
|
112
112
|
};
|
|
113
113
|
CardGroup.propTypes = {
|
|
114
114
|
style: _propTypes.default.object,
|
|
115
|
-
children: _propTypes.default.array,
|
|
115
|
+
children: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.node]),
|
|
116
116
|
className: _propTypes.default.string,
|
|
117
117
|
height: _propTypes.default.number,
|
|
118
118
|
cardWidth: _propTypes.default.number,
|
|
@@ -572,7 +572,7 @@ Container.propTypes = {
|
|
|
572
572
|
allowSingle: _propTypes.default.bool,
|
|
573
573
|
defaultTime: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
|
|
574
574
|
value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.object, _propTypes.default.array]),
|
|
575
|
-
absolute: _propTypes.default.bool,
|
|
575
|
+
absolute: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
|
|
576
576
|
zIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
577
577
|
onValueBlur: _propTypes.default.func,
|
|
578
578
|
children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react'
|
|
2
|
-
import { StandardProps, FormItemStandardProps } from '../@types/common'
|
|
2
|
+
import { StandardProps, FormItemStandardProps, CommonProps } from '../@types/common'
|
|
3
3
|
|
|
4
|
-
export type DateTimeType = Date | number | string
|
|
4
|
+
export type DateTimeType = Date | number | string | undefined
|
|
5
5
|
|
|
6
6
|
export type AreaType = 'year' | 'month' | 'week' | 'day' | 'time' | 'quick'
|
|
7
7
|
|
|
@@ -19,7 +19,8 @@ export interface QuickSelect extends Base {
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export interface DatePickerProps<T =DatePickerValue > extends StandardProps,
|
|
22
|
-
FormItemStandardProps<T
|
|
22
|
+
FormItemStandardProps<T>,
|
|
23
|
+
Pick<CommonProps, 'absolute'> {
|
|
23
24
|
|
|
24
25
|
/**
|
|
25
26
|
* onChange get undefined while clear
|
|
@@ -46,7 +47,7 @@ FormItemStandardProps<T> {
|
|
|
46
47
|
*
|
|
47
48
|
* default: null
|
|
48
49
|
*/
|
|
49
|
-
width?: number;
|
|
50
|
+
width?: number | string;
|
|
50
51
|
|
|
51
52
|
/**
|
|
52
53
|
* whether it can be cleared
|
|
@@ -131,15 +132,6 @@ FormItemStandardProps<T> {
|
|
|
131
132
|
*/
|
|
132
133
|
defaultTime?: DatePickerValue;
|
|
133
134
|
|
|
134
|
-
/**
|
|
135
|
-
* When it is true, the pop-up layer of option append into document.body.
|
|
136
|
-
*
|
|
137
|
-
* 为 true 时,选项弹出层在 DOM 中独立 render
|
|
138
|
-
*
|
|
139
|
-
* default: false
|
|
140
|
-
*/
|
|
141
|
-
absolute?: boolean;
|
|
142
|
-
|
|
143
135
|
/**
|
|
144
136
|
* panel z-index
|
|
145
137
|
*
|
package/lib/DatePicker/utils.js
CHANGED
|
@@ -153,7 +153,7 @@ function startOfWeek(day, options) {
|
|
|
153
153
|
|
|
154
154
|
function toDate(day) {
|
|
155
155
|
if (!day) return new Date('');
|
|
156
|
-
if (day instanceof Date) return day;
|
|
156
|
+
if (day instanceof Date) return (0, _dayjs.default)(day).toDate();
|
|
157
157
|
return (0, _dayjs.default)(day).toDate();
|
|
158
158
|
}
|
|
159
159
|
|
package/lib/Datum/List.js
CHANGED
|
@@ -50,6 +50,16 @@ function () {
|
|
|
50
50
|
this.$cachedFlatten = new Map();
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
+
_proto.resetValueMap = function resetValueMap() {
|
|
54
|
+
var map = new Map();
|
|
55
|
+
|
|
56
|
+
for (var i = 0; i < this.$values.length; i++) {
|
|
57
|
+
map.set(this.$values[i], true);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
this.valueMap = map;
|
|
61
|
+
};
|
|
62
|
+
|
|
53
63
|
_proto.setDisabled = function setDisabled(disabled) {
|
|
54
64
|
if (this.$cachedDisabled === disabled) return;
|
|
55
65
|
this.$cachedDisabled = disabled;
|
|
@@ -70,6 +80,7 @@ function () {
|
|
|
70
80
|
|
|
71
81
|
_proto.handleChange = function handleChange(values) {
|
|
72
82
|
this.$values = values;
|
|
83
|
+
this.resetValueMap();
|
|
73
84
|
this.dispatch(_types.CHANGE_TOPIC);
|
|
74
85
|
|
|
75
86
|
if (this.onChange) {
|
|
@@ -119,6 +130,7 @@ function () {
|
|
|
119
130
|
if (data === undefined || data === null) return; // clear value
|
|
120
131
|
|
|
121
132
|
if (this.limit === 1) this.$values = [];
|
|
133
|
+
this.resetValueMap();
|
|
122
134
|
var raws = Array.isArray(data) ? data : [data];
|
|
123
135
|
|
|
124
136
|
if (childrenKey && this.limit !== 1) {
|
|
@@ -156,6 +168,7 @@ function () {
|
|
|
156
168
|
|
|
157
169
|
_proto.set = function set(value) {
|
|
158
170
|
this.$values = [];
|
|
171
|
+
this.resetValueMap();
|
|
159
172
|
this.add(value);
|
|
160
173
|
};
|
|
161
174
|
|
|
@@ -168,7 +181,7 @@ function () {
|
|
|
168
181
|
return false;
|
|
169
182
|
}
|
|
170
183
|
|
|
171
|
-
return this.
|
|
184
|
+
return this.valueMap.get(this.format(raw));
|
|
172
185
|
};
|
|
173
186
|
|
|
174
187
|
_proto.getDataByValue = function getDataByValue(data, value) {
|
|
@@ -246,30 +259,51 @@ function () {
|
|
|
246
259
|
return !_this4.disabled(r);
|
|
247
260
|
});
|
|
248
261
|
var values = [];
|
|
249
|
-
var prediction = this.prediction || this.defaultPrediction.bind(this);
|
|
250
262
|
|
|
251
|
-
|
|
252
|
-
var
|
|
263
|
+
if (!this.prediction) {
|
|
264
|
+
var rowValueMap = new Map();
|
|
253
265
|
|
|
254
|
-
|
|
255
|
-
if (
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
_ref2 = _i2.value;
|
|
266
|
+
for (var i = 0; i < raws.length; i++) {
|
|
267
|
+
if (raws[i].IS_NOT_MATCHED_VALUE) {
|
|
268
|
+
rowValueMap.set(raws[i].value, true);
|
|
269
|
+
} else {
|
|
270
|
+
rowValueMap.set(this.format(raws[i]), true);
|
|
271
|
+
}
|
|
261
272
|
}
|
|
262
273
|
|
|
263
|
-
var
|
|
274
|
+
for (var _i2 = 0; _i2 < this.values.length; _i2++) {
|
|
275
|
+
var val = this.values[_i2];
|
|
264
276
|
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
raws.splice(j, 1);
|
|
268
|
-
continue outer;
|
|
277
|
+
if (!rowValueMap.get(val)) {
|
|
278
|
+
values.push(val);
|
|
269
279
|
}
|
|
270
280
|
}
|
|
281
|
+
} else {
|
|
282
|
+
var prediction = this.prediction;
|
|
283
|
+
|
|
284
|
+
outer: for (var _iterator2 = this.values, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
|
|
285
|
+
var _ref2;
|
|
286
|
+
|
|
287
|
+
if (_isArray2) {
|
|
288
|
+
if (_i3 >= _iterator2.length) break;
|
|
289
|
+
_ref2 = _iterator2[_i3++];
|
|
290
|
+
} else {
|
|
291
|
+
_i3 = _iterator2.next();
|
|
292
|
+
if (_i3.done) break;
|
|
293
|
+
_ref2 = _i3.value;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
var _val = _ref2;
|
|
271
297
|
|
|
272
|
-
|
|
298
|
+
for (var j = 0; j < raws.length; j++) {
|
|
299
|
+
if (raws[j].IS_NOT_MATCHED_VALUE && _val === raws[j].value || prediction(_val, raws[j])) {
|
|
300
|
+
raws.splice(j, 1);
|
|
301
|
+
continue outer;
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
values.push(_val);
|
|
306
|
+
}
|
|
273
307
|
} // this.values = values
|
|
274
308
|
|
|
275
309
|
|
|
@@ -300,6 +334,7 @@ function () {
|
|
|
300
334
|
|
|
301
335
|
_proto.resetValue = function resetValue(values, cached) {
|
|
302
336
|
this.$values = values;
|
|
337
|
+
this.resetValueMap();
|
|
303
338
|
|
|
304
339
|
if (this.onChange && !cached) {
|
|
305
340
|
this.onChange(this.getValue());
|
|
@@ -348,6 +383,7 @@ function () {
|
|
|
348
383
|
|
|
349
384
|
if (type === _types.WITH_OUT_DISPATCH) {
|
|
350
385
|
this.$values = this.formatValue(values);
|
|
386
|
+
this.resetValueMap();
|
|
351
387
|
} else {
|
|
352
388
|
this.resetValue(this.formatValue(values), (0, _shallowEqual.default)(this.$cachedValue, values));
|
|
353
389
|
}
|
|
@@ -367,6 +403,7 @@ function () {
|
|
|
367
403
|
},
|
|
368
404
|
set: function set(values) {
|
|
369
405
|
this.$values = values;
|
|
406
|
+
this.resetValueMap();
|
|
370
407
|
this.dispatch(_types.CHANGE_TOPIC);
|
|
371
408
|
|
|
372
409
|
if (this.onChange) {
|
package/lib/Form/Item.js
CHANGED
|
@@ -196,9 +196,10 @@ function (_Component) {
|
|
|
196
196
|
labelVerticalAlign = _this$props2.labelVerticalAlign,
|
|
197
197
|
labelWidth = _this$props2.labelWidth,
|
|
198
198
|
required = _this$props2.required,
|
|
199
|
-
style = _this$props2.style
|
|
199
|
+
style = _this$props2.style,
|
|
200
|
+
keepErrorHeight = _this$props2.keepErrorHeight;
|
|
200
201
|
var errors = this.getErrors();
|
|
201
|
-
var className = (0, _classnames.default)((0, _utils.getGrid)(grid), (0, _styles.formClass)('item', required && 'required', errors.length > 0 && 'invalid', labelVerticalAlign && "label-vertical-align-" + labelVerticalAlign, ['top', 'right', 'left'].indexOf(labelAlign) >= 0 && "label-align-" + labelAlign), this.props.className);
|
|
202
|
+
var className = (0, _classnames.default)((0, _utils.getGrid)(grid), (0, _styles.formClass)('item', required && 'required', errors.length > 0 && 'invalid', labelVerticalAlign && "label-vertical-align-" + labelVerticalAlign, keepErrorHeight && "item-keep-height", ['top', 'right', 'left'].indexOf(labelAlign) >= 0 && "label-align-" + labelAlign), this.props.className);
|
|
202
203
|
return _react.default.createElement(Provider, {
|
|
203
204
|
value: this.events
|
|
204
205
|
}, _react.default.createElement("div", {
|
|
@@ -217,6 +218,7 @@ function (_Component) {
|
|
|
217
218
|
Item.propTypes = (0, _objectSpread2.default)({}, (0, _proptypes.getProps)(_propTypes.default, 'children', 'grid'), {
|
|
218
219
|
className: _propTypes.default.string,
|
|
219
220
|
// formItemErrors: PropTypes.array,
|
|
221
|
+
keepErrorHeight: _propTypes.default.bool,
|
|
220
222
|
label: _propTypes.default.any,
|
|
221
223
|
labelAlign: _propTypes.default.string,
|
|
222
224
|
labelWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
@@ -224,7 +226,8 @@ Item.propTypes = (0, _objectSpread2.default)({}, (0, _proptypes.getProps)(_propT
|
|
|
224
226
|
tip: _propTypes.default.any
|
|
225
227
|
});
|
|
226
228
|
Item.defaultProps = (0, _objectSpread2.default)({}, _proptypes.defaultProps, {
|
|
227
|
-
formItemErrors: []
|
|
229
|
+
formItemErrors: [],
|
|
230
|
+
keepErrorHeight: true
|
|
228
231
|
});
|
|
229
232
|
var _default = Item; // eslint-disable-next-line
|
|
230
233
|
|
package/lib/Form/formContext.js
CHANGED
|
@@ -103,7 +103,8 @@ var formProvider = function formProvider(Origin) {
|
|
|
103
103
|
disabled = _this$props.disabled,
|
|
104
104
|
pending = _this$props.pending,
|
|
105
105
|
mode = _this$props.mode,
|
|
106
|
-
size = _this$props.size
|
|
106
|
+
size = _this$props.size,
|
|
107
|
+
keepErrorHeight = _this$props.keepErrorHeight;
|
|
107
108
|
var value = {
|
|
108
109
|
formDatum: datum,
|
|
109
110
|
formMode: mode,
|
|
@@ -113,7 +114,8 @@ var formProvider = function formProvider(Origin) {
|
|
|
113
114
|
labelWidth: labelWidth,
|
|
114
115
|
size: size,
|
|
115
116
|
combineRules: this.combineRules,
|
|
116
|
-
groupValidate: this.groupValidate
|
|
117
|
+
groupValidate: this.groupValidate,
|
|
118
|
+
keepErrorHeight: keepErrorHeight
|
|
117
119
|
};
|
|
118
120
|
return _react.default.createElement(Provider, {
|
|
119
121
|
value: value
|
|
@@ -133,7 +135,8 @@ var formProvider = function formProvider(Origin) {
|
|
|
133
135
|
pending: _propTypes.default.bool,
|
|
134
136
|
rule: _propTypes.default.object,
|
|
135
137
|
rules: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object]),
|
|
136
|
-
size: _propTypes.default.string
|
|
138
|
+
size: _propTypes.default.string,
|
|
139
|
+
keepErrorHeight: _propTypes.default.bool
|
|
137
140
|
};
|
|
138
141
|
return FormProvider;
|
|
139
142
|
};
|
package/lib/Form/index.d.ts
CHANGED
|
@@ -77,11 +77,11 @@ export interface FormProps<Value> extends StandardProps {
|
|
|
77
77
|
inline?: boolean;
|
|
78
78
|
|
|
79
79
|
/**
|
|
80
|
-
*
|
|
80
|
+
* The default is empty, follow the theme style.
|
|
81
81
|
*
|
|
82
|
-
*
|
|
82
|
+
* 默认为空,跟随主题样式。
|
|
83
83
|
*
|
|
84
|
-
* default:
|
|
84
|
+
* default:
|
|
85
85
|
*/
|
|
86
86
|
labelAlign?: 'top' | 'right' | 'left';
|
|
87
87
|
|
|
@@ -103,6 +103,15 @@ export interface FormProps<Value> extends StandardProps {
|
|
|
103
103
|
*/
|
|
104
104
|
labelWidth?: string | number;
|
|
105
105
|
|
|
106
|
+
/**
|
|
107
|
+
* Single-line error prompt will not stretch the page height
|
|
108
|
+
*
|
|
109
|
+
* 单行错误提示不撑开页面高度
|
|
110
|
+
*
|
|
111
|
+
* default: false
|
|
112
|
+
*/
|
|
113
|
+
keepErrorHeight?: boolean;
|
|
114
|
+
|
|
106
115
|
/**
|
|
107
116
|
* mode, with useMode
|
|
108
117
|
*
|
|
@@ -207,13 +216,13 @@ export interface FormItemProps extends StandardProps {
|
|
|
207
216
|
label?: string | ReactNode;
|
|
208
217
|
|
|
209
218
|
/**
|
|
210
|
-
*
|
|
219
|
+
* The default is empty, follow the theme style.
|
|
211
220
|
*
|
|
212
|
-
*
|
|
221
|
+
* 默认为空,跟随主题样式。
|
|
213
222
|
*
|
|
214
223
|
* default:
|
|
215
224
|
*/
|
|
216
|
-
labelAlign?: 'top' | 'right';
|
|
225
|
+
labelAlign?: 'top' | 'right' | 'left';
|
|
217
226
|
|
|
218
227
|
/**
|
|
219
228
|
* The width of label. It is invalid when labelAlign is 'top'.
|
|
@@ -242,9 +251,26 @@ export interface FormItemProps extends StandardProps {
|
|
|
242
251
|
*/
|
|
243
252
|
tip?: string;
|
|
244
253
|
|
|
254
|
+
/**
|
|
255
|
+
* Single-line error prompt will not stretch the page height
|
|
256
|
+
*
|
|
257
|
+
* 单行错误提示不撑开页面高度
|
|
258
|
+
*
|
|
259
|
+
* default: false
|
|
260
|
+
*/
|
|
261
|
+
keepErrorHeight?: boolean;
|
|
262
|
+
|
|
245
263
|
}
|
|
246
264
|
|
|
247
265
|
export interface FormFieldProps<Value> {
|
|
266
|
+
/**
|
|
267
|
+
* The name of a Form that accesses data
|
|
268
|
+
*
|
|
269
|
+
* Form 存取数据的名称
|
|
270
|
+
*
|
|
271
|
+
* default: none
|
|
272
|
+
*/
|
|
273
|
+
name: string;
|
|
248
274
|
|
|
249
275
|
/**
|
|
250
276
|
* bind name, render while the name change
|
|
@@ -273,15 +299,6 @@ export interface FormFieldProps<Value> {
|
|
|
273
299
|
*/
|
|
274
300
|
defaultValue?: string | number;
|
|
275
301
|
|
|
276
|
-
/**
|
|
277
|
-
* The name of a Form that accesses data
|
|
278
|
-
*
|
|
279
|
-
* Form 存取数据的名称
|
|
280
|
-
*
|
|
281
|
-
* default: none
|
|
282
|
-
*/
|
|
283
|
-
name?: string;
|
|
284
|
-
|
|
285
302
|
/**
|
|
286
303
|
* Validation rules
|
|
287
304
|
*
|
|
@@ -294,6 +311,14 @@ export interface FormFieldProps<Value> {
|
|
|
294
311
|
}
|
|
295
312
|
|
|
296
313
|
export interface FormFieldSetProps<Value> {
|
|
314
|
+
/**
|
|
315
|
+
* The name that accesses data from from
|
|
316
|
+
*
|
|
317
|
+
* 从 Form 中存取数据的名称
|
|
318
|
+
*
|
|
319
|
+
* default: required
|
|
320
|
+
*/
|
|
321
|
+
name: string;
|
|
297
322
|
|
|
298
323
|
/**
|
|
299
324
|
* When children type is not function, handle a set data type of object
|
|
@@ -354,15 +379,6 @@ export interface FormFieldSetProps<Value> {
|
|
|
354
379
|
*/
|
|
355
380
|
empty?: (onInsert: Value) => ReactNode;
|
|
356
381
|
|
|
357
|
-
/**
|
|
358
|
-
* The name that accesses data from from
|
|
359
|
-
*
|
|
360
|
-
* 从 Form 中存取数据的名称
|
|
361
|
-
*
|
|
362
|
-
* default: required
|
|
363
|
-
*/
|
|
364
|
-
name?: string;
|
|
365
|
-
|
|
366
382
|
/**
|
|
367
383
|
* Validation rules
|
|
368
384
|
*
|
package/lib/Form/index.js
CHANGED
|
@@ -39,7 +39,7 @@ var exportForm = (0, _func.compose)(_Datum.default.hoc({
|
|
|
39
39
|
type: 'form',
|
|
40
40
|
bindProps: ['removeUndefined', 'error']
|
|
41
41
|
}), _formContext.formProvider)((0, _context.consumer)(_Form.default, ['setFormStatus']));
|
|
42
|
-
exportForm.Item = (0, _formContext.formConsumer)(['formDatum', 'labelWidth', 'labelAlign', 'labelVerticalAlign'])(_Item.default);
|
|
42
|
+
exportForm.Item = (0, _formContext.formConsumer)(['formDatum', 'labelWidth', 'labelAlign', 'labelVerticalAlign', 'keepErrorHeight'])(_Item.default);
|
|
43
43
|
exportForm.Field = (0, _inputable.default)(_Field.default);
|
|
44
44
|
exportForm.Block = (0, _formContext.formConsumer)(['formDatum', 'combineRules'])(_Block.default);
|
|
45
45
|
exportForm.BlockField = (0, _inputable.default)(_BlockField.default);
|