tntd 2.0.13 → 2.0.14
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/array-input/index.js +31 -6
- package/es/columns/index.js +12 -6
- package/es/development-login/LoginModal.js +10 -4
- package/es/drawer/drawer.js +8 -4
- package/es/ellipsis/index.js +25 -14
- package/es/empty/empty.js +13 -9
- package/es/handle/index.js +27 -14
- package/es/img/Contain.js +19 -13
- package/es/img/Cover.js +24 -13
- package/es/img/index.js +21 -14
- package/es/index.js +1 -0
- package/es/loading-button/index.js +13 -6
- package/es/locale/default.js +2 -0
- package/es/locale/en_US.js +2 -0
- package/es/locale/zh_CN.js +2 -0
- package/es/page/Box.js +28 -19
- package/es/page/index.js +38 -22
- package/es/page/utils.js +5 -0
- package/es/prev-locale.js +3 -0
- package/es/query-form/Field/Checkbox.js +8 -4
- package/es/query-form/Field/Select.js +17 -10
- package/es/query-form/Field/SelectInput.js +18 -4
- package/es/query-form/Field/fieldsMap.js +1 -0
- package/es/query-form/Field/index.js +11 -2
- package/es/query-form/createActions.js +8 -0
- package/es/query-form/index.js +34 -2
- package/es/query-list-scene/List.js +39 -18
- package/es/query-list-scene/QueryForm.js +19 -10
- package/es/query-list-scene/QueryListScene.js +2 -0
- package/es/query-list-scene/Toolbar.js +10 -6
- package/es/query-list-scene/createActions.js +3 -0
- package/es/render-empty/render-empty.js +2 -0
- package/es/steps/steps.js +17 -9
- package/es/steps/style/nav.less +3 -1
- package/es/svg-components/illustration-403.js +2 -0
- package/es/svg-components/illustration-404.js +2 -0
- package/es/svg-components/illustration-500.js +2 -0
- package/es/svg-components/illustration-empty.js +2 -0
- package/es/svg-components/illustration-failure.js +2 -0
- package/es/svg-components/illustration-no-access.js +2 -0
- package/es/svg-components/illustration-no-chart.js +2 -0
- package/es/svg-components/illustration-no-result.js +2 -0
- package/es/svg-components/illustration-offline.js +2 -0
- package/es/svg-components/illustration-success.js +2 -0
- package/es/table/assets/image-loading-background.js +2 -0
- package/es/table/assets/image-loading.js +2 -0
- package/es/table/hooks/use-column-setting.js +1 -0
- package/es/table/table.js +19 -14
- package/es/table/table.stories.js +2 -0
- package/es/table/utils.js +6 -2
- package/es/title/index.js +14 -10
- package/es/tntd-cascader/AntdCascader/component/context.js +4 -2
- package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +2 -0
- package/es/tntd-cascader/AntdCascader/component/getIcons.js +15 -6
- package/es/tntd-cascader/AntdCascader/config/utils.js +2 -0
- package/es/tntd-cascader/AntdCascader/config/warning.js +8 -4
- package/es/tntd-cascader/AntdCascader/index.js +73 -51
- package/es/tntd-cascader/rc-cascader/Cascader.js +113 -86
- package/es/tntd-cascader/rc-cascader/OptionList/Column.js +26 -16
- package/es/tntd-cascader/rc-cascader/OptionList/index.js +43 -26
- package/es/tntd-cascader/rc-cascader/OptionList/useActive.js +7 -5
- package/es/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +41 -12
- package/es/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +10 -4
- package/es/tntd-cascader/rc-cascader/hooks/useEntities.js +4 -2
- package/es/tntd-cascader/rc-cascader/hooks/useMissingValues.js +1 -0
- package/es/tntd-cascader/rc-cascader/hooks/useRefFunc.js +1 -0
- package/es/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +7 -2
- package/es/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +15 -8
- package/es/tntd-cascader/rc-cascader/utils/commonUtil.js +6 -2
- package/es/tntd-cascader/rc-cascader/utils/treeUtil.js +4 -2
- package/es/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +7 -2
- package/es/tntd-icon/fonts/iconfont.js +12 -7
- package/es/tntd-icon/index.js +9 -5
- package/es/tntd-layout/ActionsContext.js +2 -2
- package/es/tntd-layout/AppList.js +14 -2
- package/es/tntd-layout/Application.js +4 -0
- package/es/tntd-layout/Avatar.js +4 -0
- package/es/tntd-layout/CompatibleLanguage.js +13 -0
- package/es/tntd-layout/EnterpriseLayout/Avatar.js +4 -0
- package/es/tntd-layout/EnterpriseLayout/Language.js +6 -0
- package/es/tntd-layout/EnterpriseLayout/Theme.js +4 -0
- package/es/tntd-layout/EnterpriseLayout/index.js +2 -2
- package/es/tntd-layout/GlobalNavigation/NavigationPopup.js +33 -2
- package/es/tntd-layout/GlobalNavigation/index.js +6 -0
- package/es/tntd-layout/HeaderActions.js +32 -28
- package/es/tntd-layout/HeaderNavs.js +14 -6
- package/es/tntd-layout/HeaderTabs.js +35 -14
- package/es/tntd-layout/Language.js +6 -0
- package/es/tntd-layout/Layout.js +7 -2
- package/es/tntd-layout/Logo.js +11 -4
- package/es/tntd-layout/OrgAppList.js +39 -22
- package/es/tntd-layout/SideMenu.js +45 -8
- package/es/tntd-layout/Theme.js +6 -0
- package/es/tntd-layout/index.js +17 -9
- package/es/tntd-layout/paaslayout/CompactSideMenu.js +15 -0
- package/es/tntd-layout/paaslayout/SideMenu.js +15 -0
- package/es/tntd-layout/paaslayout/index.js +13 -4
- package/es/tntd-layout/storage.js +2 -2
- package/es/tntd-modal/index.js +18 -12
- package/es/tntd-second-page/index.js +3 -0
- package/es/tntd-select/DropDownWrap.js +8 -4
- package/es/tntd-select/index.js +118 -74
- package/es/utils/checkAuth.js +1 -0
- package/es/utils/findMenuInfoByPath.js +3 -0
- package/es/utils/index.js +11 -2
- package/lib/affix/index.js +10 -4
- package/lib/alert/index.js +10 -4
- package/lib/anchor/index.js +10 -4
- package/lib/array-input/icon.js +7 -1
- package/lib/array-input/index.js +91 -41
- package/lib/auth-context/index.js +3 -0
- package/lib/auto-complete/index.js +10 -4
- package/lib/avatar/index.js +10 -4
- package/lib/back-top/index.js +10 -4
- package/lib/badge/index.js +10 -4
- package/lib/breadcrumb/index.js +10 -4
- package/lib/button/index.js +10 -4
- package/lib/calendar/index.js +10 -4
- package/lib/card/index.js +10 -4
- package/lib/carousel/index.js +10 -4
- package/lib/cascader/index.js +10 -4
- package/lib/checkbox/index.js +10 -4
- package/lib/col/index.js +10 -4
- package/lib/collapse/index.js +11 -4
- package/lib/columns/index.js +28 -14
- package/lib/comment/index.js +10 -4
- package/lib/config-provider/config-provider.js +2 -0
- package/lib/config-provider/index.js +10 -4
- package/lib/date-picker/index.js +10 -4
- package/lib/descriptions/index.js +10 -4
- package/lib/development-login/LoginModal.js +50 -25
- package/lib/development-login/index.js +22 -11
- package/lib/divider/index.js +10 -4
- package/lib/drawer/drawer.js +16 -6
- package/lib/drawer/index.js +5 -1
- package/lib/dropdown/index.js +10 -4
- package/lib/ellipsis/Svg/CopySVG.js +4 -0
- package/lib/ellipsis/Svg/TickSVG.js +4 -0
- package/lib/ellipsis/index.js +73 -42
- package/lib/empty/empty.js +30 -14
- package/lib/empty/empty.stories.js +21 -3
- package/lib/empty/index.js +5 -1
- package/lib/exception/exception.js +14 -7
- package/lib/exception/index.js +4 -1
- package/lib/form/index.js +10 -4
- package/lib/handle/index.js +46 -19
- package/lib/icon/index.js +10 -4
- package/lib/img/Contain.js +23 -12
- package/lib/img/Cover.js +53 -31
- package/lib/img/index.js +47 -29
- package/lib/index.js +187 -100
- package/lib/input/index.js +10 -4
- package/lib/input-number/index.js +10 -4
- package/lib/layout/index.js +10 -4
- package/lib/list/index.js +10 -4
- package/lib/loading-button/index.js +32 -15
- package/lib/locale/default.js +5 -0
- package/lib/locale/en_US.js +4 -0
- package/lib/locale/index.js +6 -3
- package/lib/locale/zh_CN.js +4 -0
- package/lib/locale-provider/index.js +10 -4
- package/lib/mention/index.js +10 -4
- package/lib/mentions/index.js +10 -4
- package/lib/menu/index.js +10 -4
- package/lib/message/index.js +11 -4
- package/lib/modal/index.js +11 -4
- package/lib/notification/index.js +10 -4
- package/lib/page/Box.js +37 -24
- package/lib/page/index.js +66 -37
- package/lib/page/utils.js +9 -1
- package/lib/page-header/index.js +10 -4
- package/lib/pagination/index.js +10 -4
- package/lib/popconfirm/index.js +10 -4
- package/lib/popover/index.js +10 -4
- package/lib/prev-locale.js +10 -1
- package/lib/progress/index.js +10 -4
- package/lib/query-form/Field/Checkbox.js +11 -2
- package/lib/query-form/Field/Select.js +45 -27
- package/lib/query-form/Field/SelectInput.js +46 -21
- package/lib/query-form/Field/fieldsMap.js +12 -1
- package/lib/query-form/Field/index.js +70 -38
- package/lib/query-form/createActions.js +7 -0
- package/lib/query-form/index.js +121 -52
- package/lib/query-form/useForm.js +4 -0
- package/lib/query-list-scene/List.js +111 -58
- package/lib/query-list-scene/QueryForm.js +67 -37
- package/lib/query-list-scene/QueryListScene.js +42 -21
- package/lib/query-list-scene/Title.js +5 -1
- package/lib/query-list-scene/Toolbar.js +15 -8
- package/lib/query-list-scene/createActions.js +6 -0
- package/lib/query-list-scene/index.js +10 -0
- package/lib/query-list-scene/useActions.js +4 -0
- package/lib/radio/index.js +10 -4
- package/lib/rate/index.js +10 -4
- package/lib/render-empty/index.js +2 -0
- package/lib/render-empty/render-empty.js +8 -0
- package/lib/result/index.js +10 -4
- package/lib/row/index.js +10 -4
- package/lib/select/index.js +10 -4
- package/lib/skeleton/index.js +10 -4
- package/lib/slider/index.js +10 -4
- package/lib/spin/index.js +10 -4
- package/lib/statistic/index.js +10 -4
- package/lib/steps/index.js +5 -1
- package/lib/steps/steps.js +29 -12
- package/lib/steps/style/nav.less +3 -1
- package/lib/svg-components/illustration-403.js +9 -3
- package/lib/svg-components/illustration-404.js +9 -3
- package/lib/svg-components/illustration-500.js +9 -3
- package/lib/svg-components/illustration-empty.js +9 -3
- package/lib/svg-components/illustration-failure.js +9 -3
- package/lib/svg-components/illustration-no-access.js +9 -3
- package/lib/svg-components/illustration-no-chart.js +9 -3
- package/lib/svg-components/illustration-no-result.js +9 -3
- package/lib/svg-components/illustration-offline.js +9 -3
- package/lib/svg-components/illustration-success.js +9 -3
- package/lib/svg-components/index.js +11 -0
- package/lib/switch/index.js +10 -4
- package/lib/table/assets/image-loading-background.js +9 -3
- package/lib/table/assets/image-loading.js +9 -3
- package/lib/table/context.js +2 -0
- package/lib/table/hooks/index.js +2 -1
- package/lib/table/hooks/use-column-setting.js +16 -8
- package/lib/table/index.js +5 -1
- package/lib/table/table.js +63 -34
- package/lib/table/table.stories.js +11 -2
- package/lib/table/utils.js +11 -2
- package/lib/tabs/index.js +10 -4
- package/lib/tag/index.js +10 -4
- package/lib/time-picker/index.js +10 -4
- package/lib/timeline/index.js +10 -4
- package/lib/title/index.js +20 -10
- package/lib/tntd-cascader/AntdCascader/component/DisabledContext.js +11 -4
- package/lib/tntd-cascader/AntdCascader/component/FormItemInputContext.js +8 -3
- package/lib/tntd-cascader/AntdCascader/component/SizeContext.js +8 -3
- package/lib/tntd-cascader/AntdCascader/component/context.js +9 -3
- package/lib/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +12 -4
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js +37 -19
- package/lib/tntd-cascader/AntdCascader/component/useCompactItemContext.js +17 -8
- package/lib/tntd-cascader/AntdCascader/config/utils.js +15 -6
- package/lib/tntd-cascader/AntdCascader/config/warning.js +15 -7
- package/lib/tntd-cascader/AntdCascader/index.js +133 -80
- package/lib/tntd-cascader/AntdCascader/interface.js +3 -0
- package/lib/tntd-cascader/index.js +2 -0
- package/lib/tntd-cascader/rc-cascader/Cascader.js +188 -123
- package/lib/tntd-cascader/rc-cascader/OptionList/Checkbox.js +21 -11
- package/lib/tntd-cascader/rc-cascader/OptionList/Column.js +88 -60
- package/lib/tntd-cascader/rc-cascader/OptionList/index.js +109 -65
- package/lib/tntd-cascader/rc-cascader/OptionList/useActive.js +33 -18
- package/lib/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +106 -56
- package/lib/tntd-cascader/rc-cascader/context.js +8 -3
- package/lib/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +31 -14
- package/lib/tntd-cascader/rc-cascader/hooks/useEntities.js +15 -5
- package/lib/tntd-cascader/rc-cascader/hooks/useMissingValues.js +11 -3
- package/lib/tntd-cascader/rc-cascader/hooks/useRefFunc.js +8 -3
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +15 -3
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +41 -26
- package/lib/tntd-cascader/rc-cascader/index.js +3 -0
- package/lib/tntd-cascader/rc-cascader/utils/commonUtil.js +20 -9
- package/lib/tntd-cascader/rc-cascader/utils/treeUtil.js +8 -0
- package/lib/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +14 -7
- package/lib/tntd-icon/fonts/iconfont.js +12 -7
- package/lib/tntd-icon/index.js +17 -6
- package/lib/tntd-layout/ActionsContext.js +3 -0
- package/lib/tntd-layout/AppList.js +105 -30
- package/lib/tntd-layout/Application.js +84 -22
- package/lib/tntd-layout/Avatar.js +72 -18
- package/lib/tntd-layout/CompatibleLanguage.js +105 -32
- package/lib/tntd-layout/EnterpriseLayout/Avatar.js +80 -24
- package/lib/tntd-layout/EnterpriseLayout/Language.js +45 -14
- package/lib/tntd-layout/EnterpriseLayout/Theme.js +46 -16
- package/lib/tntd-layout/EnterpriseLayout/index.js +12 -4
- package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js +174 -45
- package/lib/tntd-layout/GlobalNavigation/index.js +70 -19
- package/lib/tntd-layout/Header.js +54 -20
- package/lib/tntd-layout/HeaderActions.js +64 -33
- package/lib/tntd-layout/HeaderNavs.js +59 -19
- package/lib/tntd-layout/HeaderTabs.js +111 -43
- package/lib/tntd-layout/Iconfont.js +5 -0
- package/lib/tntd-layout/Language.js +45 -14
- package/lib/tntd-layout/Layout.js +113 -74
- package/lib/tntd-layout/Logo.js +41 -14
- package/lib/tntd-layout/OrgAppList.js +119 -51
- package/lib/tntd-layout/SideMenu.js +120 -42
- package/lib/tntd-layout/Theme.js +71 -19
- package/lib/tntd-layout/createActions.js +5 -0
- package/lib/tntd-layout/images/index.js +28 -0
- package/lib/tntd-layout/index.js +49 -21
- package/lib/tntd-layout/paaslayout/CompactSideMenu.js +81 -29
- package/lib/tntd-layout/paaslayout/Header.js +47 -14
- package/lib/tntd-layout/paaslayout/Logo.js +19 -2
- package/lib/tntd-layout/paaslayout/SideMenu.js +82 -31
- package/lib/tntd-layout/paaslayout/index.js +108 -62
- package/lib/tntd-layout/storage.d.ts +1 -1
- package/lib/tntd-layout/storage.d.ts.map +1 -1
- package/lib/tntd-layout/storage.js +33 -3
- package/lib/tntd-modal/index.js +51 -32
- package/lib/tntd-second-page/index.js +24 -14
- package/lib/tntd-select/DropDownWrap.js +45 -24
- package/lib/tntd-select/index.js +206 -117
- package/lib/tooltip/index.js +10 -4
- package/lib/transfer/index.js +10 -4
- package/lib/tree/index.js +10 -4
- package/lib/tree-select/index.js +10 -4
- package/lib/typography/index.js +10 -4
- package/lib/upload/index.js +10 -4
- package/lib/utils/checkAuth.js +10 -4
- package/lib/utils/findMenuInfoByPath.js +7 -1
- package/lib/utils/index.js +41 -13
- package/lib/version/index.js +10 -4
- 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,12 +1,16 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
|
+
|
|
2
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
3
4
|
var t = {};
|
|
5
|
+
|
|
4
6
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
7
|
+
|
|
5
8
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
6
9
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
7
10
|
}
|
|
8
11
|
return t;
|
|
9
12
|
};
|
|
13
|
+
|
|
10
14
|
import React, { useState, useEffect, useRef } from 'react';
|
|
11
15
|
import styled, { withTheme } from 'styled-components';
|
|
12
16
|
import cn from 'classnames';
|
|
@@ -170,18 +174,19 @@ const TabItem = styled.li`
|
|
|
170
174
|
`;
|
|
171
175
|
export const HeaderTabs = withTheme(_a => {
|
|
172
176
|
var {
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
177
|
+
theme,
|
|
178
|
+
className,
|
|
179
|
+
tabs = [],
|
|
180
|
+
onTabChange,
|
|
181
|
+
onTabSelect,
|
|
182
|
+
onTabClose,
|
|
183
|
+
appListVisible,
|
|
184
|
+
orgListVisible,
|
|
185
|
+
orgAppListVisible,
|
|
186
|
+
language
|
|
187
|
+
} = _a,
|
|
188
|
+
props = __rest(_a, ["theme", "className", "tabs", "onTabChange", "onTabSelect", "onTabClose", "appListVisible", "orgListVisible", "orgAppListVisible", "language"]);
|
|
189
|
+
|
|
185
190
|
const [selectedKey, setSelectedKey] = useState(props.selectedKey || _get(tabs, '0.key'));
|
|
186
191
|
const [tabItems, setTabItems] = useState(tabs || []);
|
|
187
192
|
const [arrowVisible, setArrowVisible] = useState(false);
|
|
@@ -190,30 +195,38 @@ export const HeaderTabs = withTheme(_a => {
|
|
|
190
195
|
end: true
|
|
191
196
|
});
|
|
192
197
|
const tabsRef = useRef();
|
|
198
|
+
|
|
193
199
|
const getTabsDom = () => tabsRef.current;
|
|
200
|
+
|
|
194
201
|
const onTabClick = (tab, index) => {
|
|
195
202
|
setSelectedKey(tab.key);
|
|
196
203
|
onTabSelect === null || onTabSelect === void 0 ? void 0 : onTabSelect(tab);
|
|
204
|
+
|
|
197
205
|
if (selectedKey !== tab.key) {
|
|
198
206
|
onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(tab);
|
|
199
207
|
}
|
|
200
208
|
};
|
|
209
|
+
|
|
201
210
|
const closeTabHandle = (tab, index, evt) => {
|
|
202
211
|
var _a, _b;
|
|
212
|
+
|
|
203
213
|
evt.stopPropagation();
|
|
204
214
|
const newTabItems = tabItems.filter(({
|
|
205
215
|
key
|
|
206
216
|
}) => key !== tab.key);
|
|
207
217
|
let newSelectedKey = selectedKey;
|
|
208
218
|
setTabItems(newTabItems);
|
|
219
|
+
|
|
209
220
|
if (tab.key === selectedKey) {
|
|
210
221
|
newSelectedKey = index === 0 ? (_a = newTabItems[0]) === null || _a === void 0 ? void 0 : _a.key : (_b = newTabItems[index - 1]) === null || _b === void 0 ? void 0 : _b.key;
|
|
211
222
|
setSelectedKey(newSelectedKey);
|
|
212
223
|
}
|
|
224
|
+
|
|
213
225
|
onTabClose === null || onTabClose === void 0 ? void 0 : onTabClose(tab, newTabItems, newTabItems.find(({
|
|
214
226
|
key
|
|
215
227
|
}) => key === newSelectedKey));
|
|
216
228
|
};
|
|
229
|
+
|
|
217
230
|
const onMoveToLeft = () => {
|
|
218
231
|
const tabsDom = getTabsDom();
|
|
219
232
|
const parentBBox = tabsDom.parentNode.getBoundingClientRect();
|
|
@@ -229,6 +242,7 @@ export const HeaderTabs = withTheme(_a => {
|
|
|
229
242
|
end: Math.abs(newX) < width - parentWidth
|
|
230
243
|
});
|
|
231
244
|
};
|
|
245
|
+
|
|
232
246
|
const onMoveToRight = () => {
|
|
233
247
|
const tabsDom = getTabsDom();
|
|
234
248
|
const parentBBox = tabsDom.parentNode.getBoundingClientRect();
|
|
@@ -244,6 +258,7 @@ export const HeaderTabs = withTheme(_a => {
|
|
|
244
258
|
end: Math.abs(newX) < width - parentWidth
|
|
245
259
|
});
|
|
246
260
|
};
|
|
261
|
+
|
|
247
262
|
const translateTabsDom = (tabs, selectedKey) => {
|
|
248
263
|
if (!selectedKey) return;
|
|
249
264
|
const index = tabs.indexOf(tabs.find(({
|
|
@@ -260,15 +275,19 @@ export const HeaderTabs = withTheme(_a => {
|
|
|
260
275
|
const parentWidth = parentBBox.width - 36;
|
|
261
276
|
const width = tabItems.length * 130;
|
|
262
277
|
let tailX = x + parentWidth; //当前滑动窗口尾部坐标
|
|
278
|
+
|
|
263
279
|
let newX = -x;
|
|
280
|
+
|
|
264
281
|
if (bbox.left < x) {
|
|
265
282
|
newX = -bbox.left;
|
|
266
283
|
} else if (bbox.right >= tailX) {
|
|
267
284
|
newX = parentWidth - bbox.right;
|
|
268
285
|
}
|
|
286
|
+
|
|
269
287
|
if (newX + width < parentWidth) {
|
|
270
288
|
newX = -(width - parentWidth);
|
|
271
289
|
}
|
|
290
|
+
|
|
272
291
|
newX = Math.min(0, newX);
|
|
273
292
|
tabsDom.style.transform = `translateX(${newX}px)`;
|
|
274
293
|
setTabsPositionFlags({
|
|
@@ -276,9 +295,10 @@ export const HeaderTabs = withTheme(_a => {
|
|
|
276
295
|
end: Math.abs(newX) < width - parentWidth
|
|
277
296
|
});
|
|
278
297
|
};
|
|
298
|
+
|
|
279
299
|
useEffect(() => {
|
|
280
|
-
setSelectedKey(props.selectedKey || _get(tabs, '0.key'));
|
|
281
|
-
|
|
300
|
+
setSelectedKey(props.selectedKey || _get(tabs, '0.key')); // const t = [{'code':'tagdata','enName':'tagdata','icon':'layer-color','menuName':'打标数据管理打标数据管理打标数据管理','path':'/orion/tag/datalist','key':'tagdata','name':'打标数据管理打标数据管理打标数据管理'},{'code':'taglist','enName':'taglist','icon':'home','menuName':'标签管理','path':'http://baidu.com/orion/tag/list','key':'taglist','name':'标签管理'},{'code':'relation1','enName':'dadicasesearch1','icon':'home','menuName':'案件检索1','path':'/orion/case/relation1','key':'relation1','name':'案件检索1'},{'code':'dadicasesearch-0','enName':'dadicasesearch','icon':'home','menuName':'案件检索-0','path':'/orion/case/relation0','key':'dadicasesearch-0','name':'案件检索-0'},{'code':'dadicasesearch-1','enName':'dadicasesearch','icon':'home','menuName':'案件检索-1','path':'/orion/case/relation1','key':'dadicasesearch-1','name':'案件检索-1'},{'code':'dadicasesearch-2','enName':'dadicasesearch','icon':'home','menuName':'案件检索-2','path':'/orion/case/relation2','key':'dadicasesearch-2','name':'案件检索-2'},{'code':'dadicasesearch-3','enName':'dadicasesearch','icon':'home','menuName':'案件检索-3','path':'/orion/case/relation3','key':'dadicasesearch-3','name':'案件检索-3'},{'code':'dadicasesearch-4','enName':'dadicasesearch','icon':'home','menuName':'案件检索-4','path':'/orion/case/relation4','key':'dadicasesearch-4','name':'案件检索-4'},{'code':'dadicasesearch-5','enName':'dadicasesearch','icon':'home','menuName':'案件检索-5','path':'/orion/case/relation5','key':'dadicasesearch-5','name':'案件检索-5'},{'code':'dadicasesearch-6','enName':'dadicasesearch','icon':'home','menuName':'案件检索-6','path':'/orion/case/relation6','key':'dadicasesearch-6','name':'案件检索-6'},{'code':'dadicasesearch-7','enName':'dadicasesearch','icon':'home','menuName':'案件检索-7','path':'/orion/case/relation7','key':'dadicasesearch-7','name':'案件检索-7'},{'code':'dadicasesearch-8','enName':'dadicasesearch','icon':'home','menuName':'案件检索-8','path':'/orion/case/relation8','key':'dadicasesearch-8','name':'案件检索-8'}] ;
|
|
301
|
+
|
|
282
302
|
setTabItems(tabs);
|
|
283
303
|
}, [tabs, props.selectedKey]);
|
|
284
304
|
useEffect(() => {}, [props.orgAppListVisible]);
|
|
@@ -298,6 +318,7 @@ export const HeaderTabs = withTheme(_a => {
|
|
|
298
318
|
ref: tabsRef
|
|
299
319
|
}, tabItems.map((tab, index) => {
|
|
300
320
|
var _a;
|
|
321
|
+
|
|
301
322
|
return React.createElement(TabItem, {
|
|
302
323
|
key: tab.key,
|
|
303
324
|
theme: theme,
|
|
@@ -53,20 +53,26 @@ export default withTheme(props => {
|
|
|
53
53
|
const {
|
|
54
54
|
onChange
|
|
55
55
|
} = props;
|
|
56
|
+
|
|
56
57
|
const getLanguage = () => {
|
|
57
58
|
let lang = getLanguageStore() || props.language;
|
|
59
|
+
|
|
58
60
|
if (!languagesMap[lang]) {
|
|
59
61
|
lang = _get(languages, '0.value');
|
|
60
62
|
}
|
|
63
|
+
|
|
61
64
|
return lang;
|
|
62
65
|
};
|
|
66
|
+
|
|
63
67
|
const [language = 'cn', setLanguage] = useState(getLanguage());
|
|
68
|
+
|
|
64
69
|
const switchLanguage = () => {
|
|
65
70
|
const lang = language === 'cn' ? 'en' : 'cn';
|
|
66
71
|
setLanguage(lang);
|
|
67
72
|
setLanguageStore(lang);
|
|
68
73
|
onChange && onChange(lang);
|
|
69
74
|
};
|
|
75
|
+
|
|
70
76
|
return React.createElement(Language, {
|
|
71
77
|
onClick: switchLanguage
|
|
72
78
|
}, React.createElement(Iconfont, {
|
package/es/tntd-layout/Layout.js
CHANGED
|
@@ -114,6 +114,7 @@ export default withTheme(props => {
|
|
|
114
114
|
config,
|
|
115
115
|
extendMap = {},
|
|
116
116
|
AvatarCustom // 右上角用户信息自定义
|
|
117
|
+
|
|
117
118
|
} = props;
|
|
118
119
|
let {
|
|
119
120
|
collapsed: storeCollapsed,
|
|
@@ -129,12 +130,13 @@ export default withTheme(props => {
|
|
|
129
130
|
let theme = getThemeStore() || (extendMap === null || extendMap === void 0 ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';
|
|
130
131
|
const language = getLanguageStore() || userInfo.lang || 'cn';
|
|
131
132
|
theme = theme === 'default' ? 'themeS2' : theme;
|
|
133
|
+
|
|
132
134
|
const collapseChangeHandle = () => {
|
|
133
135
|
const {
|
|
134
136
|
beforeOpenKeys = []
|
|
135
137
|
} = getSideMenuStore();
|
|
136
|
-
const newCollapsed = !collapsed;
|
|
137
|
-
|
|
138
|
+
const newCollapsed = !collapsed; // 菜单收起:记住当前展开子菜单到store,并收起子菜单
|
|
139
|
+
|
|
138
140
|
if (newCollapsed) {
|
|
139
141
|
setSideMenuStore({
|
|
140
142
|
collapsed: newCollapsed,
|
|
@@ -149,9 +151,11 @@ export default withTheme(props => {
|
|
|
149
151
|
});
|
|
150
152
|
setOpenMenuKeys(beforeOpenKeys);
|
|
151
153
|
}
|
|
154
|
+
|
|
152
155
|
setCollapsed(newCollapsed);
|
|
153
156
|
onCollapseChange && onCollapseChange(newCollapsed);
|
|
154
157
|
};
|
|
158
|
+
|
|
155
159
|
useEffect(() => {
|
|
156
160
|
setUserInfo(props.userInfo);
|
|
157
161
|
}, [props.userInfo]);
|
|
@@ -194,6 +198,7 @@ export default withTheme(props => {
|
|
|
194
198
|
beforeOpenKeys: keys
|
|
195
199
|
});
|
|
196
200
|
}
|
|
201
|
+
|
|
197
202
|
setOpenMenuKeys(keys);
|
|
198
203
|
},
|
|
199
204
|
formatMenuPath: formatMenuPath,
|
package/es/tntd-layout/Logo.js
CHANGED
|
@@ -80,23 +80,28 @@ const Logo = styled.div`
|
|
|
80
80
|
height: 28px;
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
|
-
`;
|
|
84
|
-
|
|
83
|
+
`; // JS判断字符串长度(英文占1个字符,中文汉字占2个字符)
|
|
84
|
+
|
|
85
85
|
const getStrLen = (str = '') => {
|
|
86
86
|
let len = 0;
|
|
87
|
+
|
|
87
88
|
for (let i = 0; i < str.length; i++) {
|
|
88
89
|
let c = str.charCodeAt(i);
|
|
89
|
-
let chartLength = 2;
|
|
90
|
-
|
|
90
|
+
let chartLength = 2; //单字节加1
|
|
91
|
+
|
|
91
92
|
if (c >= 0x0001 && c <= 0x007e || 0xff60 <= c && c <= 0xff9f) {
|
|
92
93
|
chartLength = 1;
|
|
93
94
|
}
|
|
95
|
+
|
|
94
96
|
len += chartLength;
|
|
95
97
|
}
|
|
98
|
+
|
|
96
99
|
return len;
|
|
97
100
|
};
|
|
101
|
+
|
|
98
102
|
export default withTheme(props => {
|
|
99
103
|
var _a;
|
|
104
|
+
|
|
100
105
|
const {
|
|
101
106
|
logo,
|
|
102
107
|
name,
|
|
@@ -115,12 +120,14 @@ export default withTheme(props => {
|
|
|
115
120
|
15: 16,
|
|
116
121
|
16: 15
|
|
117
122
|
}[Math.max(12, Math.min(productNameLen, 16))] + (size === 'large' ? 1 : 0);
|
|
123
|
+
|
|
118
124
|
const LogoImg = props => React.createElement("img", Object.assign({
|
|
119
125
|
onError: e => {
|
|
120
126
|
e.target.onerror = null;
|
|
121
127
|
e.target.src = logoImgMap.default;
|
|
122
128
|
}
|
|
123
129
|
}, props));
|
|
130
|
+
|
|
124
131
|
return React.createElement(Logo, Object.assign({}, props, {
|
|
125
132
|
fontSize: fontSize
|
|
126
133
|
}), typeof logo === 'string' ? React.createElement(LogoImg, {
|
|
@@ -11,8 +11,8 @@ const {
|
|
|
11
11
|
} = Input;
|
|
12
12
|
const {
|
|
13
13
|
Option
|
|
14
|
-
} = Select;
|
|
15
|
-
|
|
14
|
+
} = Select; // 机构+应用UI
|
|
15
|
+
|
|
16
16
|
const OrgAppsInputGroup = styled(InputGroup)`
|
|
17
17
|
display: inline-block !important;
|
|
18
18
|
width: auto !important;
|
|
@@ -89,8 +89,8 @@ const OrgAppsInputGroup = styled(InputGroup)`
|
|
|
89
89
|
.isInIframe & {
|
|
90
90
|
margin-left: 20px;
|
|
91
91
|
}
|
|
92
|
-
`;
|
|
93
|
-
|
|
92
|
+
`; // 只展示机构
|
|
93
|
+
|
|
94
94
|
const AppTreeSelect = styled(TreeSelect)`
|
|
95
95
|
min-width: 160px;
|
|
96
96
|
height: 28px;
|
|
@@ -256,8 +256,8 @@ export default withTheme(props => {
|
|
|
256
256
|
item.title = item.name;
|
|
257
257
|
item.value = item.uuid;
|
|
258
258
|
item.key = item.uuid;
|
|
259
|
-
});
|
|
260
|
-
|
|
259
|
+
}); // 初始化数据函数
|
|
260
|
+
|
|
261
261
|
const getInitialSelected = (selectedKey, currentStore, dataList, type) => {
|
|
262
262
|
const findByKey = selectedKey => {
|
|
263
263
|
let find;
|
|
@@ -269,13 +269,17 @@ export default withTheme(props => {
|
|
|
269
269
|
});
|
|
270
270
|
return find;
|
|
271
271
|
};
|
|
272
|
+
|
|
272
273
|
const current = findByKey(selectedKey || _get(currentStore, 'key'));
|
|
274
|
+
|
|
273
275
|
if (type) {
|
|
274
276
|
return current;
|
|
275
277
|
}
|
|
278
|
+
|
|
276
279
|
return current || dataList[0];
|
|
277
|
-
};
|
|
278
|
-
|
|
280
|
+
}; // 初始化数据函数机构树
|
|
281
|
+
|
|
282
|
+
|
|
279
283
|
const getInitialSelectedTree = (selecteds, dataList) => {
|
|
280
284
|
if (selecteds.length) {
|
|
281
285
|
return selecteds;
|
|
@@ -289,15 +293,16 @@ export default withTheme(props => {
|
|
|
289
293
|
setCurrentOrgTreeStore(temp);
|
|
290
294
|
return temp;
|
|
291
295
|
}
|
|
292
|
-
};
|
|
293
|
-
// 初始化值
|
|
296
|
+
}; // 初始化值
|
|
294
297
|
// 机构
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
const [
|
|
298
|
-
|
|
299
|
-
const [
|
|
300
|
-
|
|
298
|
+
|
|
299
|
+
|
|
300
|
+
const [selectedOrg, setSelectedOrg] = useState(getInitialSelected(selectedOrgKey, getCurrentOrgStore(), orgListFormatData)); // 机构树
|
|
301
|
+
|
|
302
|
+
const [selectedOrgTree, setSelectedOrgTree] = useState(getInitialSelectedTree(getCurrentOrgTreeStore(), orgListFormatData)); // 应用
|
|
303
|
+
|
|
304
|
+
const [selectedApp, setSelectedApp] = useState(getInitialSelected(selectedAppKey, getCurrentAppStore(), orgAppList, 'default')); // org变化事件
|
|
305
|
+
|
|
301
306
|
const changeOrg = (org = {}) => {
|
|
302
307
|
setSelectedOrg(org);
|
|
303
308
|
setCurrentOrgStore({
|
|
@@ -307,6 +312,7 @@ export default withTheme(props => {
|
|
|
307
312
|
});
|
|
308
313
|
onOrgChange && onOrgChange(org);
|
|
309
314
|
};
|
|
315
|
+
|
|
310
316
|
const changeOrgTree = (val = []) => {
|
|
311
317
|
if (!val.length) {
|
|
312
318
|
val = orgListFormatData.map(res => {
|
|
@@ -316,30 +322,37 @@ export default withTheme(props => {
|
|
|
316
322
|
};
|
|
317
323
|
});
|
|
318
324
|
}
|
|
325
|
+
|
|
319
326
|
setSelectedOrgTree(val);
|
|
320
327
|
setCurrentOrgTreeStore(val);
|
|
321
328
|
onOrgChange && onOrgChange(val);
|
|
322
|
-
};
|
|
323
|
-
|
|
329
|
+
}; // app变化事件
|
|
330
|
+
|
|
331
|
+
|
|
324
332
|
const changeApp = app => {
|
|
325
333
|
setSelectedApp(app);
|
|
326
334
|
setCurrentAppStore(app);
|
|
327
335
|
onAppChange && onAppChange(app);
|
|
328
336
|
};
|
|
337
|
+
|
|
329
338
|
useEffect(() => {
|
|
330
339
|
// 监听org机构
|
|
331
340
|
const newOrg = getInitialSelected(selectedOrgKey, getCurrentOrgStore(), orgListFormatData);
|
|
341
|
+
|
|
332
342
|
if ((newOrg === null || newOrg === void 0 ? void 0 : newOrg.key) !== (selectedOrg === null || selectedOrg === void 0 ? void 0 : selectedOrg.key)) {
|
|
333
343
|
changeOrg(newOrg);
|
|
334
|
-
}
|
|
335
|
-
|
|
344
|
+
} // 监听应用
|
|
345
|
+
|
|
346
|
+
|
|
336
347
|
const newApp = getInitialSelected(selectedAppKey, getCurrentAppStore(), orgAppList);
|
|
348
|
+
|
|
337
349
|
if ((newApp === null || newApp === void 0 ? void 0 : newApp.key) !== (selectedApp === null || selectedApp === void 0 ? void 0 : selectedApp.key)) {
|
|
338
350
|
changeApp(newApp);
|
|
339
351
|
}
|
|
340
|
-
}, [orgList, selectedOrgKey, selectedAppKey, orgAppList]);
|
|
341
|
-
|
|
352
|
+
}, [orgList, selectedOrgKey, selectedAppKey, orgAppList]); // 如果是多签页的模式 则居右对齐
|
|
353
|
+
|
|
342
354
|
let [treeSelectPosition, selectPosition] = [{}, {}];
|
|
355
|
+
|
|
343
356
|
if (headerTabs) {
|
|
344
357
|
treeSelectPosition = {
|
|
345
358
|
dropdownPopupAlign: {
|
|
@@ -352,7 +365,9 @@ export default withTheme(props => {
|
|
|
352
365
|
}
|
|
353
366
|
};
|
|
354
367
|
}
|
|
368
|
+
|
|
355
369
|
let orgTreeConfigProp = {};
|
|
370
|
+
|
|
356
371
|
if (orgTreeConfig) {
|
|
357
372
|
orgTreeConfigProp = Object.assign({
|
|
358
373
|
dropdownClassName: 'org-tree-check-select',
|
|
@@ -379,6 +394,7 @@ export default withTheme(props => {
|
|
|
379
394
|
value: _get(selectedOrg, 'key')
|
|
380
395
|
};
|
|
381
396
|
}
|
|
397
|
+
|
|
382
398
|
if (!orgAppShow) {
|
|
383
399
|
return React.createElement(React.Fragment, null, React.createElement(AppTreeSelect, Object.assign({
|
|
384
400
|
placeholder: "\u9009\u62E9\u673A\u6784",
|
|
@@ -400,6 +416,7 @@ export default withTheme(props => {
|
|
|
400
416
|
}
|
|
401
417
|
}, orgTreeConfigProp)), React.createElement(GlobalStyle, null));
|
|
402
418
|
}
|
|
419
|
+
|
|
403
420
|
return React.createElement(OrgAppsInputGroup, {
|
|
404
421
|
compact: true
|
|
405
422
|
}, React.createElement(TreeSelect, Object.assign({
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import _get from "lodash/get";
|
|
2
|
+
|
|
2
3
|
var __rest = this && this.__rest || function (s, e) {
|
|
3
4
|
var t = {};
|
|
5
|
+
|
|
4
6
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
7
|
+
|
|
5
8
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
6
9
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
7
10
|
}
|
|
8
11
|
return t;
|
|
9
12
|
};
|
|
13
|
+
|
|
10
14
|
import React, { useContext, useEffect, useState } from 'react';
|
|
11
15
|
import styled, { withTheme } from 'styled-components';
|
|
12
16
|
import Menu from '../menu';
|
|
@@ -290,6 +294,7 @@ export default withTheme(props => {
|
|
|
290
294
|
parentMenus
|
|
291
295
|
} = getSelectedMenuInfo(selectedKey, menus);
|
|
292
296
|
const [selectedKeys, setSelectedKeys] = useState([_get(subMenu, 'code')]);
|
|
297
|
+
|
|
293
298
|
const onSelectMenu = param => {
|
|
294
299
|
const {
|
|
295
300
|
subMenu,
|
|
@@ -298,22 +303,29 @@ export default withTheme(props => {
|
|
|
298
303
|
const params = Object.assign(Object.assign({}, param), {
|
|
299
304
|
data: subMenu
|
|
300
305
|
});
|
|
306
|
+
|
|
301
307
|
const defaultBeforeChange = ({
|
|
302
308
|
data
|
|
303
309
|
}) => !isNewTabMenu(data);
|
|
310
|
+
|
|
304
311
|
const defaultSelect = ({
|
|
305
312
|
data
|
|
306
313
|
}) => {
|
|
307
314
|
var _a;
|
|
315
|
+
|
|
308
316
|
const {
|
|
309
317
|
path
|
|
310
318
|
} = data || {};
|
|
319
|
+
|
|
311
320
|
const formatPath = formatMenuPath || (path => path);
|
|
321
|
+
|
|
312
322
|
if (isNewTabMenu(data)) {
|
|
313
323
|
openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
|
|
314
324
|
return;
|
|
315
325
|
}
|
|
326
|
+
|
|
316
327
|
const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
|
|
328
|
+
|
|
317
329
|
if (path === null || path === void 0 ? void 0 : path.startsWith(routerPrefix)) {
|
|
318
330
|
const forwardPath = formatPath(path, data);
|
|
319
331
|
changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
|
|
@@ -321,9 +333,12 @@ export default withTheme(props => {
|
|
|
321
333
|
window.location.href = formatPath(path, data);
|
|
322
334
|
}
|
|
323
335
|
};
|
|
336
|
+
|
|
324
337
|
const finalSelect = onSelect || defaultSelect;
|
|
338
|
+
|
|
325
339
|
if (param.key !== _get(selectedKeys, '0')) {
|
|
326
340
|
const finalBeforeChange = onBeforeChange || defaultBeforeChange;
|
|
341
|
+
|
|
327
342
|
if (finalBeforeChange(params, _get(selectedKeys, '0'))) {
|
|
328
343
|
// SideMenu菜单收起状态
|
|
329
344
|
if (collapsed) {
|
|
@@ -336,24 +351,30 @@ export default withTheme(props => {
|
|
|
336
351
|
beforeOpenKeys: newOpenKeys
|
|
337
352
|
});
|
|
338
353
|
}
|
|
354
|
+
|
|
339
355
|
setSelectedKeys([param.key]);
|
|
340
356
|
onChange && onChange(params);
|
|
341
357
|
}
|
|
342
358
|
}
|
|
359
|
+
|
|
343
360
|
actions.setSelectedMenuKey(param.key);
|
|
344
361
|
setSelectedKeys([param.key]);
|
|
345
362
|
finalSelect(params);
|
|
346
363
|
};
|
|
364
|
+
|
|
347
365
|
const getExpandIcon = code => {
|
|
348
366
|
if (props.theme.compatible) {
|
|
349
367
|
return openKeys.includes(code) ? 'minus' : 'plus';
|
|
350
368
|
}
|
|
369
|
+
|
|
351
370
|
return openKeys.includes(code) ? 'up' : 'down';
|
|
352
371
|
};
|
|
372
|
+
|
|
353
373
|
const onOpenKeysChange = keys => {
|
|
354
|
-
const openKey = keys.find(key => !openKeys.includes(key));
|
|
355
|
-
|
|
374
|
+
const openKey = keys.find(key => !openKeys.includes(key)); // const closeKey = openKeys.find(key => !keys.includes(key));
|
|
375
|
+
|
|
356
376
|
let newOpenKeys = keys;
|
|
377
|
+
|
|
357
378
|
const findParentGroupKey = (key, openKeys) => {
|
|
358
379
|
let parentGroupKey;
|
|
359
380
|
traverseTree(menus, (node, pnode) => {
|
|
@@ -361,15 +382,18 @@ export default withTheme(props => {
|
|
|
361
382
|
if (pnode && openKeys.includes(pnode === null || pnode === void 0 ? void 0 : pnode.code)) {
|
|
362
383
|
parentGroupKey = pnode === null || pnode === void 0 ? void 0 : pnode.code;
|
|
363
384
|
}
|
|
385
|
+
|
|
364
386
|
return false;
|
|
365
387
|
}
|
|
366
388
|
});
|
|
367
389
|
return parentGroupKey;
|
|
368
|
-
};
|
|
369
|
-
|
|
390
|
+
}; // 展开openKey
|
|
391
|
+
|
|
392
|
+
|
|
370
393
|
if (openKey) {
|
|
371
394
|
// 父子关系展开
|
|
372
395
|
const parentGroupKey = findParentGroupKey(openKey, openKeys);
|
|
396
|
+
|
|
373
397
|
if (parentGroupKey) {
|
|
374
398
|
newOpenKeys = keys.length > 2 ? [parentGroupKey, openKey] : keys;
|
|
375
399
|
} else {
|
|
@@ -379,15 +403,19 @@ export default withTheme(props => {
|
|
|
379
403
|
// 收起closeKey
|
|
380
404
|
newOpenKeys = keys;
|
|
381
405
|
}
|
|
406
|
+
|
|
382
407
|
onOpenChange(newOpenKeys);
|
|
383
408
|
};
|
|
409
|
+
|
|
384
410
|
useEffect(() => {
|
|
385
411
|
setSelectedKeys([selectedKey]);
|
|
412
|
+
|
|
386
413
|
if (selectedKey && !collapsed && (parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.length)) {
|
|
387
414
|
onOpenChange(parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.map(({
|
|
388
415
|
code
|
|
389
416
|
}) => code).reverse());
|
|
390
417
|
}
|
|
418
|
+
|
|
391
419
|
actions.setSelectedMenuKey(selectedKey);
|
|
392
420
|
}, [selectedKey]);
|
|
393
421
|
actions.off('menuSelect', onSelectMenu);
|
|
@@ -400,6 +428,7 @@ export default withTheme(props => {
|
|
|
400
428
|
onOpenChange: onOpenKeysChange
|
|
401
429
|
}, menus === null || menus === void 0 ? void 0 : menus.map(menu => {
|
|
402
430
|
var _a;
|
|
431
|
+
|
|
403
432
|
const MenuLink = ({
|
|
404
433
|
menuName,
|
|
405
434
|
enName,
|
|
@@ -411,6 +440,7 @@ export default withTheme(props => {
|
|
|
411
440
|
cn: menuName,
|
|
412
441
|
en: enName
|
|
413
442
|
}[language]);
|
|
443
|
+
|
|
414
444
|
if (isGroupMenu(menu)) {
|
|
415
445
|
const getSubMenuProps = ({
|
|
416
446
|
code,
|
|
@@ -429,22 +459,27 @@ export default withTheme(props => {
|
|
|
429
459
|
cn: groupName,
|
|
430
460
|
en: enName
|
|
431
461
|
}[language]),
|
|
432
|
-
expandIcon: collapsed ? null : React.createElement(Iconfont
|
|
462
|
+
expandIcon: collapsed ? null : React.createElement(Iconfont
|
|
463
|
+
/* */
|
|
464
|
+
, {
|
|
433
465
|
type: getExpandIcon(code)
|
|
434
466
|
})
|
|
435
467
|
});
|
|
468
|
+
|
|
436
469
|
return React.createElement(SubMenu, Object.assign({}, getSubMenuProps(menu), {
|
|
437
470
|
onClick: onSelectMenu
|
|
438
471
|
}), (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.map(menu => {
|
|
439
472
|
var _a;
|
|
473
|
+
|
|
440
474
|
if (isGroupMenu(menu)) {
|
|
441
475
|
return React.createElement(SubMenu, Object.assign({}, getSubMenuProps(menu, true), {
|
|
442
476
|
onClick: onSelectMenu
|
|
443
477
|
}), (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.map(_a => {
|
|
444
478
|
var {
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
479
|
+
code
|
|
480
|
+
} = _a,
|
|
481
|
+
menu = __rest(_a, ["code"]);
|
|
482
|
+
|
|
448
483
|
return React.createElement(MenuItem, {
|
|
449
484
|
key: code
|
|
450
485
|
}, React.createElement(MenuLink, Object.assign({}, menu, {
|
|
@@ -454,11 +489,13 @@ export default withTheme(props => {
|
|
|
454
489
|
})));
|
|
455
490
|
}));
|
|
456
491
|
}
|
|
492
|
+
|
|
457
493
|
return React.createElement(MenuItem, {
|
|
458
494
|
key: menu === null || menu === void 0 ? void 0 : menu.code
|
|
459
495
|
}, React.createElement(MenuLink, Object.assign({}, menu)));
|
|
460
496
|
}));
|
|
461
497
|
}
|
|
498
|
+
|
|
462
499
|
return React.createElement(MenuItem, {
|
|
463
500
|
key: menu.code,
|
|
464
501
|
onClick: onSelectMenu
|
package/es/tntd-layout/Theme.js
CHANGED
|
@@ -47,22 +47,27 @@ const themes = [{
|
|
|
47
47
|
value: 'themeS2',
|
|
48
48
|
img: images.themeSymbol2
|
|
49
49
|
}];
|
|
50
|
+
|
|
50
51
|
const ThemeContent = props => {
|
|
51
52
|
const {
|
|
52
53
|
onChange
|
|
53
54
|
} = props;
|
|
55
|
+
|
|
54
56
|
const getTheme = () => {
|
|
55
57
|
let theme = getThemeStore() || props.theme || 'themeS2';
|
|
56
58
|
return themes.some(({
|
|
57
59
|
value
|
|
58
60
|
}) => value === theme) ? theme : 'themeS2';
|
|
59
61
|
};
|
|
62
|
+
|
|
60
63
|
const [theme, setTheme] = useState(getTheme());
|
|
64
|
+
|
|
61
65
|
const changeTheme = theme => {
|
|
62
66
|
setTheme(theme);
|
|
63
67
|
setThemeStore(theme);
|
|
64
68
|
onChange(theme);
|
|
65
69
|
};
|
|
70
|
+
|
|
66
71
|
return React.createElement(ThemeContentWrapper, null, React.createElement(ThemeSwitch, null, themes.map(({
|
|
67
72
|
value,
|
|
68
73
|
img
|
|
@@ -75,6 +80,7 @@ const ThemeContent = props => {
|
|
|
75
80
|
type: "check1"
|
|
76
81
|
})))));
|
|
77
82
|
};
|
|
83
|
+
|
|
78
84
|
export default (props => {
|
|
79
85
|
return React.createElement(Theme, null, React.createElement(Popover, {
|
|
80
86
|
placement: "bottomRight",
|