tntd 2.0.20 → 2.0.22
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/affix/index.js +2 -1
- package/es/alert/index.js +2 -1
- package/es/anchor/index.js +2 -1
- package/es/array-input/icon.js +6 -24
- package/es/array-input/index.js +119 -203
- package/es/auth-context/index.js +2 -1
- package/es/auto-complete/index.js +2 -1
- package/es/avatar/index.js +2 -1
- package/es/back-top/index.js +2 -1
- package/es/badge/index.js +2 -1
- package/es/breadcrumb/index.js +2 -1
- package/es/button/index.js +2 -1
- package/es/calendar/index.js +2 -1
- package/es/card/index.js +2 -1
- package/es/carousel/index.js +2 -1
- package/es/cascader/index.js +2 -1
- package/es/checkbox/index.js +2 -1
- package/es/col/index.js +2 -1
- package/es/collapse/index.js +2 -1
- package/es/columns/index.js +30 -66
- package/es/columns/style/index.js +2 -1
- package/es/comment/index.js +2 -1
- package/es/config-provider/config-provider.js +2 -1
- package/es/config-provider/index.js +2 -1
- package/es/date-picker/index.js +2 -1
- package/es/descriptions/index.js +2 -1
- package/es/development-login/LoginModal.js +46 -81
- package/es/development-login/index.js +8 -17
- package/es/divider/index.js +2 -1
- package/es/drawer/drawer.js +20 -27
- package/es/drawer/index.js +2 -1
- package/es/dropdown/index.js +2 -1
- package/es/ellipsis/Svg/CopySVG.js +17 -63
- package/es/ellipsis/Svg/TickSVG.js +12 -41
- package/es/ellipsis/index.js +68 -100
- package/es/empty/empty.js +48 -58
- package/es/empty/empty.stories.js +6 -5
- package/es/empty/index.js +2 -1
- package/es/exception/exception.js +19 -32
- package/es/exception/index.js +2 -1
- package/es/form/index.js +2 -1
- package/es/handle/index.js +71 -110
- package/es/icon/index.js +2 -1
- package/es/icon-list/index.js +120 -1
- package/es/img/Contain.js +39 -60
- package/es/img/Cover.js +72 -98
- package/es/img/index.js +32 -48
- package/es/index.js +2 -1
- package/es/input/index.js +2 -1
- package/es/input-number/index.js +2 -1
- package/es/layout/index.js +2 -1
- package/es/list/index.js +2 -1
- package/es/loading-button/index.js +28 -33
- package/es/locale/default.js +4 -3
- package/es/locale/en_US.js +30 -29
- package/es/locale/index.js +2 -1
- package/es/locale/zh_CN.js +30 -29
- package/es/locale-provider/index.js +2 -1
- package/es/mention/index.js +2 -1
- package/es/mentions/index.js +2 -1
- package/es/menu/index.js +2 -1
- package/es/message/index.js +2 -1
- package/es/modal/index.js +2 -1
- package/es/modal/modal.js +17 -20
- package/es/notification/index.js +2 -1
- package/es/page/Box.js +33 -49
- package/es/page/index.js +88 -123
- package/es/page/utils.js +14 -12
- package/es/page-header/index.js +2 -1
- package/es/pagination/index.js +2 -1
- package/es/popconfirm/index.js +2 -1
- package/es/popover/index.js +2 -1
- package/es/prev-locale.js +47 -49
- package/es/progress/index.js +2 -1
- package/es/query-form/Field/Checkbox.js +17 -20
- package/es/query-form/Field/Select.js +39 -54
- package/es/query-form/Field/SelectInput.js +45 -63
- package/es/query-form/Field/fieldsMap.js +20 -19
- package/es/query-form/Field/index.js +66 -104
- package/es/query-form/createActions.js +46 -46
- package/es/query-form/index.js +247 -327
- package/es/query-form/useForm.js +4 -3
- package/es/query-list-scene/List.js +257 -321
- package/es/query-list-scene/QueryForm.js +94 -131
- package/es/query-list-scene/QueryListScene.js +21 -29
- package/es/query-list-scene/Title.js +4 -6
- package/es/query-list-scene/Toolbar.js +15 -21
- package/es/query-list-scene/createActions.js +60 -60
- package/es/query-list-scene/index.js +2 -1
- package/es/query-list-scene/useActions.js +4 -3
- package/es/radio/index.js +2 -1
- package/es/rate/index.js +2 -1
- package/es/render-empty/index.js +2 -1
- package/es/render-empty/render-empty.js +16 -19
- package/es/result/index.js +2 -1
- package/es/row/index.js +2 -1
- package/es/select/index.js +2 -1
- package/es/skeleton/index.js +2 -1
- package/es/slider/index.js +2 -1
- package/es/spin/index.js +2 -1
- package/es/statistic/index.js +2 -1
- package/es/steps/index.js +2 -1
- package/es/steps/steps.js +35 -51
- package/es/svg-components/illustration-403.js +58 -206
- package/es/svg-components/illustration-404.js +75 -290
- package/es/svg-components/illustration-500.js +83 -321
- package/es/svg-components/illustration-empty.js +15 -54
- package/es/svg-components/illustration-failure.js +36 -112
- package/es/svg-components/illustration-no-access.js +35 -114
- package/es/svg-components/illustration-no-chart.js +37 -134
- package/es/svg-components/illustration-no-result.js +32 -92
- package/es/svg-components/illustration-offline.js +43 -131
- package/es/svg-components/illustration-success.js +43 -137
- package/es/svg-components/index.js +2 -1
- package/es/switch/index.js +2 -1
- package/es/table/assets/image-loading-background.js +17 -45
- package/es/table/assets/image-loading.js +5 -26
- package/es/table/constants.js +2 -1
- package/es/table/context.js +2 -1
- package/es/table/hooks/index.js +2 -1
- package/es/table/hooks/use-column-setting.js +16 -13
- package/es/table/index.js +2 -1
- package/es/table/table.js +51 -76
- package/es/table/table.js.map +1 -1
- package/es/table/table.less +0 -7
- package/es/table/table.stories.js +139 -148
- package/es/table/utils.js +18 -17
- package/es/tabs/index.js +2 -1
- package/es/tag/index.js +2 -1
- package/es/time-picker/index.js +2 -1
- package/es/timeline/index.js +2 -1
- package/es/title/index.js +20 -34
- package/es/tnt-second-page/index.js +27 -0
- package/es/tnt-second-page/index.js.map +1 -0
- package/es/tntd-cascader/AntdCascader/component/DisabledContext.js +5 -9
- package/es/tntd-cascader/AntdCascader/component/FormItemInputContext.js +2 -1
- package/es/tntd-cascader/AntdCascader/component/SizeContext.js +2 -1
- package/es/tntd-cascader/AntdCascader/component/context.js +7 -5
- package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +10 -22
- package/es/tntd-cascader/AntdCascader/component/getIcons.js +50 -72
- package/es/tntd-cascader/AntdCascader/component/useCompactItemContext.js +20 -22
- package/es/tntd-cascader/AntdCascader/config/utils.js +18 -17
- package/es/tntd-cascader/AntdCascader/config/warning.js +10 -9
- package/es/tntd-cascader/AntdCascader/index.js +118 -189
- package/es/tntd-cascader/AntdCascader/interface.js +2 -1
- package/es/tntd-cascader/index.js +2 -1
- package/es/tntd-cascader/rc-cascader/Cascader.js +239 -256
- package/es/tntd-cascader/rc-cascader/OptionList/Checkbox.js +11 -21
- package/es/tntd-cascader/rc-cascader/OptionList/Column.js +116 -175
- package/es/tntd-cascader/rc-cascader/OptionList/index.js +128 -180
- package/es/tntd-cascader/rc-cascader/OptionList/useActive.js +19 -22
- package/es/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +137 -144
- package/es/tntd-cascader/rc-cascader/context.js +2 -1
- package/es/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +37 -44
- package/es/tntd-cascader/rc-cascader/hooks/useEntities.js +24 -25
- package/es/tntd-cascader/rc-cascader/hooks/useMissingValues.js +17 -15
- package/es/tntd-cascader/rc-cascader/hooks/useRefFunc.js +8 -7
- package/es/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +21 -20
- package/es/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +41 -51
- package/es/tntd-cascader/rc-cascader/index.js +2 -1
- package/es/tntd-cascader/rc-cascader/utils/commonUtil.js +27 -33
- package/es/tntd-cascader/rc-cascader/utils/treeUtil.js +32 -29
- package/es/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +23 -26
- package/es/tntd-form/TntdForm/components/Item.js +34 -31
- package/es/tntd-form/TntdForm/components/Item.js.map +1 -1
- package/es/tntd-form/TntdForm/components/ItemComp.js +163 -135
- package/es/tntd-form/TntdForm/components/ItemComp.js.map +1 -1
- package/es/tntd-form/TntdForm/components/List.js +79 -63
- package/es/tntd-form/TntdForm/components/List.js.map +1 -1
- package/es/tntd-form/TntdForm/index.js +35 -37
- package/es/tntd-form/TntdForm/index.js.map +1 -1
- package/es/tntd-form/TntdForm/interface.js +2 -1
- package/es/tntd-form/TntdForm/interface.js.map +1 -1
- package/es/tntd-form/TntdForm/store.js +2 -1
- package/es/tntd-form/TntdForm/utils.js +168 -158
- package/es/tntd-form/index.js +2 -1
- package/es/tntd-icon/fonts/iconfont.js +53 -36
- package/es/tntd-icon/index.js +17 -23
- package/es/tntd-layout/ActionsContext.js +2 -1
- package/es/tntd-layout/AppList.js +77 -135
- package/es/tntd-layout/Application.js +29 -42
- package/es/tntd-layout/Avatar.js +42 -80
- package/es/tntd-layout/CompatibleLanguage.js +56 -93
- package/es/tntd-layout/EnterpriseLayout/Avatar.js +47 -93
- package/es/tntd-layout/EnterpriseLayout/Language.js +34 -56
- package/es/tntd-layout/EnterpriseLayout/Theme.js +24 -45
- package/es/tntd-layout/EnterpriseLayout/index.js +9 -17
- package/es/tntd-layout/GlobalNavigation/NavigationPopup.js +154 -213
- package/es/tntd-layout/GlobalNavigation/index.js +50 -84
- package/es/tntd-layout/Header.js +26 -59
- package/es/tntd-layout/HeaderActions.js +34 -83
- package/es/tntd-layout/HeaderNavs.js +35 -46
- package/es/tntd-layout/HeaderTabs.js +140 -176
- package/es/tntd-layout/Iconfont.js +2 -1
- package/es/tntd-layout/Language.js +33 -55
- package/es/tntd-layout/Layout.js +78 -176
- package/es/tntd-layout/Logo.js +40 -52
- package/es/tntd-layout/OrgAppList.js +139 -208
- package/es/tntd-layout/SideMenu.js +160 -230
- package/es/tntd-layout/Theme.js +29 -47
- package/es/tntd-layout/createActions.js +29 -28
- package/es/tntd-layout/images/index.js +32 -31
- package/es/tntd-layout/index.js +60 -92
- package/es/tntd-layout/paaslayout/CompactSideMenu.js +65 -109
- package/es/tntd-layout/paaslayout/Header.js +14 -37
- package/es/tntd-layout/paaslayout/Logo.js +3 -2
- package/es/tntd-layout/paaslayout/SideMenu.js +63 -109
- package/es/tntd-layout/paaslayout/index.js +79 -159
- package/es/tntd-layout/storage.js +11 -18
- package/es/tntd-layout/tntdLayout.stories.js +275 -0
- package/es/tntd-layout/tntdLayout.stories.js.map +1 -0
- package/es/tntd-modal/index.js +32 -73
- package/es/tntd-second-page/index.js +24 -47
- package/es/tntd-second-page/index.less +2 -2
- package/es/tntd-select/DropDownWrap.js +52 -73
- package/es/tntd-select/index.js +482 -564
- package/es/tooltip/index.js +2 -1
- package/es/transfer/index.js +2 -1
- package/es/tree/index.js +2 -1
- package/es/tree-select/index.js +2 -1
- package/es/typography/index.js +2 -1
- package/es/upload/index.js +2 -1
- package/es/utils/checkAuth.js +21 -24
- package/es/utils/findMenuInfoByPath.js +30 -33
- package/es/utils/index.js +59 -65
- package/es/version/index.js +2 -1
- package/lib/affix/index.d.ts +3 -3
- package/lib/affix/index.js +22 -23
- package/lib/affix/index.js.map +1 -1
- package/lib/alert/index.d.ts +3 -3
- package/lib/alert/index.js +22 -23
- package/lib/alert/index.js.map +1 -1
- package/lib/anchor/index.d.ts +3 -3
- package/lib/anchor/index.js +22 -23
- package/lib/anchor/index.js.map +1 -1
- package/lib/array-input/icon.js +12 -33
- package/lib/array-input/index.js +150 -254
- package/lib/auth-context/index.js +4 -10
- package/lib/auto-complete/index.d.ts +3 -3
- package/lib/auto-complete/index.js +22 -23
- package/lib/auto-complete/index.js.map +1 -1
- package/lib/avatar/index.d.ts +3 -3
- package/lib/avatar/index.js +22 -23
- package/lib/avatar/index.js.map +1 -1
- package/lib/back-top/index.d.ts +3 -3
- package/lib/back-top/index.js +22 -23
- package/lib/back-top/index.js.map +1 -1
- package/lib/badge/index.d.ts +3 -3
- package/lib/badge/index.js +22 -23
- package/lib/badge/index.js.map +1 -1
- package/lib/breadcrumb/index.d.ts +3 -3
- package/lib/breadcrumb/index.js +22 -23
- package/lib/breadcrumb/index.js.map +1 -1
- package/lib/button/index.d.ts +3 -3
- package/lib/button/index.js +22 -23
- package/lib/button/index.js.map +1 -1
- package/lib/calendar/index.d.ts +3 -3
- package/lib/calendar/index.js +22 -23
- package/lib/calendar/index.js.map +1 -1
- package/lib/card/index.d.ts +3 -3
- package/lib/card/index.js +22 -23
- package/lib/card/index.js.map +1 -1
- package/lib/carousel/index.d.ts +3 -3
- package/lib/carousel/index.js +22 -23
- package/lib/carousel/index.js.map +1 -1
- package/lib/cascader/index.d.ts +3 -3
- package/lib/cascader/index.js +22 -23
- package/lib/cascader/index.js.map +1 -1
- package/lib/checkbox/index.d.ts +3 -3
- package/lib/checkbox/index.js +22 -23
- package/lib/checkbox/index.js.map +1 -1
- package/lib/col/index.d.ts +3 -3
- package/lib/col/index.js +22 -23
- package/lib/col/index.js.map +1 -1
- package/lib/collapse/index.d.ts +3 -3
- package/lib/collapse/index.js +23 -24
- package/lib/collapse/index.js.map +1 -1
- package/lib/columns/index.js +41 -81
- package/lib/columns/style/index.js +2 -1
- package/lib/comment/index.d.ts +3 -3
- package/lib/comment/index.js +22 -23
- package/lib/comment/index.js.map +1 -1
- package/lib/config-provider/config-provider.d.ts +1 -1
- package/lib/config-provider/config-provider.js +8 -12
- package/lib/config-provider/config-provider.js.map +1 -1
- package/lib/config-provider/index.d.ts +3 -3
- package/lib/config-provider/index.js +22 -23
- package/lib/config-provider/index.js.map +1 -1
- package/lib/date-picker/index.d.ts +3 -3
- package/lib/date-picker/index.js +22 -23
- package/lib/date-picker/index.js.map +1 -1
- package/lib/descriptions/index.d.ts +3 -3
- package/lib/descriptions/index.js +22 -23
- package/lib/descriptions/index.js.map +1 -1
- package/lib/development-login/LoginModal.js +79 -110
- package/lib/development-login/index.js +35 -42
- package/lib/divider/index.d.ts +3 -3
- package/lib/divider/index.js +22 -23
- package/lib/divider/index.js.map +1 -1
- package/lib/drawer/drawer.d.ts +1 -1
- package/lib/drawer/drawer.js +30 -41
- package/lib/drawer/drawer.js.map +1 -1
- package/lib/drawer/index.d.ts +2 -2
- package/lib/drawer/index.js +20 -22
- package/lib/drawer/index.js.map +1 -1
- package/lib/dropdown/index.d.ts +3 -3
- package/lib/dropdown/index.js +22 -23
- package/lib/dropdown/index.js.map +1 -1
- package/lib/ellipsis/Svg/CopySVG.js +21 -70
- package/lib/ellipsis/Svg/TickSVG.js +16 -48
- package/lib/ellipsis/index.js +105 -128
- package/lib/empty/empty.d.ts +2 -2
- package/lib/empty/empty.js +75 -90
- package/lib/empty/empty.js.map +1 -1
- package/lib/empty/empty.stories.js +18 -19
- package/lib/empty/index.d.ts +1 -1
- package/lib/empty/index.js +19 -20
- package/lib/empty/index.js.map +1 -1
- package/lib/exception/exception.js +31 -46
- package/lib/exception/exception.js.map +1 -1
- package/lib/exception/index.js +18 -19
- package/lib/form/index.d.ts +3 -3
- package/lib/form/index.js +22 -23
- package/lib/form/index.js.map +1 -1
- package/lib/handle/index.js +104 -140
- package/lib/handle/index.js.map +1 -1
- package/lib/icon/index.d.ts +3 -3
- package/lib/icon/index.js +22 -23
- package/lib/icon/index.js.map +1 -1
- package/lib/icon-list/index.js +121 -7
- package/lib/img/Contain.js +44 -69
- package/lib/img/Cover.js +78 -117
- package/lib/img/index.js +60 -74
- package/lib/index.js +184 -614
- package/lib/input/index.d.ts +3 -3
- package/lib/input/index.js +22 -23
- package/lib/input/index.js.map +1 -1
- package/lib/input-number/index.d.ts +3 -3
- package/lib/input-number/index.js +22 -23
- package/lib/input-number/index.js.map +1 -1
- package/lib/layout/index.d.ts +3 -3
- package/lib/layout/index.js +22 -23
- package/lib/layout/index.js.map +1 -1
- package/lib/list/index.d.ts +3 -3
- package/lib/list/index.js +22 -23
- package/lib/list/index.js.map +1 -1
- package/lib/loading-button/index.js +55 -58
- package/lib/locale/default.d.ts +1 -163
- package/lib/locale/default.d.ts.map +1 -1
- package/lib/locale/default.js +10 -12
- package/lib/locale/default.js.map +1 -1
- package/lib/locale/en_US.d.ts +1 -96
- package/lib/locale/en_US.d.ts.map +1 -1
- package/lib/locale/en_US.js +35 -37
- package/lib/locale/en_US.js.map +1 -1
- package/lib/locale/index.js +18 -36
- package/lib/locale/zh_CN.d.ts +1 -95
- package/lib/locale/zh_CN.d.ts.map +1 -1
- package/lib/locale/zh_CN.js +35 -37
- package/lib/locale/zh_CN.js.map +1 -1
- package/lib/locale-provider/index.d.ts +3 -3
- package/lib/locale-provider/index.js +22 -23
- package/lib/locale-provider/index.js.map +1 -1
- package/lib/mention/index.d.ts +3 -3
- package/lib/mention/index.js +22 -23
- package/lib/mention/index.js.map +1 -1
- package/lib/mentions/index.d.ts +3 -3
- package/lib/mentions/index.js +22 -23
- package/lib/mentions/index.js.map +1 -1
- package/lib/menu/index.d.ts +3 -3
- package/lib/menu/index.js +22 -23
- package/lib/menu/index.js.map +1 -1
- package/lib/message/index.d.ts +3 -3
- package/lib/message/index.js +22 -23
- package/lib/message/index.js.map +1 -1
- package/lib/modal/index.d.ts +1 -1
- package/lib/modal/index.js +21 -22
- package/lib/modal/index.js.map +1 -1
- package/lib/modal/modal.d.ts +9 -9
- package/lib/modal/modal.js +49 -53
- package/lib/modal/modal.js.map +1 -1
- package/lib/notification/index.d.ts +3 -3
- package/lib/notification/index.js +22 -23
- package/lib/notification/index.js.map +1 -1
- package/lib/page/Box.js +40 -66
- package/lib/page/index.js +99 -151
- package/lib/page/utils.js +16 -22
- package/lib/page-header/index.d.ts +3 -3
- package/lib/page-header/index.js +22 -23
- package/lib/page-header/index.js.map +1 -1
- package/lib/pagination/index.d.ts +3 -3
- package/lib/pagination/index.js +22 -23
- package/lib/pagination/index.js.map +1 -1
- package/lib/popconfirm/index.d.ts +3 -3
- package/lib/popconfirm/index.js +22 -23
- package/lib/popconfirm/index.js.map +1 -1
- package/lib/popover/index.d.ts +3 -3
- package/lib/popover/index.js +22 -23
- package/lib/popover/index.js.map +1 -1
- package/lib/prev-locale.js +53 -67
- package/lib/progress/index.d.ts +3 -3
- package/lib/progress/index.js +22 -23
- package/lib/progress/index.js.map +1 -1
- package/lib/query-form/Field/Checkbox.js +22 -28
- package/lib/query-form/Field/Select.js +68 -79
- package/lib/query-form/Field/SelectInput.js +73 -85
- package/lib/query-form/Field/fieldsMap.d.ts +2 -2
- package/lib/query-form/Field/fieldsMap.js +32 -34
- package/lib/query-form/Field/index.js +95 -139
- package/lib/query-form/createActions.js +50 -53
- package/lib/query-form/index.d.ts +1 -1
- package/lib/query-form/index.d.ts.map +1 -1
- package/lib/query-form/index.js +286 -377
- package/lib/query-form/useForm.js +11 -11
- package/lib/query-list-scene/List.d.ts +2 -2
- package/lib/query-list-scene/List.d.ts.map +1 -1
- package/lib/query-list-scene/List.js +291 -360
- package/lib/query-list-scene/QueryForm.js +103 -160
- package/lib/query-list-scene/QueryListScene.js +31 -66
- package/lib/query-list-scene/Title.js +9 -15
- package/lib/query-list-scene/Toolbar.js +20 -31
- package/lib/query-list-scene/createActions.d.ts +4 -4
- package/lib/query-list-scene/createActions.js +64 -79
- package/lib/query-list-scene/index.d.ts +4 -4
- package/lib/query-list-scene/index.js +24 -28
- package/lib/query-list-scene/useActions.d.ts +4 -4
- package/lib/query-list-scene/useActions.js +11 -11
- package/lib/radio/index.d.ts +3 -3
- package/lib/radio/index.js +22 -23
- package/lib/radio/index.js.map +1 -1
- package/lib/rate/index.d.ts +3 -3
- package/lib/rate/index.js +22 -23
- package/lib/rate/index.js.map +1 -1
- package/lib/render-empty/index.js +4 -8
- package/lib/render-empty/render-empty.js +22 -28
- package/lib/render-empty/render-empty.js.map +1 -1
- package/lib/result/index.d.ts +3 -3
- package/lib/result/index.js +22 -23
- package/lib/result/index.js.map +1 -1
- package/lib/row/index.d.ts +3 -3
- package/lib/row/index.js +22 -23
- package/lib/row/index.js.map +1 -1
- package/lib/select/index.d.ts +3 -3
- package/lib/select/index.js +22 -23
- package/lib/select/index.js.map +1 -1
- package/lib/skeleton/index.d.ts +3 -3
- package/lib/skeleton/index.js +22 -23
- package/lib/skeleton/index.js.map +1 -1
- package/lib/slider/index.d.ts +3 -3
- package/lib/slider/index.js +22 -23
- package/lib/slider/index.js.map +1 -1
- package/lib/spin/index.d.ts +3 -3
- package/lib/spin/index.js +22 -23
- package/lib/spin/index.js.map +1 -1
- package/lib/statistic/index.d.ts +3 -3
- package/lib/statistic/index.js +22 -23
- package/lib/statistic/index.js.map +1 -1
- package/lib/steps/index.d.ts +1 -1
- package/lib/steps/index.js +19 -20
- package/lib/steps/index.js.map +1 -1
- package/lib/steps/steps.d.ts +3 -3
- package/lib/steps/steps.js +59 -72
- package/lib/steps/steps.js.map +1 -1
- package/lib/svg-components/illustration-403.js +84 -217
- package/lib/svg-components/illustration-404.js +101 -301
- package/lib/svg-components/illustration-500.js +109 -332
- package/lib/svg-components/illustration-empty.js +41 -65
- package/lib/svg-components/illustration-failure.js +62 -123
- package/lib/svg-components/illustration-no-access.js +61 -125
- package/lib/svg-components/illustration-no-chart.js +63 -145
- package/lib/svg-components/illustration-no-result.js +58 -103
- package/lib/svg-components/illustration-offline.js +69 -142
- package/lib/svg-components/illustration-success.js +69 -148
- package/lib/svg-components/index.js +26 -75
- package/lib/switch/index.d.ts +3 -3
- package/lib/switch/index.js +22 -23
- package/lib/switch/index.js.map +1 -1
- package/lib/table/assets/image-loading-background.js +43 -56
- package/lib/table/assets/image-loading.js +31 -37
- package/lib/table/constants.js +3 -6
- package/lib/table/context.js +4 -7
- package/lib/table/hooks/index.js +16 -14
- package/lib/table/hooks/use-column-setting.d.ts +1 -1
- package/lib/table/hooks/use-column-setting.js +20 -37
- package/lib/table/hooks/use-column-setting.js.map +1 -1
- package/lib/table/index.d.ts +1 -1
- package/lib/table/index.js +19 -20
- package/lib/table/index.js.map +1 -1
- package/lib/table/table.d.ts +4 -5
- package/lib/table/table.d.ts.map +1 -1
- package/lib/table/table.js +90 -110
- package/lib/table/table.js.map +1 -1
- package/lib/table/table.less +0 -7
- package/lib/table/table.stories.js +154 -182
- package/lib/table/utils.d.ts +1 -1
- package/lib/table/utils.js +25 -24
- package/lib/table/utils.js.map +1 -1
- package/lib/tabs/index.d.ts +3 -3
- package/lib/tabs/index.js +22 -23
- package/lib/tabs/index.js.map +1 -1
- package/lib/tag/index.d.ts +3 -3
- package/lib/tag/index.js +22 -23
- package/lib/tag/index.js.map +1 -1
- package/lib/time-picker/index.d.ts +3 -3
- package/lib/time-picker/index.js +22 -23
- package/lib/time-picker/index.js.map +1 -1
- package/lib/timeline/index.d.ts +3 -3
- package/lib/timeline/index.js +22 -23
- package/lib/timeline/index.js.map +1 -1
- package/lib/title/index.js +26 -45
- package/lib/tnt-second-page/index.d.ts +17 -0
- package/lib/tnt-second-page/index.d.ts.map +1 -0
- package/lib/tnt-second-page/index.js +33 -0
- package/lib/tnt-second-page/index.js.map +1 -0
- package/lib/tntd-cascader/AntdCascader/component/DisabledContext.js +31 -18
- package/lib/tntd-cascader/AntdCascader/component/FormItemInputContext.js +26 -9
- package/lib/tntd-cascader/AntdCascader/component/SizeContext.js +26 -9
- package/lib/tntd-cascader/AntdCascader/component/context.js +16 -18
- package/lib/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +39 -36
- package/lib/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js.map +1 -1
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js +75 -81
- package/lib/tntd-cascader/AntdCascader/component/useCompactItemContext.js +50 -31
- package/lib/tntd-cascader/AntdCascader/config/utils.js +27 -29
- package/lib/tntd-cascader/AntdCascader/config/warning.js +35 -19
- package/lib/tntd-cascader/AntdCascader/index.js +162 -216
- package/lib/tntd-cascader/AntdCascader/interface.js +6 -13
- package/lib/tntd-cascader/img/no-data-s.png +0 -0
- package/lib/tntd-cascader/index.js +8 -12
- package/lib/tntd-cascader/rc-cascader/Cascader.js +284 -325
- package/lib/tntd-cascader/rc-cascader/OptionList/Checkbox.js +41 -30
- package/lib/tntd-cascader/rc-cascader/OptionList/Column.js +152 -198
- package/lib/tntd-cascader/rc-cascader/OptionList/index.js +163 -223
- package/lib/tntd-cascader/rc-cascader/OptionList/useActive.js +48 -40
- package/lib/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +166 -179
- package/lib/tntd-cascader/rc-cascader/context.js +27 -11
- package/lib/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +63 -62
- package/lib/tntd-cascader/rc-cascader/hooks/useEntities.js +49 -39
- package/lib/tntd-cascader/rc-cascader/hooks/useMissingValues.js +41 -26
- package/lib/tntd-cascader/rc-cascader/hooks/useRefFunc.js +33 -16
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +51 -30
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +65 -75
- package/lib/tntd-cascader/rc-cascader/index.js +7 -9
- package/lib/tntd-cascader/rc-cascader/utils/commonUtil.js +38 -49
- package/lib/tntd-cascader/rc-cascader/utils/treeUtil.js +39 -42
- package/lib/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +30 -34
- package/lib/tntd-form/TntdForm/components/Item.d.ts.map +1 -1
- package/lib/tntd-form/TntdForm/components/Item.js +63 -42
- package/lib/tntd-form/TntdForm/components/Item.js.map +1 -1
- package/lib/tntd-form/TntdForm/components/ItemComp.d.ts.map +1 -1
- package/lib/tntd-form/TntdForm/components/ItemComp.js +194 -161
- package/lib/tntd-form/TntdForm/components/ItemComp.js.map +1 -1
- package/lib/tntd-form/TntdForm/components/List.d.ts.map +1 -1
- package/lib/tntd-form/TntdForm/components/List.js +111 -91
- package/lib/tntd-form/TntdForm/components/List.js.map +1 -1
- package/lib/tntd-form/TntdForm/index.d.ts.map +1 -1
- package/lib/tntd-form/TntdForm/index.js +74 -66
- package/lib/tntd-form/TntdForm/index.js.map +1 -1
- package/lib/tntd-form/TntdForm/interface.d.ts +10 -8
- package/lib/tntd-form/TntdForm/interface.d.ts.map +1 -1
- package/lib/tntd-form/TntdForm/interface.js +2 -4
- package/lib/tntd-form/TntdForm/interface.js.map +1 -1
- package/lib/tntd-form/TntdForm/store.js +7 -8
- package/lib/tntd-form/TntdForm/utils.js +184 -182
- package/lib/tntd-form/index.js +8 -12
- package/lib/tntd-icon/fonts/iconfont.js +53 -36
- package/lib/tntd-icon/index.js +25 -40
- package/lib/tntd-layout/ActionsContext.js +4 -8
- package/lib/tntd-layout/AppList.js +224 -173
- package/lib/tntd-layout/Application.js +111 -75
- package/lib/tntd-layout/Avatar.js +135 -100
- package/lib/tntd-layout/CompatibleLanguage.js +180 -128
- package/lib/tntd-layout/EnterpriseLayout/Avatar.js +146 -117
- package/lib/tntd-layout/EnterpriseLayout/Language.js +90 -73
- package/lib/tntd-layout/EnterpriseLayout/Theme.js +102 -69
- package/lib/tntd-layout/EnterpriseLayout/index.js +17 -28
- package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js +277 -284
- package/lib/tntd-layout/GlobalNavigation/index.js +115 -108
- package/lib/tntd-layout/Header.js +136 -77
- package/lib/tntd-layout/HeaderActions.js +106 -105
- package/lib/tntd-layout/HeaderNavs.js +107 -78
- package/lib/tntd-layout/HeaderTabs.js +316 -224
- package/lib/tntd-layout/Iconfont.js +7 -11
- package/lib/tntd-layout/Language.js +76 -69
- package/lib/tntd-layout/Layout.js +171 -214
- package/lib/tntd-layout/Logo.js +144 -69
- package/lib/tntd-layout/OrgAppList.js +388 -238
- package/lib/tntd-layout/SideMenu.js +408 -269
- package/lib/tntd-layout/Theme.js +93 -75
- package/lib/tntd-layout/createActions.js +34 -45
- package/lib/tntd-layout/images/avatar/empty.png +0 -0
- package/lib/tntd-layout/images/avatar/female1.png +0 -0
- package/lib/tntd-layout/images/avatar/female2.png +0 -0
- package/lib/tntd-layout/images/avatar/female3.png +0 -0
- package/lib/tntd-layout/images/avatar/female4.png +0 -0
- package/lib/tntd-layout/images/avatar/female5.png +0 -0
- package/lib/tntd-layout/images/avatar/female6.png +0 -0
- package/lib/tntd-layout/images/avatar/male1.png +0 -0
- package/lib/tntd-layout/images/avatar/male2.png +0 -0
- package/lib/tntd-layout/images/avatar/male3.png +0 -0
- package/lib/tntd-layout/images/avatar/male4.png +0 -0
- package/lib/tntd-layout/images/avatar/male5.png +0 -0
- package/lib/tntd-layout/images/avatar/male6.png +0 -0
- package/lib/tntd-layout/images/index.js +66 -68
- package/lib/tntd-layout/index.js +95 -137
- package/lib/tntd-layout/paaslayout/CompactSideMenu.js +182 -131
- package/lib/tntd-layout/paaslayout/Header.js +79 -51
- package/lib/tntd-layout/paaslayout/Logo.js +30 -15
- package/lib/tntd-layout/paaslayout/SideMenu.js +147 -131
- package/lib/tntd-layout/paaslayout/index.js +141 -205
- package/lib/tntd-layout/storage.js +30 -58
- package/lib/tntd-layout/tntdLayout.stories.d.ts +5 -0
- package/lib/tntd-layout/tntdLayout.stories.d.ts.map +1 -0
- package/lib/tntd-layout/tntdLayout.stories.js +304 -0
- package/lib/tntd-layout/tntdLayout.stories.js.map +1 -0
- package/lib/tntd-modal/index.js +62 -98
- package/lib/tntd-second-page/index.js +33 -60
- package/lib/tntd-second-page/index.js.map +1 -1
- package/lib/tntd-second-page/index.less +2 -2
- package/lib/tntd-select/DropDownWrap.js +78 -102
- package/lib/tntd-select/index.d.ts +1 -1
- package/lib/tntd-select/index.js +519 -607
- package/lib/tooltip/index.d.ts +3 -3
- package/lib/tooltip/index.js +22 -23
- package/lib/tooltip/index.js.map +1 -1
- package/lib/transfer/index.d.ts +3 -3
- package/lib/transfer/index.js +22 -23
- package/lib/transfer/index.js.map +1 -1
- package/lib/tree/index.d.ts +3 -3
- package/lib/tree/index.js +22 -23
- package/lib/tree/index.js.map +1 -1
- package/lib/tree-select/index.d.ts +3 -3
- package/lib/tree-select/index.js +22 -23
- package/lib/tree-select/index.js.map +1 -1
- package/lib/typography/index.d.ts +3 -3
- package/lib/typography/index.js +22 -23
- package/lib/typography/index.js.map +1 -1
- package/lib/upload/index.d.ts +3 -3
- package/lib/upload/index.js +22 -23
- package/lib/upload/index.js.map +1 -1
- package/lib/utils/checkAuth.js +23 -34
- package/lib/utils/findMenuInfoByPath.js +34 -41
- package/lib/utils/index.js +80 -117
- package/lib/version/index.d.ts +3 -3
- package/lib/version/index.js +22 -23
- package/lib/version/index.js.map +1 -1
- package/package.json +1 -1
- package/es/array-input/style/index.js +0 -1
- package/es/array-input/style/index.js.map +0 -1
- package/es/auth-context/style/index.js +0 -1
- package/es/auth-context/style/index.js.map +0 -1
- package/es/development-login/style/index.js +0 -1
- package/es/development-login/style/index.js.map +0 -1
- package/es/ellipsis/style/index.js +0 -1
- package/es/ellipsis/style/index.js.map +0 -1
- package/es/empty/render-empty.js +0 -22
- package/es/empty/render-empty.js.map +0 -1
- package/es/empty/style/index.js +0 -2
- package/es/empty/style/index.js.map +0 -1
- package/es/handle/style/index.js +0 -1
- package/es/handle/style/index.js.map +0 -1
- package/es/icon-list/style/index.js +0 -1
- package/es/icon-list/style/index.js.map +0 -1
- package/es/img/style/index.js +0 -1
- package/es/img/style/index.js.map +0 -1
- package/es/loading-button/style/index.js +0 -1
- package/es/loading-button/style/index.js.map +0 -1
- package/es/page/style/index.js +0 -1
- package/es/page/style/index.js.map +0 -1
- package/es/query-form/style/index.js +0 -1
- package/es/query-form/style/index.js.map +0 -1
- package/es/query-list-scene/style/index.js +0 -1
- package/es/query-list-scene/style/index.js.map +0 -1
- package/es/render-empty/style/index.js +0 -1
- package/es/render-empty/style/index.js.map +0 -1
- package/es/table/style/index.js +0 -2
- package/es/table/style/index.js.map +0 -1
- package/es/title/style/index.js +0 -1
- package/es/title/style/index.js.map +0 -1
- package/es/tntd-icon/style/index.js +0 -1
- package/es/tntd-icon/style/index.js.map +0 -1
- package/es/tntd-layout/style/index.js +0 -1
- package/es/tntd-layout/style/index.js.map +0 -1
- package/es/tntd-modal/style/index.js +0 -1
- package/es/tntd-modal/style/index.js.map +0 -1
- package/es/tntd-select/style/index.js +0 -1
- package/es/tntd-select/style/index.js.map +0 -1
- package/lib/array-input/style/index.d.ts +0 -1
- package/lib/array-input/style/index.d.ts.map +0 -1
- package/lib/array-input/style/index.js +0 -1
- package/lib/array-input/style/index.js.map +0 -1
- package/lib/auth-context/style/index.d.ts +0 -1
- package/lib/auth-context/style/index.d.ts.map +0 -1
- package/lib/auth-context/style/index.js +0 -1
- package/lib/auth-context/style/index.js.map +0 -1
- package/lib/development-login/style/index.d.ts +0 -1
- package/lib/development-login/style/index.d.ts.map +0 -1
- package/lib/development-login/style/index.js +0 -1
- package/lib/development-login/style/index.js.map +0 -1
- package/lib/ellipsis/style/index.d.ts +0 -1
- package/lib/ellipsis/style/index.d.ts.map +0 -1
- package/lib/ellipsis/style/index.js +0 -1
- package/lib/ellipsis/style/index.js.map +0 -1
- package/lib/empty/render-empty.d.ts +0 -3
- package/lib/empty/render-empty.d.ts.map +0 -1
- package/lib/empty/render-empty.js +0 -32
- package/lib/empty/render-empty.js.map +0 -1
- package/lib/empty/style/index.d.ts +0 -3
- package/lib/empty/style/index.d.ts.map +0 -1
- package/lib/empty/style/index.js +0 -4
- package/lib/empty/style/index.js.map +0 -1
- package/lib/handle/style/index.d.ts +0 -1
- package/lib/handle/style/index.d.ts.map +0 -1
- package/lib/handle/style/index.js +0 -1
- package/lib/handle/style/index.js.map +0 -1
- package/lib/icon-list/style/index.d.ts +0 -3
- package/lib/icon-list/style/index.d.ts.map +0 -1
- package/lib/icon-list/style/index.js +0 -8
- package/lib/icon-list/style/index.js.map +0 -1
- package/lib/img/style/index.d.ts +0 -1
- package/lib/img/style/index.d.ts.map +0 -1
- package/lib/img/style/index.js +0 -1
- package/lib/img/style/index.js.map +0 -1
- package/lib/loading-button/style/index.d.ts +0 -1
- package/lib/loading-button/style/index.d.ts.map +0 -1
- package/lib/loading-button/style/index.js +0 -1
- package/lib/loading-button/style/index.js.map +0 -1
- package/lib/page/style/index.d.ts +0 -1
- package/lib/page/style/index.d.ts.map +0 -1
- package/lib/page/style/index.js +0 -1
- package/lib/page/style/index.js.map +0 -1
- package/lib/query-form/style/index.d.ts +0 -1
- package/lib/query-form/style/index.d.ts.map +0 -1
- package/lib/query-form/style/index.js +0 -1
- package/lib/query-form/style/index.js.map +0 -1
- package/lib/query-list-scene/style/index.d.ts +0 -1
- package/lib/query-list-scene/style/index.d.ts.map +0 -1
- package/lib/query-list-scene/style/index.js +0 -1
- package/lib/query-list-scene/style/index.js.map +0 -1
- package/lib/render-empty/style/index.d.ts +0 -2
- package/lib/render-empty/style/index.d.ts.map +0 -1
- package/lib/render-empty/style/index.js +0 -3
- package/lib/render-empty/style/index.js.map +0 -1
- package/lib/table/style/index.d.ts +0 -3
- package/lib/table/style/index.d.ts.map +0 -1
- package/lib/table/style/index.js +0 -4
- package/lib/table/style/index.js.map +0 -1
- package/lib/title/style/index.d.ts +0 -1
- package/lib/title/style/index.d.ts.map +0 -1
- package/lib/title/style/index.js +0 -1
- package/lib/title/style/index.js.map +0 -1
- package/lib/tntd-icon/style/index.d.ts +0 -1
- package/lib/tntd-icon/style/index.d.ts.map +0 -1
- package/lib/tntd-icon/style/index.js +0 -1
- package/lib/tntd-icon/style/index.js.map +0 -1
- package/lib/tntd-layout/style/index.d.ts +0 -1
- package/lib/tntd-layout/style/index.d.ts.map +0 -1
- package/lib/tntd-layout/style/index.js +0 -1
- package/lib/tntd-layout/style/index.js.map +0 -1
- package/lib/tntd-modal/style/index.d.ts +0 -1
- package/lib/tntd-modal/style/index.d.ts.map +0 -1
- package/lib/tntd-modal/style/index.js +0 -1
- package/lib/tntd-modal/style/index.js.map +0 -1
- package/lib/tntd-select/style/index.d.ts +0 -1
- package/lib/tntd-select/style/index.d.ts.map +0 -1
- package/lib/tntd-select/style/index.js +0 -1
- package/lib/tntd-select/style/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemComp.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/ItemComp.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: TntdForm.Item进行性能优化\n * @Author: 郑泳健\n * @Date: 2023-02-23 12:47:28\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 18:27:03\n */\n\nimport React, { useState, memo, useEffect } from 'react'\nimport { isEqual } from 'lodash'\nimport { getNames, handleCheckItem, getInitValue } from '../utils'\nimport type { IFormItem, IFormItemData, TinitialValueType } from '../interface'\n\nconst ItemComp: React.FC<IFormItem> = ({\n form,\n name,\n children,\n style,\n initialValues,\n initialValue,\n rules,\n setCurrentChangeKeys,\n}) => {\n const [value, setValue] = useState<TinitialValueType>(undefined)\n const [errorMsg, setErrorMsg] = useState<string | undefined>(undefined)\n\n /**\n * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行,需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的\n * @param name\n * @param value\n * @returns\n */\n const generateFormData = (name: string[] | string, value: TinitialValueType) => {\n if (!name || !form) return\n const [str, ...rest] = name\n\n rest.forEach((i) => {\n if (form.formData[str]) {\n form.formData[str][i].value = value\n form.formData[str][i].checkItem = () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n }\n } else {\n form.formData[str] = {\n [i]: {\n value,\n checkItem: () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n },\n setItemValue: () => {},\n errorMsg: undefined,\n },\n }\n }\n })\n }\n\n // 为了给最外层提供方法去校验,比如保存的时候.\n // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行,如果添加了依赖value会导致子组件获取到的formData永远是上一次的\n useEffect(() => {\n if (!name || !form) return\n const [str, ...rest] = name\n\n const addItem: IFormItemData = {\n setItemValue: (_val, callback) => {\n const error = handleCheckItem(_val, rules)\n setValue(_val)\n setErrorMsg(error)\n callback?.()\n },\n checkItem: () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n },\n value,\n errorMsg,\n }\n rest.forEach((i) => {\n if (form.formData[str]) {\n form.formData[str][i] = addItem\n } else {\n form.formData[str] = {\n [i]: addItem,\n }\n }\n })\n }, [rules, name, errorMsg, form])\n\n /** 这段代码不能删除,当增加/删除列的时候有些默认值需要更新 */\n useEffect(() => {\n if (initialValue) {\n setValue(initialValue)\n generateFormData(name, initialValue)\n }\n }, [initialValue])\n\n // 初始化设置默认值,\n useEffect(() => {\n const initValue = getInitValue(initialValues, name)\n // @ts-ignore\n const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue\n\n setValue(_value)\n generateFormData(name, _value)\n if (name) {\n setCurrentChangeKeys([getNames(name)?.join('.')])\n }\n }, [])\n\n // 默认方法\n const handleChange = (\n e:\n | React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n | string\n | number\n | undefined\n ) => {\n let val\n if (typeof e === 'object') {\n val = (e as React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>)\n ?.target?.value\n } else {\n val = e\n }\n setValue(val)\n generateFormData(name, val)\n const error = handleCheckItem(val, rules)\n setErrorMsg(error)\n if (name) {\n setCurrentChangeKeys([getNames(name)?.join('.')])\n }\n }\n\n return (\n <div\n className={errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper'}\n style={style}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n value,\n form,\n onChange: handleChange,\n 'data-key': getNames(name)?.join('.'),\n ...child.props,\n })\n }\n return null\n })}\n {errorMsg && <div className=\"ant-form-explain ant-form-item-explain-error\">{errorMsg}</div>}\n </div>\n )\n}\n\nfunction arePropsEqual(prevProps: IFormItem, nextProps: IFormItem) {\n if (\n Array.isArray(nextProps.currentChangeKeys) &&\n nextProps.currentChangeKeys.length &&\n isEqual(prevProps.initialValues, nextProps.initialValues) &&\n !nextProps.currentChangeKeys.includes(getNames(nextProps.name).join('.')) &&\n !nextProps.shouldUpdate &&\n Array.isArray(nextProps.dependencies) &&\n nextProps.dependencies.every(\n (i) => !nextProps.currentChangeKeys?.includes(getNames(i).join('.'))\n )\n ) {\n return true\n }\n return false\n}\n\nexport default memo(ItemComp, arePropsEqual)\n"]}
|
|
1
|
+
{"version":3,"file":"ItemComp.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/ItemComp.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: TntdForm.Item进行性能优化\n * @Author: 郑泳健\n * @Date: 2023-02-23 12:47:28\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:45:35\n */\n\nimport React, { useState, memo, useEffect, useImperativeHandle } from 'react'\nimport { getNames, handleCheckItem, getInitValue } from '../utils'\nimport type { IFormItem, IFormItemData, TinitialValueType, IChildrenCompFun } from '../interface'\n\nconst ItemComp: React.FC<IFormItem> = React.forwardRef<IChildrenCompFun, IFormItem>(\n (\n {\n name,\n children,\n style,\n initialValue,\n rules,\n shouldUpdate,\n dependencies,\n form,\n updateRefs,\n initialValues,\n compsRefs,\n },\n ref\n ) => {\n const [value, setValue] = useState<TinitialValueType>(undefined)\n const [errorMsg, setErrorMsg] = useState<string | undefined>(undefined)\n const [refresh, setRefresh] = useState<boolean>(false)\n\n useImperativeHandle(ref, () => ({\n onRefresh: () => {\n setRefresh(!refresh)\n },\n }))\n\n /** 根据shouldUpdate 和 dependencies收集修改某个字段后需要同步更新的字段 */\n useEffect(() => {\n const nameStr = getNames(name)?.join('.')\n if (shouldUpdate) {\n updateRefs.current.shouldUpdateList.push(nameStr)\n }\n\n if (Array.isArray(dependencies)) {\n const arr = dependencies.map((i) => getNames(i).join('.'))\n if (Array.isArray(arr)) {\n arr.forEach((i) => {\n if (Array.isArray(updateRefs.current.dependencies[i])) {\n updateRefs.current.dependencies[i] = [\n ...updateRefs.current.dependencies[i],\n getNames(name).join('.'),\n ]\n } else {\n updateRefs.current.dependencies[i] = [getNames(name).join('.')]\n }\n })\n }\n }\n }, [shouldUpdate, dependencies, name, updateRefs])\n\n const updateRender = () => {\n if (Array.isArray(updateRefs.current.shouldUpdateList)) {\n updateRefs.current.shouldUpdateList.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n const list = updateRefs.current.dependencies[getNames(name).join('.')]\n\n if (Array.isArray(list)) {\n list.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n }\n\n /**\n * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行,需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的\n * @param name\n * @param value\n * @returns\n */\n const generateFormData = (name: string[] | string, value: TinitialValueType) => {\n if (!name || !form || typeof name !== 'object') return\n const [str, ...rest] = name\n\n rest.forEach((i) => {\n if (form.formData[str]) {\n form.formData[str][i].value = value\n form.formData[str][i].checkItem = () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n }\n } else {\n form.formData[str] = {\n [i]: {\n value,\n checkItem: () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n },\n setItemValue: () => {},\n errorMsg: undefined,\n },\n }\n }\n })\n }\n\n // 为了给最外层提供方法去校验,比如保存的时候.\n // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行,如果添加了依赖value会导致子组件获取到的formData永远是上一次的\n useEffect(() => {\n if (!name || !form || typeof name !== 'object') return\n const [str, ...rest] = name\n\n const addItem: IFormItemData = {\n setItemValue: (_val, callback) => {\n const error = handleCheckItem(_val, rules)\n setValue(_val)\n setErrorMsg(error)\n callback?.()\n updateRender()\n },\n checkItem: () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n },\n value,\n errorMsg,\n }\n rest.forEach((i) => {\n if (form.formData[str]) {\n form.formData[str][i] = addItem\n } else {\n form.formData[str] = {\n [i]: addItem,\n }\n }\n })\n }, [rules, name, errorMsg, form])\n\n /** 这段代码不能删除,当增加/删除列的时候有些默认值需要更新 */\n useEffect(() => {\n if (initialValue) {\n setValue(initialValue)\n generateFormData(name, initialValue)\n updateRender()\n }\n }, [initialValue])\n\n // 初始化设置默认值,\n useEffect(() => {\n const initValue = getInitValue(initialValues, name)\n // @ts-ignore\n const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue\n\n setValue(_value)\n generateFormData(name, _value)\n updateRender()\n }, [])\n\n // 默认方法\n const handleChange = (\n e:\n | React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n | string\n | number\n | undefined\n ) => {\n let val\n if (typeof e === 'object') {\n val = (e as React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>)\n ?.target?.value\n } else {\n val = e\n }\n setValue(val)\n generateFormData(name, val)\n const error = handleCheckItem(val, rules)\n setErrorMsg(error)\n updateRender()\n }\n\n return (\n <div\n className={errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper'}\n style={style}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n value,\n form,\n onChange: handleChange,\n 'data-key': getNames(name)?.join('.'),\n ...child.props,\n })\n }\n return null\n })}\n {errorMsg && <div className=\"ant-form-explain ant-form-item-explain-error\">{errorMsg}</div>}\n </div>\n )\n }\n)\n\nfunction arePropsEqual(prevProps: IFormItem, nextProps: IFormItem) {\n if (!nextProps.shouldUpdate && Array.isArray(nextProps.dependencies)) {\n return true\n }\n\n return false\n}\n\nexport default memo(ItemComp)\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAI5E,OAAO,KAAK,EAAE,cAAc,EAA+C,MAAM,cAAc,CAAA;;
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAI5E,OAAO,KAAK,EAAE,cAAc,EAA+C,MAAM,cAAc,CAAA;;AAmF/F,wBAKE"}
|
|
@@ -1,96 +1,116 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
var
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
17
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
21
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
22
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
var List = function List(_ref) {
|
|
24
|
-
var name = _ref.name,
|
|
25
|
-
children = _ref.children;
|
|
26
|
-
var maxRef = (0, _react.useRef)(-1);
|
|
27
|
-
var _useContext = (0, _react.useContext)(_store.FormContext),
|
|
28
|
-
form = _useContext.form,
|
|
29
|
-
initialValues = _useContext.initialValues;
|
|
30
|
-
var _useState = (0, _react.useState)([]),
|
|
31
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
-
dataLevel = _useState2[0],
|
|
33
|
-
setDataLevel = _useState2[1];
|
|
34
|
-
(0, _react.useEffect)(function () {
|
|
35
|
-
var key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
|
|
36
|
-
if (form && form.dataLevel) {
|
|
37
|
-
form.dataLevel[key] = dataLevel;
|
|
38
|
-
}
|
|
39
|
-
}, [form, dataLevel, name]);
|
|
40
|
-
/** 根据默认数值自动生成dataLevel */
|
|
41
|
-
(0, _react.useEffect)(function () {
|
|
42
|
-
var dataSource = initialValues;
|
|
43
|
-
var attrs = (0, _utils.getNames)(name);
|
|
44
|
-
var _iterator = _createForOfIteratorHelper(attrs),
|
|
45
|
-
_step;
|
|
46
|
-
try {
|
|
47
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
48
|
-
var key = _step.value;
|
|
49
|
-
dataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource[key]) || [{}];
|
|
50
|
-
}
|
|
51
|
-
} catch (err) {
|
|
52
|
-
_iterator.e(err);
|
|
53
|
-
} finally {
|
|
54
|
-
_iterator.f();
|
|
55
|
-
}
|
|
56
|
-
if (Array.isArray(dataSource)) {
|
|
57
|
-
var _level = dataSource.map(function (i, index) {
|
|
58
|
-
return {
|
|
59
|
-
key: index,
|
|
60
|
-
name: "".concat(attrs.join('.'), ".").concat(index)
|
|
61
|
-
};
|
|
62
|
-
});
|
|
63
|
-
setDataLevel(_level);
|
|
64
|
-
maxRef.current = dataSource.length - 1;
|
|
2
|
+
/*
|
|
3
|
+
* @Descripttion: FormList
|
|
4
|
+
* @Author: 郑泳健
|
|
5
|
+
* @Date: 2023-03-06 18:42:08
|
|
6
|
+
* @LastEditors: 郑泳健
|
|
7
|
+
* @LastEditTime: 2023-04-06 17:42:31
|
|
8
|
+
*/
|
|
9
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
12
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
13
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
65
14
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
15
|
+
Object.defineProperty(o, k2, desc);
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
+
const react_1 = __importStar(require("react"));
|
|
34
|
+
const lodash_1 = require("lodash");
|
|
35
|
+
const utils_1 = require("../utils");
|
|
36
|
+
const store_1 = require("../store");
|
|
37
|
+
const List = ({ name, children }) => {
|
|
38
|
+
const maxRef = (0, react_1.useRef)(-1);
|
|
39
|
+
const { form, initialValues, compsRefs, updateRefs } = (0, react_1.useContext)(store_1.FormContext);
|
|
40
|
+
const [dataLevel, setDataLevel] = (0, react_1.useState)([]);
|
|
41
|
+
/** 根据一开始记录的渲染shouldUpdate 和 dependencies组件 */
|
|
42
|
+
const updateRender = () => {
|
|
43
|
+
if (Array.isArray(updateRefs.current.shouldUpdateList)) {
|
|
44
|
+
updateRefs.current.shouldUpdateList.forEach((i) => {
|
|
45
|
+
var _a, _b;
|
|
46
|
+
(_b = (_a = compsRefs === null || compsRefs === void 0 ? void 0 : compsRefs.current) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
const list = updateRefs.current.dependencies[(0, utils_1.getNames)(name).join('.')];
|
|
50
|
+
if (Array.isArray(list)) {
|
|
51
|
+
list.forEach((i) => {
|
|
52
|
+
var _a, _b;
|
|
53
|
+
(_b = (_a = compsRefs === null || compsRefs === void 0 ? void 0 : compsRefs.current) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
/** 根据默认数值自动生成dataLevel */
|
|
58
|
+
(0, react_1.useEffect)(() => {
|
|
59
|
+
let dataSource = initialValues;
|
|
60
|
+
const attrs = (0, utils_1.getNames)(name);
|
|
61
|
+
const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
|
|
62
|
+
for (const key of attrs) {
|
|
63
|
+
dataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource[key]) || [{}];
|
|
64
|
+
}
|
|
65
|
+
if (Array.isArray(dataSource)) {
|
|
66
|
+
const _level = dataSource.map((i, index) => {
|
|
67
|
+
return {
|
|
68
|
+
key: index,
|
|
69
|
+
name: `${attrs.join('.')}.${index}`,
|
|
70
|
+
};
|
|
71
|
+
});
|
|
72
|
+
setDataLevel(_level);
|
|
73
|
+
maxRef.current = dataSource.length - 1;
|
|
74
|
+
if (form) {
|
|
75
|
+
form.dataLevel[key] = _level;
|
|
76
|
+
}
|
|
77
|
+
updateRender();
|
|
78
|
+
}
|
|
79
|
+
}, [form, initialValues, name]);
|
|
80
|
+
/** 新增一列 */
|
|
81
|
+
const handleAdd = (index) => {
|
|
82
|
+
const tempDataLevel = (0, lodash_1.cloneDeep)(dataLevel);
|
|
83
|
+
const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
|
|
84
|
+
maxRef.current++;
|
|
85
|
+
const attrs = (0, utils_1.getNames)(name);
|
|
86
|
+
tempDataLevel.splice(index + 1, 0, {
|
|
87
|
+
key: maxRef.current,
|
|
88
|
+
name: `${attrs === null || attrs === void 0 ? void 0 : attrs.join('.')}.${maxRef.current}`,
|
|
89
|
+
});
|
|
90
|
+
setDataLevel(tempDataLevel);
|
|
91
|
+
if (form) {
|
|
92
|
+
form.dataLevel[key] = tempDataLevel;
|
|
93
|
+
}
|
|
94
|
+
updateRender();
|
|
95
|
+
};
|
|
96
|
+
/** 删除一列 */
|
|
97
|
+
const handleDel = (index) => {
|
|
98
|
+
const temp = (0, lodash_1.cloneDeep)(dataLevel);
|
|
99
|
+
const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
|
|
100
|
+
temp.splice(index, 1);
|
|
101
|
+
setDataLevel(temp);
|
|
102
|
+
if (form) {
|
|
103
|
+
form.dataLevel[key] = temp;
|
|
104
|
+
}
|
|
105
|
+
updateRender();
|
|
106
|
+
};
|
|
107
|
+
return react_1.default.createElement(react_1.default.Fragment, null, children === null || children === void 0 ? void 0 : children(dataLevel, { add: handleAdd, remove: handleDel }));
|
|
88
108
|
};
|
|
89
109
|
// name 没有改变就不需要重复render
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
110
|
+
exports.default = (0, react_1.memo)(List, (nextProps, prevProps) => {
|
|
111
|
+
if ((0, lodash_1.isEqual)(nextProps.name, prevProps.name) && !!prevProps.name) {
|
|
112
|
+
return true;
|
|
113
|
+
}
|
|
114
|
+
return false;
|
|
95
115
|
});
|
|
96
|
-
|
|
116
|
+
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAA4E;AAC5E,mCAA2C;AAC3C,oCAAmC;AACnC,oCAAsC;AAGtC,MAAM,IAAI,GAA6B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5D,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC,CAAA;IACzB,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAe,mBAAW,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: FormList\n * @Author: 郑泳健\n * @Date: 2023-03-06 18:42:08\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:42:31\n */\n\nimport React, { useState, useEffect, useRef, useContext, memo } from 'react'\nimport { cloneDeep, isEqual } from 'lodash'\nimport { getNames } from '../utils'\nimport { FormContext } from '../store'\nimport type { IFormListProps, IFormContext, ILevel, TAddOrRemove, IObject } from '../interface'\n\nconst List: React.FC<IFormListProps> = ({ name, children }) => {\n const maxRef = useRef(-1)\n const { form, initialValues, compsRefs, updateRefs } = useContext<IFormContext>(FormContext)\n const [dataLevel, setDataLevel] = useState<ILevel[]>([])\n\n /** 根据一开始记录的渲染shouldUpdate 和 dependencies组件 */\n const updateRender = () => {\n if (Array.isArray(updateRefs.current.shouldUpdateList)) {\n updateRefs.current.shouldUpdateList.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n\n const list = updateRefs.current.dependencies[getNames(name).join('.')]\n\n if (Array.isArray(list)) {\n list.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n }\n\n /** 根据默认数值自动生成dataLevel */\n useEffect(() => {\n let dataSource = initialValues\n const attrs = getNames(name)\n const key: string = Array.isArray(name) ? name?.[0] : name\n\n for (const key of attrs) {\n dataSource = dataSource?.[key] || [{}]\n }\n\n if (Array.isArray(dataSource)) {\n const _level = dataSource.map((i, index) => {\n return {\n key: index,\n name: `${attrs.join('.')}.${index}`,\n }\n })\n setDataLevel(_level)\n maxRef.current = dataSource.length - 1\n if (form) {\n form.dataLevel[key] = _level\n }\n updateRender()\n }\n }, [form, initialValues, name])\n\n /** 新增一列 */\n const handleAdd: TAddOrRemove = (index) => {\n const tempDataLevel = cloneDeep(dataLevel)\n const key: string = Array.isArray(name) ? name?.[0] : name\n maxRef.current++\n const attrs = getNames(name)\n tempDataLevel.splice(index + 1, 0, {\n key: maxRef.current,\n name: `${attrs?.join('.')}.${maxRef.current}`,\n })\n setDataLevel(tempDataLevel)\n if (form) {\n form.dataLevel[key] = tempDataLevel\n }\n updateRender()\n }\n\n /** 删除一列 */\n const handleDel: TAddOrRemove = (index) => {\n const temp = cloneDeep(dataLevel)\n const key: string = Array.isArray(name) ? name?.[0] : name\n temp.splice(index, 1)\n setDataLevel(temp)\n if (form) {\n form.dataLevel[key] = temp\n }\n updateRender()\n }\n\n return <>{children?.(dataLevel, { add: handleAdd, remove: handleDel })}</>\n}\n\n// name 没有改变就不需要重复render\nexport default memo(List, (nextProps, prevProps) => {\n if (isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {\n return true\n }\n return false\n})\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAG/C,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAG/C,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAA0C,MAAM,aAAa,CAAA;AAIhG,QAAA,MAAM,QAAQ;wCAAuC,cAAc;;;;CAoBlE,CAAA;AA4BD,eAAe,QAAQ,CAAA"}
|
|
@@ -1,70 +1,78 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _utils = require("./utils");
|
|
10
|
-
var _store = require("./store");
|
|
11
|
-
var _List = _interopRequireDefault(require("./components/List"));
|
|
12
|
-
var _Item = _interopRequireDefault(require("./components/Item"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
20
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
21
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
-
var TntdForm = function TntdForm(_ref) {
|
|
23
|
-
var form = _ref.form,
|
|
24
|
-
initialValues = _ref.initialValues,
|
|
25
|
-
children = _ref.children;
|
|
26
|
-
// 这个是为了获取当前是哪一个单元格在输入
|
|
27
|
-
var _useState = (0, _react.useState)([]),
|
|
28
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
-
currentChangeKeys = _useState2[0],
|
|
30
|
-
setCurrentChangeKeys = _useState2[1];
|
|
31
|
-
return _react["default"].createElement(_store.FormContext.Provider, {
|
|
32
|
-
value: {
|
|
33
|
-
form: form,
|
|
34
|
-
initialValues: initialValues,
|
|
35
|
-
currentChangeKeys: currentChangeKeys,
|
|
36
|
-
setCurrentChangeKeys: setCurrentChangeKeys
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
37
7
|
}
|
|
38
|
-
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
39
24
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
/*
|
|
30
|
+
* @Descripttion: 高性能动态增删form表单
|
|
31
|
+
* @Author: 郑泳健
|
|
32
|
+
* @Date: 2023-02-16 10:43:03
|
|
33
|
+
* @LastEditors: 郑泳健
|
|
34
|
+
* @LastEditTime: 2023-04-06 15:32:07
|
|
35
|
+
*/
|
|
36
|
+
const react_1 = __importStar(require("react"));
|
|
37
|
+
const utils_1 = require("./utils");
|
|
38
|
+
const store_1 = require("./store");
|
|
39
|
+
const List_1 = __importDefault(require("./components/List"));
|
|
40
|
+
const Item_1 = __importDefault(require("./components/Item"));
|
|
41
|
+
const TntdForm = ({ form, initialValues, children }) => {
|
|
42
|
+
const updateRefs = (0, react_1.useRef)({
|
|
43
|
+
shouldUpdateList: [],
|
|
44
|
+
dependencies: {},
|
|
45
|
+
});
|
|
46
|
+
const compsRefs = (0, react_1.useRef)({});
|
|
47
|
+
return (react_1.default.createElement(store_1.FormContext.Provider, { value: {
|
|
48
|
+
form,
|
|
49
|
+
initialValues,
|
|
50
|
+
updateRefs,
|
|
51
|
+
compsRefs,
|
|
52
|
+
} }, children));
|
|
53
|
+
};
|
|
54
|
+
TntdForm.useForm = () => {
|
|
55
|
+
const form = (0, react_1.useRef)({
|
|
56
|
+
dataLevel: {},
|
|
57
|
+
formData: {},
|
|
58
|
+
validateFields: () => (0, utils_1.validateFields)(form.current),
|
|
59
|
+
getFieldsValue: () => (0, utils_1.getFieldsValue)(form.current),
|
|
60
|
+
getFieldValue: (field) => (0, utils_1.getFieldValue)(form.current, field),
|
|
61
|
+
setFieldsValue: (obj) => {
|
|
62
|
+
for (const i in obj) {
|
|
63
|
+
if (Object.prototype.hasOwnProperty.call(obj, i)) {
|
|
64
|
+
const prefix = (i === null || i === void 0 ? void 0 : i.split('.')) || [];
|
|
65
|
+
const attr = prefix.pop();
|
|
66
|
+
if (attr && form.current.formData[prefix.join('.')][attr]) {
|
|
67
|
+
form.current.formData[prefix.join('.')][attr].setItemValue(obj[i]);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
});
|
|
73
|
+
return [form.current];
|
|
66
74
|
};
|
|
67
|
-
TntdForm.List =
|
|
68
|
-
TntdForm.Item =
|
|
69
|
-
|
|
70
|
-
|
|
75
|
+
TntdForm.List = List_1.default;
|
|
76
|
+
TntdForm.Item = Item_1.default;
|
|
77
|
+
exports.default = TntdForm;
|
|
78
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,+CAA+C;AAC/C,mCAAuE;AACvE,mCAAqC;AAErC,6DAAoC;AACpC,6DAAoC;AAEpC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACrE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,+CAA+C;AAC/C,mCAAuE;AACvE,mCAAqC;AAErC,6DAAoC;AACpC,6DAAoC;AAEpC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAa;QACpC,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;KACjB,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAA;IAE5B,OAAO,CACL,8BAAC,mBAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,IAAI;YACJ,aAAa;YACb,UAAU;YACV,SAAS;SACV,IAEA,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,GAAG,EAAE;IACtB,MAAM,IAAI,GAAuB,IAAA,cAAM,EAAQ;QAC7C,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,IAAI,CAAC,OAAO,CAAC;QAClD,cAAc,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,IAAI,CAAC,OAAO,CAAC;QAClD,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;QAC3E,cAAc,EAAE,CAAC,GAA+B,EAAE,EAAE;YAClD,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE;gBACnB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE;oBAChD,MAAM,MAAM,GAAG,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE,CAAA;oBAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE,CAAA;oBACzB,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;wBACzD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;qBACnE;iBACF;aACF;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,QAAQ,CAAC,IAAI,GAAG,cAAI,CAAA;AACpB,QAAQ,CAAC,IAAI,GAAG,cAAI,CAAA;AAEpB,kBAAe,QAAQ,CAAA","sourcesContent":["/*\n * @Descripttion: 高性能动态增删form表单\n * @Author: 郑泳健\n * @Date: 2023-02-16 10:43:03\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 15:32:07\n */\nimport React, { useState, useRef } from 'react'\nimport { validateFields, getFieldsValue, getFieldValue } from './utils'\nimport { FormContext } from './store'\nimport type { IForm, ITntdFormProps, IObject, TinitialValueType, IUpdateObj } from './interface'\nimport List from './components/List'\nimport Item from './components/Item'\n\nconst TntdForm = ({ form, initialValues, children }: ITntdFormProps) => {\n const updateRefs = useRef<IUpdateObj>({\n shouldUpdateList: [],\n dependencies: {},\n })\n\n const compsRefs = useRef({})\n\n return (\n <FormContext.Provider\n value={{\n form,\n initialValues,\n updateRefs,\n compsRefs,\n }}\n >\n {children}\n </FormContext.Provider>\n )\n}\n\nTntdForm.useForm = () => {\n const form: { current: IForm } = useRef<IForm>({\n dataLevel: {},\n formData: {},\n validateFields: () => validateFields(form.current),\n getFieldsValue: () => getFieldsValue(form.current),\n getFieldValue: (field: Array<string>) => getFieldValue(form.current, field),\n setFieldsValue: (obj: IObject<TinitialValueType>) => {\n for (const i in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, i)) {\n const prefix = i?.split('.') || []\n const attr = prefix.pop()\n if (attr && form.current.formData[prefix.join('.')][attr]) {\n form.current.formData[prefix.join('.')][attr].setItemValue(obj[i])\n }\n }\n }\n },\n })\n\n return [form.current]\n}\n\nTntdForm.List = List\nTntdForm.Item = Item\n\nexport default TntdForm\n"]}
|
|
@@ -45,11 +45,15 @@ export interface ITntdFormProps {
|
|
|
45
45
|
initialValues: object;
|
|
46
46
|
children: React.ReactNode;
|
|
47
47
|
}
|
|
48
|
+
export interface IUpdateObj {
|
|
49
|
+
shouldUpdateList: Array<string>;
|
|
50
|
+
dependencies: IObject<string[] | string>;
|
|
51
|
+
}
|
|
48
52
|
export interface IFormContext {
|
|
49
53
|
form?: IForm;
|
|
50
54
|
initialValues?: IObject<any>;
|
|
51
|
-
|
|
52
|
-
|
|
55
|
+
updateRefs: React.MutableRefObject<IUpdateObj>;
|
|
56
|
+
compsRefs: React.MutableRefObject<IObject<() => void>>;
|
|
53
57
|
}
|
|
54
58
|
/** formList的props */
|
|
55
59
|
export interface IFormListProps {
|
|
@@ -69,11 +73,7 @@ export declare type IFormItem = {
|
|
|
69
73
|
shouldUpdate: boolean;
|
|
70
74
|
initialValue: TinitialValueType;
|
|
71
75
|
dependencies?: Array<string[] | string>;
|
|
72
|
-
} &
|
|
73
|
-
/** 将某个不可选属性变成必选 */
|
|
74
|
-
declare type CustomRequired<T, K extends keyof T> = {
|
|
75
|
-
[P in K]-?: T[P];
|
|
76
|
-
} & Omit<T, K>;
|
|
76
|
+
} & IFormContext;
|
|
77
77
|
export interface ValidationRule {
|
|
78
78
|
/** validation error message */
|
|
79
79
|
message?: React.ReactNode;
|
|
@@ -87,5 +87,7 @@ export interface IFormData {
|
|
|
87
87
|
[attr: string]: IFormItemData;
|
|
88
88
|
};
|
|
89
89
|
}
|
|
90
|
-
export {
|
|
90
|
+
export interface IChildrenCompFun {
|
|
91
|
+
onRefresh: () => void;
|
|
92
|
+
}
|
|
91
93
|
//# sourceMappingURL=interface.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/interface.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAA;CACjB;AAED,oBAAY,iBAAiB,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAE5E;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,KAAK,EAAE,iBAAiB,CAAA;IACxB,sBAAsB;IACtB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IACnC,qBAAqB;IACrB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CACxE;AAED,MAAM,WAAW,KAAK;IACpB,gBAAgB;IAChB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;IAC5B,yEAAyE;IACzE,QAAQ,EAAE,SAAS,CAAA;IACnB,iBAAiB;IACjB,cAAc,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IAClC,kBAAkB;IAClB,cAAc,EAAE,MAAM,MAAM,CAAA;IAC5B,oBAAoB;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAA;IAC5C,sBAAsB;IACtB,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC7D;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,CAAA;IACX,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAC5B,
|
|
1
|
+
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/interface.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * 层级\n */\nexport interface ILevel {\n key?: number\n name?: string\n}\n\nexport interface IObject<T> {\n [key: string]: T\n}\n\nexport type TinitialValueType = null | undefined | string | number | boolean\n\n/**\n * 每一个单元格的信息\n */\nexport interface IFormItemData {\n /** 每个formItem的值 */\n value: TinitialValueType\n /** 每个formItem的错误信息 */\n errorMsg: string | undefined\n /** 每个formItem的校验方法, 返回值为该formItem的错误信息,同时会在formItem下面显示错误信息 */\n checkItem: () => string | undefined\n /** 给某个formItem设置值 */\n setItemValue: (value: TinitialValueType, callback?: () => void) => void\n}\n\nexport interface IForm {\n /** 记录每一层级的顺序 */\n dataLevel: IObject<ILevel[]>\n /** 整个form的数据,{content.0: { id: IFormItemData, value: IFormItemData }} */\n formData: IFormData\n /** 先校验,并将结果返回 */\n validateFields: () => Promise<any>\n /** 获取form表单的数据 */\n getFieldsValue: () => object\n /** 获取formItem的数据 */\n getFieldValue: (field: Array<string>) => any\n /** 给某些formItem设置数据 */\n setFieldsValue: (fileds: IObject<TinitialValueType>) => void\n}\n\n/**\n * TntdForm的props\n */\nexport interface ITntdFormProps {\n form: IForm\n initialValues: object\n children: React.ReactNode\n}\n\nexport interface IFormContext {\n form?: IForm\n initialValues?: IObject<any>\n
|
|
1
|
+
{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * 层级\n */\nexport interface ILevel {\n key?: number\n name?: string\n}\n\nexport interface IObject<T> {\n [key: string]: T\n}\n\nexport type TinitialValueType = null | undefined | string | number | boolean\n\n/**\n * 每一个单元格的信息\n */\nexport interface IFormItemData {\n /** 每个formItem的值 */\n value: TinitialValueType\n /** 每个formItem的错误信息 */\n errorMsg: string | undefined\n /** 每个formItem的校验方法, 返回值为该formItem的错误信息,同时会在formItem下面显示错误信息 */\n checkItem: () => string | undefined\n /** 给某个formItem设置值 */\n setItemValue: (value: TinitialValueType, callback?: () => void) => void\n}\n\nexport interface IForm {\n /** 记录每一层级的顺序 */\n dataLevel: IObject<ILevel[]>\n /** 整个form的数据,{content.0: { id: IFormItemData, value: IFormItemData }} */\n formData: IFormData\n /** 先校验,并将结果返回 */\n validateFields: () => Promise<any>\n /** 获取form表单的数据 */\n getFieldsValue: () => object\n /** 获取formItem的数据 */\n getFieldValue: (field: Array<string>) => any\n /** 给某些formItem设置数据 */\n setFieldsValue: (fileds: IObject<TinitialValueType>) => void\n}\n\n/**\n * TntdForm的props\n */\nexport interface ITntdFormProps {\n form: IForm\n initialValues: object\n children: React.ReactNode\n}\n\nexport interface IUpdateObj {\n shouldUpdateList: Array<string>\n dependencies: IObject<string[] | string>\n}\n\nexport interface IFormContext {\n form?: IForm\n initialValues?: IObject<any>\n updateRefs: React.MutableRefObject<IUpdateObj>\n compsRefs: React.MutableRefObject<IObject<() => void>>\n}\n\n/** formList的props */\nexport interface IFormListProps {\n name: string[] | string\n children: (\n dataLevel: ILevel[],\n { add, remove }: { add: TAddOrRemove; remove: TAddOrRemove }\n ) => void\n}\n\n/** 增删事件 */\nexport type TAddOrRemove = (index: number) => void\n\nexport type IFormItem = {\n name: string[] | string\n children: React.ReactChild | React.ReactChild[]\n style: React.CSSProperties\n rules: ValidationRule\n shouldUpdate: boolean\n initialValue: TinitialValueType\n dependencies?: Array<string[] | string>\n} & IFormContext\n\n/** 将某个不可选属性变成必选 */\ntype CustomRequired<T, K extends keyof T> = {\n [P in K]-?: T[P]\n} & Omit<T, K>\n\nexport interface ValidationRule {\n /** validation error message */\n message?: React.ReactNode\n /** indicates whether field is required */\n required?: boolean\n /** custom validate function (Note: callback must be called) */\n validator?: (rule: any, value: any, callback: any) => any\n}\n\nexport interface IFormData {\n [name: string]: {\n [attr: string]: IFormItemData\n }\n}\n\nexport interface IChildrenCompFun {\n onRefresh: () => void\n}\n"]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.FormContext = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
exports.FormContext = FormContext;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
exports.FormContext = react_1.default.createContext({});
|
|
9
|
+
//# sourceMappingURL=store.js.map
|