@para-ui/core 2.1.34 → 2.1.35

package/.eslintignore

@@ -0,0 +1,12 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Example user template template
+### Example user template
+
+# IntelliJ project files
+.idea
+*.iml
+out
+gen
+config-overrides.js
+run.js
+createFormMods/*

package/README.md

@@ -1,3 +1,15 @@
+## 版本: 2.1.35
+
+     para-ui/core@2.1.35 发布
+       【Message】修改遮罩可点击
+       【ComboSelect】增加dropdownMatchSelectWidth属性支持下拉宽度和自适应设置
+       【ComboSelect】修复表格模式时无法筛选和隐藏列
+       【ToggleButtonGroup】增加toggleable属性，控制选中项是否可切换
+       【Form】表单组件
+            1.表单标题改为para-ui/core/Label组件，报错改为para-ui/core/HelperText组件，并增加项目配置项
+            2.表单项增加defaultValue默认值配置，会被backData回填数据替换.
+            3.表单对象增加getValidValues方法，返回当前最新的显示配置的值
+
 ## 版本: 2.1.34
 
      para-ui/core@2.1.34 发布

package/babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/preset-typescript'
+  ]
+}

package/docs/App.tsx

@@ -0,0 +1,277 @@
+import React from 'react';
+import {IntlProvider} from "react-intl-hooks"; // 国际化
+import Global from './context/global'
+import Router from './Router';
+import Menu from './components/layout/menu';
+import Header from './components/layout/header';
+import locales, {languages, defaultLocale, saveDefaultLocale} from './locale/index'
+import ParaUIProvider from "src/ParauiProvider";
+import Container from "src/Container";
+import {Message} from 'src/Message';
+import {Confirm} from 'src/Modal';
+import {SnackSDK} from "@para-snack/core";
+import Interceptors from './config/interceptors';
+
+// 全局拦截器
+Interceptors(Message);
+
+interface IProps {
+    /** sdk */
+    sdk: SnackSDK;
+}
+
+function App(props: IProps) {
+    const {
+        sdk
+    } = props;
+    // 国际化数据
+    const [locale, setLocale] = React.useState<languages>((defaultLocale as languages));
+    // 菜单数据
+    const [menu, setMenu] = React.useState<Array<any>>([]);
+    // 路由路径
+    const [router, setRouter] = React.useState<string>(window.location.hash.split('#')[1] || '');
+    const [localeUI] = React.useState({
+        zh: {
+            Pagination: {
+                total: '共{total}条',
+                linePerPage: '每页行数',
+                currentPage: '当前第{currentPage}页',
+                jumpTo: '跳转到',
+                page: '页'
+            },
+            Select: {
+                searchPlaceholder: '请输入搜索名',
+                selected: '已选中'
+            },
+            Table: {
+                empty: '清空',
+                determine: '确定',
+                restoreDefault: '恢复默认'
+            },
+            ComboSelect: {
+                searchPlaceholder: '请输入',
+                cancel: '取消',
+                ok: '确定',
+                fullPath: '完整路径',
+                pleaseSelect: '请选择',
+            },
+            Modal: {
+                cancel: '取消',
+                ok: '确定',
+            },
+            Confirm: {
+                cancel: '取消',
+                ok: '确定',
+            },
+            PopConfirm: {
+                cancel: '取消',
+                ok: '确定',
+            },
+            Tree: {
+                loadMore: '加载更多',
+                add: '新增',
+                edit: '编辑',
+                disabled: '禁用',
+                delete: '删除',
+            },
+            Upload: {
+                uploadError: '上传失败',
+                uploading: '正在上传',
+                clickUploadFile: '点击上传文件',
+                dragFileUpload: '下载模板并完善信息后，可直接将文件拖拽到此处进行上传，支持格式：XLS、XLSX...',
+                add: '新增',
+                edit: '编辑',
+                disabled: '禁用',
+                delete: '删除',
+                editImage: '编辑图片'
+            },
+            DatePicker: {
+                lang: {
+                    placeholder: '请选择日期',
+                    yearPlaceholder: '请选择年份',
+                    quarterPlaceholder: '请选择季度',
+                    monthPlaceholder: '请选择月份',
+                    weekPlaceholder: '请选择周',
+                    rangePlaceholder: ['开始日期', '结束日期'],
+                    rangeYearPlaceholder: ['开始年份', '结束年份'],
+                    rangeMonthPlaceholder: ['开始月份', '结束月份'],
+                    rangeWeekPlaceholder: ['开始周', '结束周'],
+                    today: '选择今天',
+                    now: '当前时间',
+                    ok: '确 定'
+                },
+                timeLang: {
+                    placeholder: '请选择时间',
+                    rangePlaceholder: ['开始时间', '结束时间'],
+                },
+            },
+            Drawer: {
+                cancel: '取消',
+                ok: '确定'
+            },
+            Empty: {
+                noData: '暂无内容',
+                click: '，点击',
+                refresh: '刷新'
+            },
+            Querying: {
+                querying: '数据查询中'
+            },
+            Transfer: {
+                left: '左侧',
+                right: '右侧',
+                searchPlaceholder: '请输入搜索内容'
+            },
+            Cascader: {
+                placeholder: '请选择'
+            },
+            Button: {
+                moreActions: '更多操作'
+            }
+        },
+        en: {
+            Pagination: {
+                total: 'Total {total}',
+                linePerPage: 'Lines per page',
+                currentPage: 'Current page {CurrentPage}',
+                jumpTo: 'Jump to',
+                page: 'page'
+            },
+            Select: {
+                searchPlaceholder: 'Please enter a search name',
+                selected: 'Selected'
+            },
+            Table: {
+                empty: 'Empty',
+                determine: 'Ok',
+                restoreDefault: 'Restore default'
+            },
+            ComboSelect: {
+                searchPlaceholder: 'Please enter',
+                cancel: 'Cancel',
+                ok: 'Ok',
+                fullPath: 'Full path',
+                pleaseSelect: 'Please select',
+            },
+            Modal: {
+                cancel: 'Cancel',
+                ok: 'Ok',
+            },
+            Confirm: {
+                cancel: 'Cancel',
+                ok: 'Ok',
+            },
+            PopConfirm: {
+                cancel: 'Cancel',
+                ok: 'Ok',
+            },
+            Tree: {
+                loadMore: 'Load more',
+                add: 'Add',
+                edit: 'Edit',
+                disabled: 'Disabled',
+                delete: 'Delete',
+            },
+            Upload: {
+                uploadError: 'Upload error',
+                uploading: 'Uploading',
+                clickUploadFile: 'Click to upload file',
+                dragFileUpload: 'After downloading the template and completing the information, you can directly drag and drop the file here to upload it. Supported formats: XLS, XLSX...',
+                add: 'Add',
+                edit: 'Edit',
+                disabled: 'Disabled',
+                delete: 'Delete',
+                editImage: 'Edit image'
+            },
+            DatePicker: {
+                lang: {
+                    placeholder: 'Select date',
+                    yearPlaceholder: 'Select year',
+                    quarterPlaceholder: 'Select quarter',
+                    monthPlaceholder: 'Select month',
+                    weekPlaceholder: 'Select week',
+                    rangePlaceholder: ['Start date', 'End date'],
+                    rangeYearPlaceholder: ['Start year', 'End year'],
+                    rangeMonthPlaceholder: ['Start month', 'End month'],
+                    rangeWeekPlaceholder: ['Start week', 'End week'],
+                    today: 'Today',
+                    now: 'Now',
+                    ok: 'Ok'
+                },
+                timeLang: {
+                    placeholder: 'Select time',
+                    rangePlaceholder: ['Start time', 'End time'],
+                },
+            },
+            Drawer: {
+                cancel: 'Cancel',
+                ok: 'Ok'
+            },
+            Empty: {
+                noData: 'No Data',
+                click: ',Click to ',
+                refresh: 'refresh'
+            },
+            Querying: {
+                querying: 'Data querying'
+            },
+            Transfer: {
+                left: 'Left',
+                right: 'Right',
+                searchPlaceholder: 'Please enter the search content'
+            },
+            Cascader: {
+                placeholder: 'Please select'
+            },
+            Button: {
+                moreActions: 'More actions'
+            }
+        }
+    })
+
+    // 存储所选语言
+    React.useEffect(() => {
+        saveDefaultLocale(locale);
+    }, [locale]);
+    return (
+        <Global.Provider
+            value={{
+                sdk,
+                setLocale,
+                locales,
+                locale,
+                menu,
+                setMenu,
+                router,
+                setRouter,
+                Message,
+                Confirm
+            }}>
+            <IntlProvider locale={locale} defaultLocale={(defaultLocale as languages)} messages={locales[locale].pack}>
+                <ParaUIProvider
+                    language={locale}
+                    locale={localeUI}
+                    /*componentsProps={{
+                        Select: {
+                           allowClear: true
+                        },
+                        TextField: {
+                            allowClear: true
+                        }
+                    }}*/
+                >
+                    <Container
+                        className={`para-react ${['/home', '/icons'].includes(router) ? 'para-react-padding' : ''}`}
+                        topStyle={{height: '60px'}}
+                        type={"ltrb"}
+                        left={<Menu/>}
+                        right={<Router/>}
+                        top={<Header/>}
+                    />
+                </ParaUIProvider>
+            </IntlProvider>
+        </Global.Provider>
+    );
+}
+
+export default App;

package/docs/Router.tsx

@@ -0,0 +1,79 @@
+import React, {FunctionComponent, Suspense, lazy, useContext, useEffect} from 'react'
+import {HashRouter, Route, Switch} from 'react-router-dom'
+import routeConfig, {RouterConfig} from './config/router';
+
+import Loading from "./components/loading";
+import Iframe from "./components/iframe";
+import IndexBar from "./components/indexBar";
+import Global from "./context/global";
+import ErrorPage from "./components/errorPage";
+
+// @ts-ignore
+const SnackFrame = lazy(() => import('./components/snackFrame'));
+
+let RouterInit: boolean = false; // 路由初始化标记
+const Root: FunctionComponent = () => {
+    const {router: currentRouter, setMenu} = useContext(Global);
+    const [router, setRouter] = React.useState<Array<RouterConfig>>([]);
+
+    useEffect(() => {
+        const getRoute = async () => {
+            const list: Array<RouterConfig> = await routeConfig();
+            RouterInit = true;
+            setRouter(list);
+        }
+        getRoute();
+    }, []);
+
+    // 设置菜单数据
+    useEffect(() => {
+        if (router.length === 0) return;
+        setMenu(router);
+    }, [router, setMenu]);
+
+    const getRoute = (config: RouterConfig) => {
+        switch (config.type) {
+            case "router":
+                return <Route exact key={config.path} path={config.path} component={config.component}/>
+            case "iframe":
+                return <Route exact key={config.path} path={config.path} render={() => {
+                    return <Iframe url={config.url}/>
+                }}/>
+            case "snack":
+                return <Route exact key={config.path} path={config.path} render={() => {
+                    return <SnackFrame typePage="snack" name={config.url} type={config.snackType}/>
+                }}/>
+            case "snackPage":
+                return <Route exact key={config.path} path={config.path} render={() => {
+                    return <SnackFrame typePage="snackPage" id={config.url} type={config.snackType}/>
+                }}/>
+            case "redirect":
+                return <Route exact key={config.path} path={config.path} component={config.component}/>
+        }
+    }
+
+    const routes = React.useMemo(() => {
+        return router.map(item => getRoute(item));
+    }, [router])
+
+    return (
+        <HashRouter>
+            <Suspense fallback={<Loading/>}>
+                <Switch>
+                    {routes}
+                    {
+                        RouterInit ?
+                            <Route exact render={() => {
+                                return <ErrorPage code={'notFound'}/>
+                            }}/> :
+                            <Route exact component={Loading}/>
+                    }
+                </Switch>
+                {
+                    !['/home', '/icons'].includes(currentRouter) ? <IndexBar/> : null
+                }
+            </Suspense>
+        </HashRouter>
+    )
+}
+export default Root;

package/docs/assets/P.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 220"><defs><style>.cls-1{fill:none;}.cls-2{fill:#3f7dc6;}.cls-3{fill:#7729ca;}.cls-4{fill:#c666e3;}.cls-5{fill:#484bb4;}.cls-6{fill:#d89be8;}.cls-7{fill:#954fd5;}.cls-8{fill:#5e68e5;}.cls-9{fill:#53a0f8;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><rect class="cls-1" width="220" height="220"/><path class="cls-2" d="M92.72,147.7v11.55A24.74,24.74,0,0,1,68,184h0a4.86,4.86,0,0,1-4.86-4.85v-1.85Z"/><path class="cls-2" d="M169.72,82.4c0,33.8-25.4,49-57.2,49H109l59.79-59.8A60.76,60.76,0,0,1,169.72,82.4Z"/><path class="cls-3" d="M148.57,46.51,131.46,63.63c-5.2-3-12.55-4.23-21.94-4.23H92.72v43L63.12,132V92a11.29,11.29,0,0,1,3.32-8l48-48c12.87.26,24.46,2.36,33.67,7.09A2.13,2.13,0,0,1,148.57,46.51Z"/><path class="cls-4" d="M114.39,36,68.3,82.12A3,3,0,0,1,63.12,80V36h51.27Z"/><path class="cls-5" d="M168.81,71.6,109,131.4H92.72v16.3l-29.6,29.59V132l29.6-29.6V108h17.8c20.4,0,30.2-8.59,30.2-25.59,0-9.3-3.15-15.25-9.26-18.77l16-16a5.3,5.3,0,0,1,6.93-.52C161.76,52.67,166.85,60.65,168.81,71.6Z"/><path class="cls-4" d="M70,36H49.64S65.1,37.32,67.1,46.32,70,36,70,36Z"/><path class="cls-4" d="M46.83,36.31s-8.73-.69-10,0c-.72.31-2.72.31-3.72,3.31s4,5,6,2a5.82,5.82,0,0,1,2-2A62.92,62.92,0,0,1,46.83,36.31Z"/><path class="cls-5" d="M65.52,129.61l-9.81,9.81s3.73-2.48,6.29-1.08a4,4,0,0,1,1.71,2.08c2,5,6-2,6-2Z"/><path class="cls-5" d="M53.71,141.42s-6.75,9-9,9-4.5,0-4.5-2.25,6.75-4.5,6.75-4.5Z"/><path class="cls-5" d="M162.36,77.51,177.86,62s-10.25,6.5-16.25-1.5C162.61,63.51,162.36,77.51,162.36,77.51Z"/><path class="cls-5" d="M178.86,61l7.63-7.62s1.12-1.88.12-2.88c-1-1.17-4-1-5,1s-.53,2.33-1,4C179.87,58.15,178.86,61,178.86,61Z"/><path class="cls-4" d="M60.58,76.51s2,7.75,6.47,6.37c2.53-2.37,0-3.31,0-3.31a7,7,0,0,1-2.67.2A7,7,0,0,1,60.58,76.51Z"/><path class="cls-2" d="M90.91,149.51l5.34-5.34c-4.67,7.34-4.1,7.18-6.67,12.34C86.87,162,90.91,149.51,90.91,149.51Z"/><path class="cls-6" d="M112.51,37.91,88.57,61.84A14.91,14.91,0,0,1,63.12,51.3h0A15.29,15.29,0,0,1,78.42,36h33.3A1.11,1.11,0,0,1,112.51,37.91Z"/><path class="cls-7" d="M148.57,46.51h0a44.49,44.49,0,0,1-33.95,13c-1.63-.09-3.33-.14-5.1-.14H92.72V90.71a28.14,28.14,0,0,1-8.24,19.9h0a12.51,12.51,0,0,1-21.36-8.85h0A34.92,34.92,0,0,1,73.35,77.07L99.24,51.18c12.74-12.74,32.27-16.35,48.38-8.29l.44.22A2.13,2.13,0,0,1,148.57,46.51Z"/><path class="cls-8" d="M164.81,75.6l-46.29,46.3a32.43,32.43,0,0,1-22.93,9.5H92.72V144a8.93,8.93,0,0,1-2.63,6.34h0c-10,10-27,2.91-27-11.17V132l29.6-29.6V108h17.8c20.4,0,30.2-8.59,30.2-25.59,0-6.27-1.43-11-4.23-14.53a7.23,7.23,0,0,1,.41-9.68h0c9.6-9.61,26.08-5.84,30.32,7.06,0,.11.08.23.11.34A9.93,9.93,0,0,1,164.81,75.6Z"/><path class="cls-2" d="M92.72,147.7v34.67A1.61,1.61,0,0,1,91.1,184H68a4.86,4.86,0,0,1-4.86-4.85v-1.85Z"/><path class="cls-2" d="M169.72,82.4c0,33.8-25.4,49-57.2,49H109l59.79-59.8A60.76,60.76,0,0,1,169.72,82.4Z"/><path class="cls-9" d="M92.72,160.55h0A23.43,23.43,0,0,1,69.28,184h0a6.15,6.15,0,0,1-6.16-6.15h0a1.34,1.34,0,0,1,.38-.93l20.13-20.12A5.32,5.32,0,0,1,92.72,160.55Z"/><path class="cls-9" d="M169.72,82.4c0,33.8-25.4,49-57.2,49h0a1.45,1.45,0,0,1-1-2.48l50-50a4.82,4.82,0,0,1,8.24,3.35Z"/></g></g></svg>

package/docs/config/interceptors.ts

@@ -0,0 +1,73 @@
+// 全局统一拦截器
+import {axios} from "@paraview/lib";
+import {MessageObject} from '@para-ui/core/Message'
+import {intl} from "../locale";
+
+const axiosFunc = (Message: MessageObject) => {
+    // 请求拦截器
+    axios.interceptors.request.use(function (config) {
+        //国际化请求头
+        //国际化请求头
+        if (config && config.url && config.url.indexOf('web-debug/host/list') === -1) {
+            if (config.headers)
+                config.headers.language = window.localStorage.getItem('language') || config.headers['Accept-Language'] || 'zh';
+        }
+        return config;
+    }, function (error) {
+        return Promise.reject(error);
+    });
+
+    // 响应拦截器
+    axios.interceptors.response.use((response: any) => {
+        const {data: resData, config}: any = response;
+        // global为true直接返回
+        if (config.global === true) return response;
+        // 错误
+        if (resData) {
+            const {code, msg} = resData;
+            if (String(code) === '200') { // 请求成功
+
+            } else { // 请求错误
+                // 未认证拦截，跳转登陆页
+                if (String(code) === '401')
+                    return toLogin();
+                // 全局错误提示
+                if (config.global !== 'msg')
+                    Message.error(msg);
+                return Promise.reject({code, msg})
+            }
+        }
+        return response;
+    }, function (error) {
+        const {response, config} = error;
+        if (!response && config.global !== true) return Message.error(error.message && intl('networkError'));
+        const status = String(response.status);
+        if (status === '401') {
+            return toLogin();
+        } else {
+            let msg: string = '';
+            switch (status) {
+                case '403':
+                    msg = intl('403');
+                    window.location.hash = '/403';
+                    break;
+                case '404':
+                    msg = intl('404');
+                    break;
+                case '500':
+                    msg = intl('500');
+                    break;
+                default:
+                    msg = intl('unknown');
+            }
+            Message.error(msg);
+        }
+    });
+
+    // 跳转登陆页
+    function toLogin() {
+        // location.href = '';
+    }
+}
+
+export default axiosFunc;