@oceanbase/ui 0.2.0
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/dist/static/iconfont.22caa259.woff +0 -0
- package/dist/static/iconfont.bf41d69a.woff2 +0 -0
- package/dist/static/iconfont.d8ca098f.ttf +0 -0
- package/dist/ui.min.css +1 -0
- package/dist/ui.min.js +1 -0
- package/es/Action/Group.d.ts +14 -0
- package/es/Action/Group.js +112 -0
- package/es/Action/Item.d.ts +31 -0
- package/es/Action/Item.js +136 -0
- package/es/Action/index.d.ts +8 -0
- package/es/Action/index.js +7 -0
- package/es/BackgroundTaskManager/RefreshMan.d.ts +11 -0
- package/es/BackgroundTaskManager/RefreshMan.js +66 -0
- package/es/BackgroundTaskManager/constants.js +10 -0
- package/es/BackgroundTaskManager/index.d.ts +49 -0
- package/es/BackgroundTaskManager/index.js +155 -0
- package/es/BasicLayout/Header.d.ts +45 -0
- package/es/BasicLayout/Header.js +228 -0
- package/es/BasicLayout/Header.less +134 -0
- package/es/BasicLayout/index.d.ts +45 -0
- package/es/BasicLayout/index.js +312 -0
- package/es/BasicLayout/index.less +400 -0
- package/es/BasicLayout/locale/en-US.js +11 -0
- package/es/BasicLayout/locale/zh-CN.js +11 -0
- package/es/BasicLayout/locale/zh-TW.js +11 -0
- package/es/BatchOperationBar/index.d.ts +33 -0
- package/es/BatchOperationBar/index.js +126 -0
- package/es/BatchOperationBar/index.less +46 -0
- package/es/BatchOperationBar/index.less.d.ts +15 -0
- package/es/BatchOperationBar/locale/en-US.js +6 -0
- package/es/BatchOperationBar/locale/zh-CN.js +6 -0
- package/es/BatchOperationBar/locale/zh-TW.js +6 -0
- package/es/Boundary/Components/Code.d.ts +14 -0
- package/es/Boundary/Components/Code.js +32 -0
- package/es/Boundary/Components/Exception.d.ts +17 -0
- package/es/Boundary/Components/Exception.js +129 -0
- package/es/Boundary/Components/Function.d.ts +9 -0
- package/es/Boundary/Components/Function.js +21 -0
- package/es/Boundary/Components/index.d.ts +3 -0
- package/es/Boundary/Components/index.js +3 -0
- package/es/Boundary/IBoundary.js +1 -0
- package/es/Boundary/constant.js +41 -0
- package/es/Boundary/index.d.ts +8 -0
- package/es/Boundary/index.js +7 -0
- package/es/Boundary/index.less +44 -0
- package/es/Boundary/locale/en-US.js +10 -0
- package/es/Boundary/locale/zh-CN.js +10 -0
- package/es/Boundary/locale/zh-TW.js +10 -0
- package/es/Boundary/utils.js +18 -0
- package/es/ContentWithQuestion/index.d.ts +13 -0
- package/es/ContentWithQuestion/index.js +46 -0
- package/es/ContentWithQuestion/index.less +18 -0
- package/es/Dialog/Anchor.js +104 -0
- package/es/Dialog/Dock.js +84 -0
- package/es/Dialog/EventProxy.js +50 -0
- package/es/Dialog/index.d.ts +35 -0
- package/es/Dialog/index.js +614 -0
- package/es/Dialog/index.less +114 -0
- package/es/Dialog/locale/en-US.js +4 -0
- package/es/Dialog/locale/zh-CN.js +4 -0
- package/es/Dialog/locale/zh-TW.js +4 -0
- package/es/DocDialog/index.d.ts +24 -0
- package/es/DocDialog/index.js +115 -0
- package/es/DocDialog/locale/en-US.js +1 -0
- package/es/DocDialog/locale/zh-CN.js +1 -0
- package/es/DocDialog/locale/zh-TW.js +1 -0
- package/es/FullscreenBox/index.d.ts +42 -0
- package/es/FullscreenBox/index.js +145 -0
- package/es/FullscreenBox/index.less +49 -0
- package/es/FullscreenBox/locale/en-US.js +1 -0
- package/es/FullscreenBox/locale/zh-CN.js +1 -0
- package/es/FullscreenBox/locale/zh-TW.js +1 -0
- package/es/GraphToolbar/index.d.ts +26 -0
- package/es/GraphToolbar/index.js +132 -0
- package/es/GraphToolbar/index.less +65 -0
- package/es/GraphToolbar/locale/en-US.js +8 -0
- package/es/GraphToolbar/locale/zh-CN.js +8 -0
- package/es/GraphToolbar/locale/zh-TW.js +8 -0
- package/es/Highlight/DiffView/DiffCells.js +43 -0
- package/es/Highlight/DiffView/index.d.ts +44 -0
- package/es/Highlight/DiffView/index.js +317 -0
- package/es/Highlight/HighlightCell.js +29 -0
- package/es/Highlight/JsonView.d.ts +8 -0
- package/es/Highlight/JsonView.js +44 -0
- package/es/Highlight/index.d.ts +97 -0
- package/es/Highlight/index.js +257 -0
- package/es/Highlight/index.less +381 -0
- package/es/Highlight/languages/bash.js +2 -0
- package/es/Highlight/languages/cpp.js +2 -0
- package/es/Highlight/languages/css.js +2 -0
- package/es/Highlight/languages/dockerfile.js +2 -0
- package/es/Highlight/languages/go.js +2 -0
- package/es/Highlight/languages/groovy.js +2 -0
- package/es/Highlight/languages/http.js +2 -0
- package/es/Highlight/languages/java.js +2 -0
- package/es/Highlight/languages/javascript.js +2 -0
- package/es/Highlight/languages/json.js +2 -0
- package/es/Highlight/languages/markdown.js +2 -0
- package/es/Highlight/languages/nginx.js +2 -0
- package/es/Highlight/languages/python.js +2 -0
- package/es/Highlight/languages/ruby.js +2 -0
- package/es/Highlight/languages/solidity.js +2 -0
- package/es/Highlight/languages/sql.js +2 -0
- package/es/Highlight/languages/typescript.js +2 -0
- package/es/Highlight/languages/xml.js +2 -0
- package/es/Highlight/languages/yaml.js +2 -0
- package/es/Highlight/locale/en-US.js +1 -0
- package/es/Highlight/locale/zh-CN.js +1 -0
- package/es/Highlight/locale/zh-TW.js +1 -0
- package/es/Highlight/useKeyDownCopyEvent.js +54 -0
- package/es/IconFont/font/iconfont.css +503 -0
- package/es/IconFont/font/iconfont.ttf +0 -0
- package/es/IconFont/font/iconfont.woff +0 -0
- package/es/IconFont/font/iconfont.woff2 +0 -0
- package/es/IconFont/index.d.ts +9 -0
- package/es/IconFont/index.js +26 -0
- package/es/LocaleDropdown/index.d.ts +9 -0
- package/es/LocaleDropdown/index.js +47 -0
- package/es/Login/ActivateForm.d.ts +19 -0
- package/es/Login/ActivateForm.js +98 -0
- package/es/Login/LoginForm.d.ts +20 -0
- package/es/Login/LoginForm.js +142 -0
- package/es/Login/RegisterForm.d.ts +23 -0
- package/es/Login/RegisterForm.js +155 -0
- package/es/Login/index.d.ts +66 -0
- package/es/Login/index.js +177 -0
- package/es/Login/index.less +325 -0
- package/es/Login/locale/en-US.js +26 -0
- package/es/Login/locale/zh-CN.js +27 -0
- package/es/Login/locale/zh-TW.js +26 -0
- package/es/Lottie/index.js +37 -0
- package/es/NavMenu/index.d.ts +19 -0
- package/es/NavMenu/index.js +99 -0
- package/es/NavMenu/index.less +50 -0
- package/es/PageContainer/ItemRender.js +21 -0
- package/es/PageContainer/index.d.ts +16 -0
- package/es/PageContainer/index.js +71 -0
- package/es/PageContainer/locale/en-US.js +3 -0
- package/es/PageContainer/locale/zh-CN.js +3 -0
- package/es/PageContainer/locale/zh-TW.js +3 -0
- package/es/PageContainer/style/index.d.ts +5 -0
- package/es/PageContainer/style/index.js +72 -0
- package/es/Password/Content.d.ts +14 -0
- package/es/Password/Content.js +92 -0
- package/es/Password/index.d.ts +25 -0
- package/es/Password/index.js +137 -0
- package/es/Password/locale/en-US.js +12 -0
- package/es/Password/locale/zh-CN.js +12 -0
- package/es/Password/locale/zh-TW.js +12 -0
- package/es/Ranger/QuickPicker.d.ts +4 -0
- package/es/Ranger/QuickPicker.js +123 -0
- package/es/Ranger/Ranger.d.ts +11 -0
- package/es/Ranger/Ranger.js +140 -0
- package/es/Ranger/constant/index.js +187 -0
- package/es/Ranger/index.d.ts +33 -0
- package/es/Ranger/index.js +32 -0
- package/es/Ranger/index.less +55 -0
- package/es/Ranger/locale/en-US.js +29 -0
- package/es/Ranger/locale/zh-CN.js +3 -0
- package/es/Ranger/locale/zh-TW.js +3 -0
- package/es/Ranger/typing.js +1 -0
- package/es/SideTip/Dragger.d.ts +45 -0
- package/es/SideTip/Dragger.js +293 -0
- package/es/SideTip/IconLoading.d.ts +3 -0
- package/es/SideTip/IconLoading.js +37 -0
- package/es/SideTip/index.d.ts +156 -0
- package/es/SideTip/index.js +177 -0
- package/es/SideTip/index.less +177 -0
- package/es/SideTip/locale/en-US.js +1 -0
- package/es/SideTip/locale/zh-CN.js +1 -0
- package/es/SideTip/locale/zh-TW.js +1 -0
- package/es/SideTip/utils.js +80 -0
- package/es/TaskGraph/Graph.d.ts +24 -0
- package/es/TaskGraph/Graph.js +260 -0
- package/es/TaskGraph/graph.less +23 -0
- package/es/TaskGraph/index.d.ts +16 -0
- package/es/TaskGraph/index.js +165 -0
- package/es/TaskGraph/index.less +117 -0
- package/es/TaskGraph/locale/en-US.js +12 -0
- package/es/TaskGraph/locale/zh-CN.js +12 -0
- package/es/TaskGraph/locale/zh-TW.js +12 -0
- package/es/TaskGraph/register.d.ts +7 -0
- package/es/TaskGraph/register.js +200 -0
- package/es/TreeSearch/index.d.ts +38 -0
- package/es/TreeSearch/index.js +168 -0
- package/es/TreeSearch/util.d.ts +21 -0
- package/es/TreeSearch/util.js +111 -0
- package/es/Welcome/index.d.ts +38 -0
- package/es/Welcome/index.js +140 -0
- package/es/Welcome/index.less +186 -0
- package/es/Welcome/locale/en-US.js +4 -0
- package/es/Welcome/locale/zh-CN.js +4 -0
- package/es/Welcome/locale/zh-TW.js +4 -0
- package/es/Welcome/step.d.ts +18 -0
- package/es/Welcome/step.js +42 -0
- package/es/_util/genComponentStyleHook.d.ts +14 -0
- package/es/_util/genComponentStyleHook.js +27 -0
- package/es/_util/index.js +54 -0
- package/es/_util/useHistory.js +9 -0
- package/es/assets/background_img.svg +30 -0
- package/es/assets/graph_fit_view_icon.svg +14 -0
- package/es/assets/graph_reset_icon.svg +14 -0
- package/es/assets/logo/oceanbase_logo.svg +29 -0
- package/es/assets/logo/oceanbase_watermark.svg +31 -0
- package/es/assets/monitor.svg +21 -0
- package/es/assets/user.svg +16 -0
- package/es/constant/index.js +18 -0
- package/es/index.d.ts +28 -0
- package/es/index.js +27 -0
- package/es/index.less +14 -0
- package/es/interface.js +1 -0
- package/es/locale/LocaleWrapper.d.ts +10 -0
- package/es/locale/LocaleWrapper.js +69 -0
- package/es/locale/en-US.js +38 -0
- package/es/locale/index.js +1 -0
- package/es/locale/zh-CN.js +39 -0
- package/es/locale/zh-TW.js +33 -0
- package/es/variable.less +54 -0
- package/lib/Action/Group.d.ts +14 -0
- package/lib/Action/Group.js +124 -0
- package/lib/Action/Item.d.ts +31 -0
- package/lib/Action/Item.js +126 -0
- package/lib/Action/index.d.ts +8 -0
- package/lib/Action/index.js +37 -0
- package/lib/BackgroundTaskManager/RefreshMan.d.ts +11 -0
- package/lib/BackgroundTaskManager/RefreshMan.js +86 -0
- package/lib/BackgroundTaskManager/constants.js +38 -0
- package/lib/BackgroundTaskManager/index.d.ts +49 -0
- package/lib/BackgroundTaskManager/index.js +161 -0
- package/lib/BasicLayout/Header.d.ts +45 -0
- package/lib/BasicLayout/Header.js +177 -0
- package/lib/BasicLayout/Header.less +134 -0
- package/lib/BasicLayout/index.d.ts +45 -0
- package/lib/BasicLayout/index.js +346 -0
- package/lib/BasicLayout/index.less +400 -0
- package/lib/BasicLayout/locale/en-US.js +35 -0
- package/lib/BasicLayout/locale/zh-CN.js +35 -0
- package/lib/BasicLayout/locale/zh-TW.js +35 -0
- package/lib/BatchOperationBar/index.d.ts +33 -0
- package/lib/BatchOperationBar/index.js +165 -0
- package/lib/BatchOperationBar/index.less +46 -0
- package/lib/BatchOperationBar/index.less.d.ts +15 -0
- package/lib/BatchOperationBar/locale/en-US.js +30 -0
- package/lib/BatchOperationBar/locale/zh-CN.js +30 -0
- package/lib/BatchOperationBar/locale/zh-TW.js +30 -0
- package/lib/Boundary/Components/Code.d.ts +14 -0
- package/lib/Boundary/Components/Code.js +55 -0
- package/lib/Boundary/Components/Exception.d.ts +17 -0
- package/lib/Boundary/Components/Exception.js +114 -0
- package/lib/Boundary/Components/Function.d.ts +9 -0
- package/lib/Boundary/Components/Function.js +47 -0
- package/lib/Boundary/Components/index.d.ts +3 -0
- package/lib/Boundary/Components/index.js +27 -0
- package/lib/Boundary/IBoundary.js +17 -0
- package/lib/Boundary/constant.js +71 -0
- package/lib/Boundary/index.d.ts +8 -0
- package/lib/Boundary/index.js +27 -0
- package/lib/Boundary/index.less +44 -0
- package/lib/Boundary/locale/en-US.js +34 -0
- package/lib/Boundary/locale/zh-CN.js +34 -0
- package/lib/Boundary/locale/zh-TW.js +34 -0
- package/lib/Boundary/utils.js +46 -0
- package/lib/ContentWithQuestion/index.d.ts +13 -0
- package/lib/ContentWithQuestion/index.js +76 -0
- package/lib/ContentWithQuestion/index.less +18 -0
- package/lib/Dialog/Anchor.js +107 -0
- package/lib/Dialog/Dock.js +112 -0
- package/lib/Dialog/EventProxy.js +59 -0
- package/lib/Dialog/index.d.ts +35 -0
- package/lib/Dialog/index.js +558 -0
- package/lib/Dialog/index.less +114 -0
- package/lib/Dialog/locale/en-US.js +28 -0
- package/lib/Dialog/locale/zh-CN.js +28 -0
- package/lib/Dialog/locale/zh-TW.js +28 -0
- package/lib/DocDialog/index.d.ts +24 -0
- package/lib/DocDialog/index.js +135 -0
- package/lib/DocDialog/locale/en-US.js +25 -0
- package/lib/DocDialog/locale/zh-CN.js +25 -0
- package/lib/DocDialog/locale/zh-TW.js +25 -0
- package/lib/FullscreenBox/index.d.ts +42 -0
- package/lib/FullscreenBox/index.js +126 -0
- package/lib/FullscreenBox/index.less +49 -0
- package/lib/FullscreenBox/locale/en-US.js +25 -0
- package/lib/FullscreenBox/locale/zh-CN.js +25 -0
- package/lib/FullscreenBox/locale/zh-TW.js +25 -0
- package/lib/GraphToolbar/index.d.ts +26 -0
- package/lib/GraphToolbar/index.js +154 -0
- package/lib/GraphToolbar/index.less +65 -0
- package/lib/GraphToolbar/locale/en-US.js +32 -0
- package/lib/GraphToolbar/locale/zh-CN.js +32 -0
- package/lib/GraphToolbar/locale/zh-TW.js +32 -0
- package/lib/Highlight/DiffView/DiffCells.js +70 -0
- package/lib/Highlight/DiffView/index.d.ts +44 -0
- package/lib/Highlight/DiffView/index.js +297 -0
- package/lib/Highlight/HighlightCell.js +58 -0
- package/lib/Highlight/JsonView.d.ts +8 -0
- package/lib/Highlight/JsonView.js +83 -0
- package/lib/Highlight/index.d.ts +97 -0
- package/lib/Highlight/index.js +263 -0
- package/lib/Highlight/index.less +381 -0
- package/lib/Highlight/languages/bash.js +36 -0
- package/lib/Highlight/languages/cpp.js +36 -0
- package/lib/Highlight/languages/css.js +36 -0
- package/lib/Highlight/languages/dockerfile.js +36 -0
- package/lib/Highlight/languages/go.js +36 -0
- package/lib/Highlight/languages/groovy.js +36 -0
- package/lib/Highlight/languages/http.js +36 -0
- package/lib/Highlight/languages/java.js +36 -0
- package/lib/Highlight/languages/javascript.js +36 -0
- package/lib/Highlight/languages/json.js +36 -0
- package/lib/Highlight/languages/markdown.js +36 -0
- package/lib/Highlight/languages/nginx.js +36 -0
- package/lib/Highlight/languages/python.js +36 -0
- package/lib/Highlight/languages/ruby.js +36 -0
- package/lib/Highlight/languages/solidity.js +36 -0
- package/lib/Highlight/languages/sql.js +36 -0
- package/lib/Highlight/languages/typescript.js +36 -0
- package/lib/Highlight/languages/xml.js +36 -0
- package/lib/Highlight/languages/yaml.js +36 -0
- package/lib/Highlight/locale/en-US.js +25 -0
- package/lib/Highlight/locale/zh-CN.js +25 -0
- package/lib/Highlight/locale/zh-TW.js +25 -0
- package/lib/Highlight/useKeyDownCopyEvent.js +86 -0
- package/lib/IconFont/font/iconfont.css +503 -0
- package/lib/IconFont/font/iconfont.ttf +0 -0
- package/lib/IconFont/font/iconfont.woff +0 -0
- package/lib/IconFont/font/iconfont.woff2 +0 -0
- package/lib/IconFont/index.d.ts +9 -0
- package/lib/IconFont/index.js +82 -0
- package/lib/LocaleDropdown/index.d.ts +9 -0
- package/lib/LocaleDropdown/index.js +70 -0
- package/lib/Login/ActivateForm.d.ts +19 -0
- package/lib/Login/ActivateForm.js +132 -0
- package/lib/Login/LoginForm.d.ts +20 -0
- package/lib/Login/LoginForm.js +175 -0
- package/lib/Login/RegisterForm.d.ts +23 -0
- package/lib/Login/RegisterForm.js +177 -0
- package/lib/Login/index.d.ts +66 -0
- package/lib/Login/index.js +171 -0
- package/lib/Login/index.less +325 -0
- package/lib/Login/locale/en-US.js +50 -0
- package/lib/Login/locale/zh-CN.js +51 -0
- package/lib/Login/locale/zh-TW.js +50 -0
- package/lib/Lottie/index.js +62 -0
- package/lib/NavMenu/index.d.ts +19 -0
- package/lib/NavMenu/index.js +104 -0
- package/lib/NavMenu/index.less +50 -0
- package/lib/PageContainer/ItemRender.js +51 -0
- package/lib/PageContainer/index.d.ts +16 -0
- package/lib/PageContainer/index.js +88 -0
- package/lib/PageContainer/locale/en-US.js +27 -0
- package/lib/PageContainer/locale/zh-CN.js +27 -0
- package/lib/PageContainer/locale/zh-TW.js +27 -0
- package/lib/PageContainer/style/index.d.ts +5 -0
- package/lib/PageContainer/style/index.js +120 -0
- package/lib/Password/Content.d.ts +14 -0
- package/lib/Password/Content.js +106 -0
- package/lib/Password/index.d.ts +25 -0
- package/lib/Password/index.js +162 -0
- package/lib/Password/locale/en-US.js +36 -0
- package/lib/Password/locale/zh-CN.js +36 -0
- package/lib/Password/locale/zh-TW.js +36 -0
- package/lib/Ranger/QuickPicker.d.ts +4 -0
- package/lib/Ranger/QuickPicker.js +106 -0
- package/lib/Ranger/Ranger.d.ts +11 -0
- package/lib/Ranger/Ranger.js +153 -0
- package/lib/Ranger/constant/index.js +268 -0
- package/lib/Ranger/index.d.ts +33 -0
- package/lib/Ranger/index.js +64 -0
- package/lib/Ranger/index.less +55 -0
- package/lib/Ranger/locale/en-US.js +53 -0
- package/lib/Ranger/locale/zh-CN.js +27 -0
- package/lib/Ranger/locale/zh-TW.js +27 -0
- package/lib/Ranger/typing.js +17 -0
- package/lib/SideTip/Dragger.d.ts +45 -0
- package/lib/SideTip/Dragger.js +259 -0
- package/lib/SideTip/IconLoading.d.ts +3 -0
- package/lib/SideTip/IconLoading.js +75 -0
- package/lib/SideTip/index.d.ts +156 -0
- package/lib/SideTip/index.js +182 -0
- package/lib/SideTip/index.less +177 -0
- package/lib/SideTip/locale/en-US.js +25 -0
- package/lib/SideTip/locale/zh-CN.js +25 -0
- package/lib/SideTip/locale/zh-TW.js +25 -0
- package/lib/SideTip/utils.js +112 -0
- package/lib/TaskGraph/Graph.d.ts +24 -0
- package/lib/TaskGraph/Graph.js +259 -0
- package/lib/TaskGraph/graph.less +23 -0
- package/lib/TaskGraph/index.d.ts +16 -0
- package/lib/TaskGraph/index.js +163 -0
- package/lib/TaskGraph/index.less +117 -0
- package/lib/TaskGraph/locale/en-US.js +36 -0
- package/lib/TaskGraph/locale/zh-CN.js +36 -0
- package/lib/TaskGraph/locale/zh-TW.js +36 -0
- package/lib/TaskGraph/register.d.ts +7 -0
- package/lib/TaskGraph/register.js +205 -0
- package/lib/TreeSearch/index.d.ts +38 -0
- package/lib/TreeSearch/index.js +135 -0
- package/lib/TreeSearch/util.d.ts +21 -0
- package/lib/TreeSearch/util.js +110 -0
- package/lib/Welcome/index.d.ts +38 -0
- package/lib/Welcome/index.js +102 -0
- package/lib/Welcome/index.less +186 -0
- package/lib/Welcome/locale/en-US.js +28 -0
- package/lib/Welcome/locale/zh-CN.js +28 -0
- package/lib/Welcome/locale/zh-TW.js +28 -0
- package/lib/Welcome/step.d.ts +18 -0
- package/lib/Welcome/step.js +51 -0
- package/lib/_util/genComponentStyleHook.d.ts +14 -0
- package/lib/_util/genComponentStyleHook.js +58 -0
- package/lib/_util/index.js +67 -0
- package/lib/_util/useHistory.js +30 -0
- package/lib/assets/background_img.svg +30 -0
- package/lib/assets/graph_fit_view_icon.svg +14 -0
- package/lib/assets/graph_reset_icon.svg +14 -0
- package/lib/assets/logo/oceanbase_logo.svg +29 -0
- package/lib/assets/logo/oceanbase_watermark.svg +31 -0
- package/lib/assets/monitor.svg +21 -0
- package/lib/assets/user.svg +16 -0
- package/lib/constant/index.js +51 -0
- package/lib/index.d.ts +28 -0
- package/lib/index.js +115 -0
- package/lib/index.less +14 -0
- package/lib/interface.js +17 -0
- package/lib/locale/LocaleWrapper.d.ts +10 -0
- package/lib/locale/LocaleWrapper.js +69 -0
- package/lib/locale/en-US.js +67 -0
- package/lib/locale/index.js +17 -0
- package/lib/locale/zh-CN.js +68 -0
- package/lib/locale/zh-TW.js +62 -0
- package/lib/variable.less +54 -0
- package/package.json +70 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
|
|
3
|
+
import type { CodeType } from '../constant';
|
|
4
|
+
import type { BoundaryLocale } from '../IBoundary';
|
|
5
|
+
export interface IBoundaryCode extends LocaleWrapperProps {
|
|
6
|
+
code: CodeType;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
imageUrl?: string;
|
|
10
|
+
title?: string;
|
|
11
|
+
buttonText?: string;
|
|
12
|
+
locale?: BoundaryLocale;
|
|
13
|
+
}
|
|
14
|
+
export declare const Code: any;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Button } from '@oceanbase/design';
|
|
2
|
+
import React, { useMemo } from 'react';
|
|
3
|
+
import LocaleWrapper from "../../locale/LocaleWrapper";
|
|
4
|
+
import { CODE_PRESET } from "../constant";
|
|
5
|
+
import zhCN from "../locale/zh-CN";
|
|
6
|
+
var BoundaryCode = function BoundaryCode(props) {
|
|
7
|
+
var children = props.children,
|
|
8
|
+
onClick = props.onClick,
|
|
9
|
+
code = props.code,
|
|
10
|
+
imageUrl = props.imageUrl,
|
|
11
|
+
title = props.title,
|
|
12
|
+
buttonText = props.buttonText,
|
|
13
|
+
locale = props.locale;
|
|
14
|
+
var info = useMemo(function () {
|
|
15
|
+
var data = CODE_PRESET(locale);
|
|
16
|
+
return data[code];
|
|
17
|
+
}, [code, locale]);
|
|
18
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
19
|
+
className: "boundary-container boundary-code"
|
|
20
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
21
|
+
className: "empty"
|
|
22
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
23
|
+
src: imageUrl || info.imageUrl
|
|
24
|
+
}), /*#__PURE__*/React.createElement("h4", null, title || info.title), children, /*#__PURE__*/React.createElement(Button, {
|
|
25
|
+
type: "primary",
|
|
26
|
+
onClick: onClick || info.onClick
|
|
27
|
+
}, buttonText || info.buttonText)));
|
|
28
|
+
};
|
|
29
|
+
export var Code = LocaleWrapper({
|
|
30
|
+
componentName: 'Boundary',
|
|
31
|
+
defaultLocale: zhCN
|
|
32
|
+
})(BoundaryCode);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
|
|
3
|
+
import type { BoundaryLocale } from '../IBoundary';
|
|
4
|
+
export interface ExceptionProps extends LocaleWrapperProps {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
imageUrl?: string;
|
|
8
|
+
title?: string;
|
|
9
|
+
buttonText?: string;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
subscription?: string;
|
|
12
|
+
isNotCompatible?: boolean;
|
|
13
|
+
showError?: boolean;
|
|
14
|
+
hasButton?: boolean;
|
|
15
|
+
locale?: BoundaryLocale;
|
|
16
|
+
}
|
|
17
|
+
export declare const Exception: any;
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
3
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
4
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
5
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
6
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
7
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
8
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
9
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
10
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
11
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
12
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
15
|
+
import { Alert, Button } from '@oceanbase/design';
|
|
16
|
+
import React from 'react';
|
|
17
|
+
import LocaleWrapper from "../../locale/LocaleWrapper";
|
|
18
|
+
import { EXCEPTION_PRESET } from "../constant";
|
|
19
|
+
import zhCN from "../locale/zh-CN";
|
|
20
|
+
var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
|
|
21
|
+
_inherits(BoundaryException, _React$PureComponent);
|
|
22
|
+
var _super = _createSuper(BoundaryException);
|
|
23
|
+
function BoundaryException() {
|
|
24
|
+
var _this;
|
|
25
|
+
_classCallCheck(this, BoundaryException);
|
|
26
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
27
|
+
args[_key] = arguments[_key];
|
|
28
|
+
}
|
|
29
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
30
|
+
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
31
|
+
hasError: false,
|
|
32
|
+
error: undefined,
|
|
33
|
+
info: {
|
|
34
|
+
componentStack: ''
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
return _this;
|
|
38
|
+
}
|
|
39
|
+
_createClass(BoundaryException, [{
|
|
40
|
+
key: "componentDidCatch",
|
|
41
|
+
value: function componentDidCatch(error, info) {
|
|
42
|
+
this.setState({
|
|
43
|
+
error: error,
|
|
44
|
+
info: info
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
}, {
|
|
48
|
+
key: "onClick",
|
|
49
|
+
value: function onClick() {
|
|
50
|
+
var onBtnClick = this.props.onClick;
|
|
51
|
+
if (onBtnClick) {
|
|
52
|
+
onBtnClick();
|
|
53
|
+
} else {
|
|
54
|
+
window.location.href = '/';
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}, {
|
|
58
|
+
key: "render",
|
|
59
|
+
value: function render() {
|
|
60
|
+
var _this$state2,
|
|
61
|
+
_this2 = this;
|
|
62
|
+
var _this$props = this.props,
|
|
63
|
+
imageUrl = _this$props.imageUrl,
|
|
64
|
+
title = _this$props.title,
|
|
65
|
+
buttonText = _this$props.buttonText,
|
|
66
|
+
subscription = _this$props.subscription,
|
|
67
|
+
isNotCompatible = _this$props.isNotCompatible,
|
|
68
|
+
_this$props$showError = _this$props.showError,
|
|
69
|
+
showError = _this$props$showError === void 0 ? false : _this$props$showError,
|
|
70
|
+
_this$props$hasButton = _this$props.hasButton,
|
|
71
|
+
hasButton = _this$props$hasButton === void 0 ? true : _this$props$hasButton,
|
|
72
|
+
locale = _this$props.locale;
|
|
73
|
+
var errorInfo = EXCEPTION_PRESET(locale).ERROR_BOUNDARY;
|
|
74
|
+
var notCompatibleInfo = EXCEPTION_PRESET(locale).INCOMPATIBLE_VERSION;
|
|
75
|
+
var _this$state = this.state,
|
|
76
|
+
error = _this$state.error,
|
|
77
|
+
info = _this$state.info;
|
|
78
|
+
var errorDescription = info === null || info === void 0 ? void 0 : info.componentStack;
|
|
79
|
+
var errorMessage = (error || '').toString();
|
|
80
|
+
if ((_this$state2 = this.state) !== null && _this$state2 !== void 0 && _this$state2.hasError) {
|
|
81
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
82
|
+
className: "boundary-container"
|
|
83
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
84
|
+
className: "empty"
|
|
85
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
86
|
+
src: imageUrl || errorInfo.imageUrl
|
|
87
|
+
}), /*#__PURE__*/React.createElement("h4", null, title || errorInfo.title), showError ? /*#__PURE__*/React.createElement(Alert, {
|
|
88
|
+
type: "error",
|
|
89
|
+
showIcon: true,
|
|
90
|
+
message: errorMessage,
|
|
91
|
+
description: errorDescription,
|
|
92
|
+
style: {
|
|
93
|
+
marginTop: 24,
|
|
94
|
+
overflow: 'auto',
|
|
95
|
+
maxHeight: '50vh',
|
|
96
|
+
// 为了避免被 Empty 的水平居中样式影响,需要设置 textAlign
|
|
97
|
+
textAlign: 'left'
|
|
98
|
+
}
|
|
99
|
+
}) : subscription && /*#__PURE__*/React.createElement("span", null, subscription), hasButton ? /*#__PURE__*/React.createElement(Button, {
|
|
100
|
+
type: "primary",
|
|
101
|
+
onClick: function onClick() {
|
|
102
|
+
return _this2.onClick();
|
|
103
|
+
}
|
|
104
|
+
}, buttonText || errorInfo.buttonText) : ''));
|
|
105
|
+
} else if (isNotCompatible) {
|
|
106
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
107
|
+
className: "boundary-container"
|
|
108
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
109
|
+
className: "empty"
|
|
110
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
111
|
+
src: imageUrl || notCompatibleInfo.imageUrl
|
|
112
|
+
}), /*#__PURE__*/React.createElement("h4", null, title || notCompatibleInfo.title), /*#__PURE__*/React.createElement("span", null, subscription ? subscription : notCompatibleInfo.subscription)));
|
|
113
|
+
}
|
|
114
|
+
return this.props.children;
|
|
115
|
+
}
|
|
116
|
+
}], [{
|
|
117
|
+
key: "getDerivedStateFromError",
|
|
118
|
+
value: function getDerivedStateFromError() {
|
|
119
|
+
return {
|
|
120
|
+
hasError: true
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
}]);
|
|
124
|
+
return BoundaryException;
|
|
125
|
+
}(React.PureComponent);
|
|
126
|
+
export var Exception = LocaleWrapper({
|
|
127
|
+
componentName: 'Boundary',
|
|
128
|
+
defaultLocale: zhCN
|
|
129
|
+
})(BoundaryException);
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { FunctionConfigType, FunctionStateType } from '../constant';
|
|
3
|
+
export interface IBoundaryFunction {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
state: FunctionStateType;
|
|
6
|
+
config: FunctionConfigType;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const BoundaryFunction: React.FC<IBoundaryFunction>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Button } from '@oceanbase/design';
|
|
2
|
+
import React, { useMemo } from 'react';
|
|
3
|
+
export var BoundaryFunction = function BoundaryFunction(props) {
|
|
4
|
+
var children = props.children,
|
|
5
|
+
state = props.state,
|
|
6
|
+
config = props.config,
|
|
7
|
+
onClick = props.onClick;
|
|
8
|
+
var info = useMemo(function () {
|
|
9
|
+
return state ? config[state] : config[Object.keys(config)[0]];
|
|
10
|
+
}, [config, state]);
|
|
11
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
12
|
+
className: "boundary-container"
|
|
13
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
14
|
+
className: "empty"
|
|
15
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
16
|
+
src: info.imageUrl
|
|
17
|
+
}), /*#__PURE__*/React.createElement("h4", null, info.title), children, info.buttonText && /*#__PURE__*/React.createElement(Button, {
|
|
18
|
+
type: "primary",
|
|
19
|
+
onClick: onClick || info.onClick
|
|
20
|
+
}, info.buttonText)));
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export var CODE_PRESET = function CODE_PRESET(locale) {
|
|
2
|
+
return {
|
|
3
|
+
404: {
|
|
4
|
+
title: locale.noPage,
|
|
5
|
+
imageUrl: 'https://gw.alipayobjects.com/mdn/rms_6fd3f1/afts/img/A*Tak4RYcBB_kAAAAAAAAAAAAAARQnAQ',
|
|
6
|
+
buttonText: locale.goHome,
|
|
7
|
+
onClick: function onClick() {
|
|
8
|
+
window.location.href = '/';
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
403: {
|
|
12
|
+
title: locale.noPermission,
|
|
13
|
+
imageUrl: 'https://gw.alipayobjects.com/mdn/rms_6fd3f1/afts/img/A*6wHtQbUwibUAAAAAAAAAAAAAARQnAQ',
|
|
14
|
+
buttonText: locale.goHome,
|
|
15
|
+
onClick: function onClick() {
|
|
16
|
+
window.location.href = '/';
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export var EXCEPTION_PRESET = function EXCEPTION_PRESET(locale) {
|
|
22
|
+
return {
|
|
23
|
+
ERROR_BOUNDARY: {
|
|
24
|
+
title: locale.collapse,
|
|
25
|
+
imageUrl: 'https://gw.alipayobjects.com/mdn/rms_6fd3f1/afts/img/A*GFuxRoxURRAAAAAAAAAAAAAAARQnAQ',
|
|
26
|
+
buttonText: locale.goHome,
|
|
27
|
+
onClick: function onClick() {
|
|
28
|
+
window.location.href = '/';
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
INCOMPATIBLE_VERSION: {
|
|
32
|
+
title: locale.incompatible,
|
|
33
|
+
imageUrl: 'https://gw.alipayobjects.com/mdn/rms_6fd3f1/afts/img/A*XPYFQ4ZEzzsAAAAAAAAAAAAAARQnAQ',
|
|
34
|
+
buttonText: locale.goHome,
|
|
35
|
+
onClick: function onClick() {
|
|
36
|
+
window.location.href = '/';
|
|
37
|
+
},
|
|
38
|
+
subscription: locale.proposal
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
@import '../variable.less';
|
|
2
|
+
|
|
3
|
+
.boundary-container {
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
height: 100%;
|
|
8
|
+
span {
|
|
9
|
+
color: @colorTextTertiary;
|
|
10
|
+
font-size: 14px;
|
|
11
|
+
text-align: center;
|
|
12
|
+
}
|
|
13
|
+
.@{prefixCls}-btn-primary {
|
|
14
|
+
span {
|
|
15
|
+
color: #fff;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
.empty {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
align-items: center;
|
|
22
|
+
justify-content: center;
|
|
23
|
+
padding-bottom: 60px;
|
|
24
|
+
img {
|
|
25
|
+
height: 102px;
|
|
26
|
+
margin-bottom: 24px;
|
|
27
|
+
}
|
|
28
|
+
h4 {
|
|
29
|
+
margin: 0;
|
|
30
|
+
margin-bottom: 8px;
|
|
31
|
+
font-size: 18px;
|
|
32
|
+
}
|
|
33
|
+
button {
|
|
34
|
+
margin-top: 24px;
|
|
35
|
+
span {
|
|
36
|
+
padding: 0 6px;
|
|
37
|
+
font-size: 14px;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
.boundary-code {
|
|
43
|
+
min-height: calc(100vh - 120px);
|
|
44
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
goHome: 'Return to home page',
|
|
3
|
+
noPermission: 'You do not have access to this page',
|
|
4
|
+
noPage: 'This page was not found',
|
|
5
|
+
normal: 'normal operation',
|
|
6
|
+
test: 'Click to test crash effect',
|
|
7
|
+
collapse: 'The page crashed ~',
|
|
8
|
+
incompatible: 'Incompatible browser version',
|
|
9
|
+
proposal: 'The browser version is too low. In order to avoid possible security risks, it is recommended to use Chrome browser version 80 or above'
|
|
10
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export var getBrowserNameVersion = function getBrowserNameVersion() {
|
|
2
|
+
var ua = navigator.userAgent.toLowerCase(); //获取用户端信息
|
|
3
|
+
var info = {
|
|
4
|
+
IE: /msie/.test(ua) && !/opera/.test(ua),
|
|
5
|
+
//匹配IE浏览器
|
|
6
|
+
Opera: /opera/.test(ua),
|
|
7
|
+
//匹配Opera浏览器
|
|
8
|
+
Safari: /version.*safari/.test(ua),
|
|
9
|
+
//匹配Safari浏览器
|
|
10
|
+
Chrome: /chrome/.test(ua),
|
|
11
|
+
//匹配Chrome浏览器
|
|
12
|
+
Firefox: /gecko/.test(ua) && !/webkit/.test(ua) //匹配Firefox浏览器
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
return Object.keys(info).filter(function (item) {
|
|
16
|
+
return info[item];
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
export interface ContentWithQuestionProps {
|
|
4
|
+
content?: React.ReactNode;
|
|
5
|
+
tooltip?: any;
|
|
6
|
+
prefixIcon?: React.ReactNode | boolean;
|
|
7
|
+
suffixIcon?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
onClick?: (e: React.SyntheticEvent) => void;
|
|
11
|
+
}
|
|
12
|
+
declare const ContentWithQuestion: React.FC<ContentWithQuestionProps>;
|
|
13
|
+
export default ContentWithQuestion;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["content", "tooltip", "prefixIcon", "suffixIcon", "className", "children"];
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
|
+
import { QuestionCircleOutlined } from '@ant-design/icons';
|
|
10
|
+
import { Space, Tooltip } from '@oceanbase/design';
|
|
11
|
+
import classNames from 'classnames';
|
|
12
|
+
import React, { isValidElement } from 'react';
|
|
13
|
+
import { getPrefix } from "../_util";
|
|
14
|
+
import "./index.less";
|
|
15
|
+
var prefix = getPrefix('content-with-question');
|
|
16
|
+
var ContentWithQuestion = function ContentWithQuestion(_ref) {
|
|
17
|
+
var _classNames;
|
|
18
|
+
var content = _ref.content,
|
|
19
|
+
tooltip = _ref.tooltip,
|
|
20
|
+
_ref$prefixIcon = _ref.prefixIcon,
|
|
21
|
+
prefixIcon = _ref$prefixIcon === void 0 ? null : _ref$prefixIcon,
|
|
22
|
+
_ref$suffixIcon = _ref.suffixIcon,
|
|
23
|
+
suffixIcon = _ref$suffixIcon === void 0 ? /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
|
|
24
|
+
className: "".concat(prefix, "-help")
|
|
25
|
+
}) : _ref$suffixIcon,
|
|
26
|
+
className = _ref.className,
|
|
27
|
+
children = _ref.children,
|
|
28
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
29
|
+
// FIXME: antd 已经废弃 icon type 的用法,该组件也需要做相应处理,后面将会是传入 Icon 的形式而非 type
|
|
30
|
+
var getIcon = function getIcon(iconConfig) {
|
|
31
|
+
return iconConfig ? /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/isValidElement(iconConfig) ? iconConfig : /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
|
|
32
|
+
className: "".concat(prefix, "-help")
|
|
33
|
+
})) : null;
|
|
34
|
+
};
|
|
35
|
+
return /*#__PURE__*/React.createElement("span", _extends({
|
|
36
|
+
className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "-item"), true), _defineProperty(_classNames, className, !!className), _classNames))
|
|
37
|
+
}, restProps), /*#__PURE__*/React.createElement(Space, null, getIcon(prefixIcon === true ? /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
|
|
38
|
+
className: "".concat(prefix, "-help"),
|
|
39
|
+
style: {
|
|
40
|
+
marginRight: 4
|
|
41
|
+
}
|
|
42
|
+
}) : prefixIcon), /*#__PURE__*/React.createElement("span", {
|
|
43
|
+
"data-testid": "content"
|
|
44
|
+
}, content !== null && content !== void 0 ? content : children), getIcon(suffixIcon)));
|
|
45
|
+
};
|
|
46
|
+
export default ContentWithQuestion;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
@prefix: ob-content-with-question;
|
|
2
|
+
|
|
3
|
+
.@{prefix}-item {
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
|
|
7
|
+
.@{prefix}-prefix {
|
|
8
|
+
margin-right: 8px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.@{prefix}-suffix {
|
|
12
|
+
margin-left: 8px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.@{prefix}-help {
|
|
16
|
+
cursor: help;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
5
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
6
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
7
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
8
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
9
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
10
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
11
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
12
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
13
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
14
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
16
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
|
+
import React from 'react';
|
|
18
|
+
import { getPrefix } from "../_util";
|
|
19
|
+
import { EventProxy } from "./EventProxy";
|
|
20
|
+
var prefix = getPrefix('dialog');
|
|
21
|
+
export var Anchor = /*#__PURE__*/function (_React$Component) {
|
|
22
|
+
_inherits(Anchor, _React$Component);
|
|
23
|
+
var _super = _createSuper(Anchor);
|
|
24
|
+
function Anchor() {
|
|
25
|
+
var _this;
|
|
26
|
+
_classCallCheck(this, Anchor);
|
|
27
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
28
|
+
args[_key] = arguments[_key];
|
|
29
|
+
}
|
|
30
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
31
|
+
_defineProperty(_assertThisInitialized(_this), "isPointDown", false);
|
|
32
|
+
_defineProperty(_assertThisInitialized(_this), "originBodyStyle", null);
|
|
33
|
+
_defineProperty(_assertThisInitialized(_this), "clientX", 0);
|
|
34
|
+
_defineProperty(_assertThisInitialized(_this), "clientY", 0);
|
|
35
|
+
_defineProperty(_assertThisInitialized(_this), "onDragStart", function (event) {
|
|
36
|
+
var _dock$style;
|
|
37
|
+
_this.isPointDown = true;
|
|
38
|
+
var _this$props = _this.props,
|
|
39
|
+
onStart = _this$props.onStart,
|
|
40
|
+
dock = _this$props.dock;
|
|
41
|
+
_this.clientX = event.clientX;
|
|
42
|
+
_this.clientY = event.clientY;
|
|
43
|
+
if (onStart) onStart(event);
|
|
44
|
+
var cursor = dock === null || dock === void 0 ? void 0 : (_dock$style = dock.style) === null || _dock$style === void 0 ? void 0 : _dock$style.cursor;
|
|
45
|
+
if (cursor) {
|
|
46
|
+
_this.originBodyStyle = document.body.getAttribute('style') || '';
|
|
47
|
+
var style = "cursor:".concat(cursor, " !important; ").concat(_this.originBodyStyle);
|
|
48
|
+
document.body.setAttribute('style', style);
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
_defineProperty(_assertThisInitialized(_this), "onDragMove", function (event) {
|
|
52
|
+
if (!_this.isPointDown) return;
|
|
53
|
+
var _this$props2 = _this.props,
|
|
54
|
+
onMove = _this$props2.onMove,
|
|
55
|
+
_this$props2$dock = _this$props2.dock,
|
|
56
|
+
dock = _this$props2$dock === void 0 ? {} : _this$props2$dock;
|
|
57
|
+
if (dock.adjust) {
|
|
58
|
+
var clientX = event.clientX,
|
|
59
|
+
clientY = event.clientY;
|
|
60
|
+
var moveX = clientX - _this.clientX;
|
|
61
|
+
var moveY = clientY - _this.clientY;
|
|
62
|
+
// 以下event没有moveTop、moveBottom属性,希望在事件传递带上计算后的属性值
|
|
63
|
+
// @ts-ignore
|
|
64
|
+
event.moveTop = moveY * (dock.adjust[0] || 0);
|
|
65
|
+
// @ts-ignore
|
|
66
|
+
event.moveBottom = moveY * (dock.adjust[1] || 0);
|
|
67
|
+
// @ts-ignore
|
|
68
|
+
event.moveLeft = moveX * (dock.adjust[2] || 0);
|
|
69
|
+
// @ts-ignore
|
|
70
|
+
event.moveRight = moveX * (dock.adjust[3] || 0);
|
|
71
|
+
}
|
|
72
|
+
if (onMove) onMove(event);
|
|
73
|
+
});
|
|
74
|
+
_defineProperty(_assertThisInitialized(_this), "onDragEnd", function (event) {
|
|
75
|
+
if (!_this.isPointDown) return;
|
|
76
|
+
_this.isPointDown = false;
|
|
77
|
+
var onEnd = _this.props.onEnd;
|
|
78
|
+
if (onEnd) onEnd(event);
|
|
79
|
+
if (_this.originBodyStyle !== null) {
|
|
80
|
+
document.body.setAttribute('style', _this.originBodyStyle);
|
|
81
|
+
}
|
|
82
|
+
_this.originBodyStyle = null;
|
|
83
|
+
});
|
|
84
|
+
return _this;
|
|
85
|
+
}
|
|
86
|
+
_createClass(Anchor, [{
|
|
87
|
+
key: "render",
|
|
88
|
+
value: function render() {
|
|
89
|
+
var _this$props3 = this.props,
|
|
90
|
+
children = _this$props3.children,
|
|
91
|
+
style = _this$props3.style,
|
|
92
|
+
dock = _this$props3.dock;
|
|
93
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
94
|
+
className: "".concat(prefix, "-anchor"),
|
|
95
|
+
style: _objectSpread(_objectSpread({}, style), dock === null || dock === void 0 ? void 0 : dock.style),
|
|
96
|
+
onPointerDown: this.onDragStart
|
|
97
|
+
}, /*#__PURE__*/React.createElement(EventProxy, {
|
|
98
|
+
onPointerMove: this.onDragMove,
|
|
99
|
+
onPointerUp: this.onDragEnd
|
|
100
|
+
}), children);
|
|
101
|
+
}
|
|
102
|
+
}]);
|
|
103
|
+
return Anchor;
|
|
104
|
+
}(React.Component);
|