@para-ui/core 2.1.35 → 2.1.38

package/docs/context/global.tsx

@@ -1,65 +0,0 @@
-// 全局公用数据Context
-
-import React from 'react';
-import {LocaleConfig} from '../locale/index'
-import {MessageObject} from 'src/Message';
-import {ConfirmObject} from 'src/Modal';
-import {SnackSDK} from "@para-snack/core";
-
-interface GlbalProps {
-    sdk: SnackSDK,
-    // 国际化
-    setLocale: Function, // 设置语言
-    locales: LocaleConfig // 语言列表
-    locale: string // 当前语言
-
-    // 菜单
-    setMenu: Function // 设置菜单
-    menu: Array<any> // 菜单数据
-    // 全局消息提示方法
-    Message: MessageObject
-    // 全局确认框
-    Confirm: ConfirmObject
-    // 路由设置
-    router: string
-    setRouter: Function
-}
-
-export const Global = React.createContext<GlbalProps>({
-    sdk: {} as SnackSDK,
-    // 国际化
-    setLocale: () => {
-    },
-    locales: {},
-    locale: '',
-
-    // 菜单
-    setMenu: () => {
-    },
-    menu: [],
-    // 全局消息提示
-    Message: {
-        info: () => {
-        },
-        error: () => {
-        },
-        success: () => {
-        },
-        warn: () => {
-        }
-    },
-    Confirm: {
-        info: () => {
-        },
-        error: () => {
-        },
-        success: () => {
-        },
-        warn: () => {
-        }
-    },
-    router: '',
-    setRouter: () => {
-    },
-});
-export default Global;

package/docs/index.tsx

@@ -1,42 +0,0 @@
-import 'react-app-polyfill/ie11';
-import 'core-js';
-import React from "react";
-import ReactDOM from "react-dom";
-import {SnackSDK} from '@para-snack/core';
-import {Context} from '@paraview/lib';
-import App from "./App";
-
-// import '@para-ui/core/style.css';
-import './styles/index.scss';
-
-/* @dynamic debug */
-
-import Debugger from '@paraview/lib/debugger';/* @dynamic end */
-
-/* @dynamic version */
-window.ParaWeb = {name:'@para-ui/core',version: '2.1.35', env: 'dev', buildTime: '5/23/2022, 11:09:16 AM'}
-/* @dynamic end */
-
-const init = async (debug: Array<string> = []) => {
-    /* @dynamic Debugger */
-    await Debugger.init(debug);
-    /* @dynamic end */
-
-    const sdk = new SnackSDK({
-        service: Context.get('snackbar'),
-        importMaps: {
-            'react': React,
-            'react-dom': ReactDOM
-        },
-        runtime: true
-    });
-
-    ReactDOM.render(
-        <App sdk={sdk}/>,
-        document.getElementById('root')
-    );
-};
-
-/* @dynamic init */
-init(["http://192.168.7.27","http://192.168.3.1:10000","http://192.168.2.83:10000","http://10.10.2.48:10000","http://10.10.2.252:5554"])
-/* @dynamic end */

package/docs/locale/index.ts

@@ -1,64 +0,0 @@
-// 国际化语言包
-
-import en from './lang/en_US';
-import zh from './lang/zh_CN';
-
-// 默认语言
-const defaultLanguage = 'zh'
-
-export type languages = 'en' | 'zh';
-
-export interface LangConfig {
-    readonly [name: string]: string
-}
-
-export interface LocaleConfig {
-    [language: string]: {
-        name: string
-        pack: LangConfig
-    },
-}
-
-// 语言列表
-export const locales = {
-    en: {
-        name: 'English',
-        pack: en
-    },
-    zh: {
-        name: '中文',
-        pack: zh
-    }
-} as LocaleConfig;
-
-// 获取浏览器默认语言
-const getBrowserLanguage = (): string => {
-    let lang: string = navigator.language;
-    if (locales[lang]) return lang;
-    try {
-        lang = navigator.language.split('-')[0];
-    } catch (e) {
-    }
-    return lang;
-}
-// 获取当前语言
-const getLanguage = (): string => {
-    return String(locales[localStorage.getItem('language') || ''] ? localStorage.getItem('language') : (getBrowserLanguage() || defaultLanguage));
-}
-// 默认语言
-export const defaultLocale: string = getLanguage();
-
-// 设置语言
-export const saveDefaultLocale = (locale: languages) => {
-    localStorage.setItem('language', locale)
-}
-
-// 获取国际化文本方法
-export const intl = (ops: string | { id: string }) => {
-    if (typeof ops === 'object') ops = ops.id;
-    const langugae: string = getLanguage();
-    const pack = locales[langugae]?.pack
-    return pack[ops] || ops;
-}
-
-export default locales;

package/docs/locale/lang/en_US.ts

@@ -1,16 +0,0 @@
-import {LangConfig} from '../index';
-
-export default {
-    // en ...
-    403: 'Sorry, you do not have access rights!',
-    404: 'Sorry, Not Found!',
-    500: 'Sorry, Service Error！',
-    unknown: 'Unknown Error!',
-    networkError: 'Network Error',
-    loading: 'Loading',
-    notFound: 'Sorry, the page is missing',
-    // demo
-    name: 'Para FED Docs',
-    powered: 'Powered by Para FED',
-    menu: 'Menu'
-} as LangConfig

package/docs/locale/lang/zh_CN.ts

@@ -1,16 +0,0 @@
-import {LangConfig} from '../index';
-
-export default {
-    // zh ...
-    403: '您无权限访问！',
-    404: '您访问的内容不存在！',
-    500: '服务器内部错误！',
-    unknown: '未知服务器错误！',
-    networkError: '网络错误',
-    loading: '加载中',
-    notFound: '抱歉，您访问的页面不存在',
-    // demo
-    name: 'Para FED 文档',
-    powered: '由派拉软件前端团队提供技术支持',
-    menu: '菜单'
-} as LangConfig;

package/docs/react-app-env.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react-scripts" />
-declare interface Window {
-    ParaWeb: {
-        name: string
-        version: string
-        env: string
-        buildTime: string
-    },
-    SnackD: any
-}
-
-declare module '*.svg'
-declare module '*.png'
-declare module '*.jpg'
-declare module '*.jpeg'
-declare module '*.gif'
-declare module '*.bmp'
-declare module '*.tiff'

package/docs/services/api.ts

@@ -1,6 +0,0 @@
-// 统一API管理，请求数据处理
-
-export const api = async () => {
-
-}
-

package/docs/styles/index.scss

@@ -1,31 +0,0 @@
-#root {
-  width: 100%;
-  height: 100%;
-
-  & > .para-container {
-    display: flex !important;
-
-    & > .para-body {
-      width: 100% !important;
-      height: 100% !important;
-      display: inline-block !important;
-
-      & > .para-container-top {
-        z-index: 1;
-        position: relative;
-      }
-
-      & > .para-container-right {
-        position: relative;
-        padding: 32px 180px 32px 64px;
-        height: calc(100% - 60px);
-      }
-    }
-
-    &.para-react-padding {
-      .para-container-right {
-        padding: 32px 64px;
-      }
-    }
-  }
-}

package/docs/view/autoBox/api.tsx

@@ -1,67 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description api
- */
-import {RowsData} from '../../components/apiTable';
-
-const apiData: RowsData = [
-    {
-        name: 'className',
-        desc: 'class样式名',
-        type: 'string'
-    },
-    {
-        name: 'style',
-        desc: 'style',
-        type: 'CSSProperties'
-    },
-    {
-        name: 'list',
-        desc: '选项',
-        type: 'any[]'
-    },
-    {
-        name: 'showNum',
-        desc: '指定渲染几项,存在这个参数,则不自适应',
-        type: 'number'
-    },
-    {
-        name: 'popoverClassName',
-        desc: '下拉框样式',
-        type: 'string'
-    },
-    {
-        name: 'moreCustomize',
-        desc: '自定义更多内容',
-        type: 'ReactNode'
-    },
-    {
-        name: 'hideMore',
-        desc: '隐藏更多按钮',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        name: 'openMore',
-        desc: '打开下拉框',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        name: 'anchorEl',
-        desc: '定位元素',
-        type: 'any'
-    },
-    {
-        name: 'onCloseMore',
-        desc: '关闭弹窗',
-        type: '() => void'
-    },
-    {
-        name: 'onShowMore',
-        desc: '显示更多',
-        type: '(bol: boolean) => void'
-    }
-];
-export default apiData;

package/docs/view/autoBox/codeString.tsx

@@ -1,137 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description 源码字符串
- */
-export const basicAutoBox = `
-import AutoBox from '@para-ui/core/AutoBox';
-
-const list = [
-    <Button variant={"outlined"}>按钮1</Button>,
-    <Button variant={"outlined"}>按钮2</Button>,
-    <Button variant={"outlined"}>按钮3</Button>,
-    <Button variant={"outlined"}>按钮4</Button>,
-    <Button variant={"outlined"}>按钮5</Button>,
-]
-
-return (
-    <AutoBox list={list} />
-)
-
-<style>
-    .paraui-auto-box {
-        & > button {
-          margin-right: 10px;
-        }
-    }
-</style>
-`;
-
-export const showNumAutoBox = `
-import AutoBox from '@para-ui/core/AutoBox';
-
-const list = [
-    <Button variant={"outlined"}>按钮1</Button>,
-    <Button variant={"outlined"}>按钮2</Button>,
-    <Button variant={"outlined"}>按钮3</Button>,
-    <Button variant={"outlined"}>按钮4</Button>,
-    <Button variant={"outlined"}>按钮5</Button>,
-]
-
-return (
-    <AutoBox list={list} showNum={3}/>
-)
-
-<style>
-    .paraui-auto-box {
-        & > button {
-          margin-right: 10px;
-        }
-    }
-</style>
-`;
-
-export const customContentAutoBox = `
-import AutoBox from '@para-ui/core/AutoBox';
-
-const list = [
-    <Button variant={"outlined"}>按钮1</Button>,
-    <Button variant={"outlined"}>按钮2</Button>,
-    <Button variant={"outlined"}>按钮3</Button>,
-    <Button variant={"outlined"}>按钮4</Button>,
-    <Button variant={"outlined"}>按钮5</Button>,
-]
-
-return (
-    <AutoBox
-        list={list}
-        moreCustomize={<Button variant={"outlined"}>更多</Button>}
-    />
-)
-
-<style>
-    .paraui-auto-box {
-        & > button {
-          margin-right: 10px;
-        }
-    }
-</style>
-`;
-
-export const customMoreAutoBox = `
-import AutoBox from '@para-ui/core/AutoBox';
-const [open, setOpen] = useState<boolean>(false)
-const [moreBol, setMoreBol] = useState<boolean>(false)
-const [list] = useState<any>([
-    <Button variant={"outlined"}>按钮1</Button>,
-    <Button variant={"outlined"}>按钮2</Button>,
-    <Button variant={"outlined"}>按钮3</Button>,
-    <Button variant={"outlined"}>按钮4</Button>,
-    <Button variant={"outlined"}>按钮5</Button>,
-])
-const posDom = useRef<any>();
-
-const clickbtn = () => {
-    if (!moreBol) return;
-    console.log('打开')
-    setOpen(true);
-}
-
-const closeFunc = () => {
-    console.log('关闭')
-    setOpen(false);
-}
-
-const showMore = (bol: boolean) => {
-    setMoreBol(bol);
-}
-
-return (
-    <div className={'custom-parui-auto-box'}>
-        <AutoBox
-            list={list}
-            anchorEl={posDom.current}
-            hideMore={true}
-            openMore={open}
-            onCloseMore={closeFunc}
-            onShowMore={showMore}
-        />
-        <div ref={posDom} onClick={clickbtn}>
-            <Button variant={"outlined"}>更多</Button>
-        </div>
-    </div>
-)
-
-<style>
-    .custom-parui-auto-box {
-        display: flex;
-        
-        .paraui-auto-box {
-            & > button {
-                margin-right: 10px;
-            }
-            width: calc(100% - 70px);
-        }
-    }
-</style>
-`;

package/docs/view/autoBox/index.scss

@@ -1,15 +0,0 @@
-.paraui-auto-box-demo {
-  .paraui-auto-box {
-    & > button {
-      margin-right: 10px;
-    }
-  }
-
-  .custom-parui-auto-box {
-    display: flex;
-
-    .paraui-auto-box {
-      width: calc(100% - 70px);
-    }
-  }
-}

package/docs/view/autoBox/index.tsx

@@ -1,97 +0,0 @@
-import React, {FunctionComponent, useRef, useState} from 'react';
-import CodeBox from '../../components/codeBox';
-import AutoBox from 'src/AutoBox';
-import Button from 'src/Button';
-import APITable from '../../components/apiTable';
-import Title from '../../components/title';
-import {basicAutoBox, showNumAutoBox, customContentAutoBox, customMoreAutoBox} from './codeString';
-import apiData from './api';
-import './index.scss';
-
-const ParaAutoBox: FunctionComponent = () => {
-    const [open, setOpen] = useState<boolean>(false)
-    const [moreBol, setMoreBol] = useState<boolean>(false)
-    const [list1] = useState<any>([
-        <Button variant={"outlined"}>按钮1</Button>,
-        <Button variant={"outlined"}>按钮2</Button>,
-        <Button variant={"outlined"}>按钮3</Button>,
-        <Button variant={"outlined"}>按钮4</Button>,
-        <Button variant={"outlined"}>按钮5</Button>,
-    ])
-    const posDom = useRef<any>();
-
-    const list = [
-        <Button variant={"outlined"}>按钮1</Button>,
-        <Button variant={"outlined"}>按钮2</Button>,
-        <Button variant={"outlined"}>按钮3</Button>,
-        <Button variant={"outlined"}>按钮4</Button>,
-        <Button variant={"outlined"}>按钮5</Button>,
-    ]
-
-    const clickbtn = () => {
-        if (!moreBol) return;
-        console.log('打开')
-        setOpen(true);
-    }
-
-    const closeFunc = () => {
-        console.log('关闭')
-        setOpen(false);
-    }
-
-    const showMore = (bol: boolean) => {
-        setMoreBol(bol);
-    }
-
-    return (
-        <div className={'paraui-auto-box-demo'}>
-            <Title name={'超出自适应盒子'}>代码演示</Title>
-            <CodeBox
-                code={basicAutoBox}
-                title={'基本'}
-                description={'基本。'}
-            >
-                <AutoBox list={list} />
-            </CodeBox>
-            <CodeBox
-                code={showNumAutoBox}
-                title={'指定渲染个数'}
-                description={'指定渲染个数,将不触发自适应。'}
-            >
-                <AutoBox list={list} showNum={3}/>
-            </CodeBox>
-            <CodeBox
-                code={customContentAutoBox}
-                title={'自定义更多'}
-                description={'自定义更多。'}
-            >
-                <AutoBox
-                    list={list}
-                    moreCustomize={<Button variant={"outlined"}>更多</Button>}
-                />
-            </CodeBox>
-            <CodeBox
-                code={customMoreAutoBox}
-                title={'自定义定位元素'}
-                description={'注意, 这个list必须用useState控制一下,要不然无法显示更多下拉。'}
-            >
-                <div className={'custom-parui-auto-box'}>
-                    <AutoBox
-                        list={list1}
-                        anchorEl={posDom.current}
-                        hideMore={true}
-                        openMore={open}
-                        onCloseMore={closeFunc}
-                        onShowMore={showMore}
-                    />
-                    <div ref={posDom} onClick={clickbtn}>
-                        <Button variant={"outlined"}>更多</Button>
-                    </div>
-                </div>
-            </CodeBox>
-            <APITable data={apiData} />
-        </div>
-    );
-};
-
-export default ParaAutoBox;

package/docs/view/autoTips/api.tsx

@@ -1,49 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description api
- */
-import {RowsData} from '../../components/apiTable';
-
-const apiData: RowsData = [
-    {
-        name: 'className',
-        desc: 'class样式名',
-        type: 'string'
-    },
-    {
-        name: 'style',
-        desc: 'style',
-        type: 'CSSProperties'
-    },
-    {
-        name: 'tips',
-        desc: '超出显示的内容',
-        type: 'ReactNode'
-    },
-    {
-        name: 'arrow',
-        desc: '文字下拉提示箭头',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        name: 'beyondText',
-        desc: '显示文字还是元素',
-        type: 'boolean',
-        default: 'true'
-    },
-    {
-        name: 'placement',
-        desc: '定位方向',
-        type: 'top-start | bottom-end | bottom-start | bottom | left-end | left-start | left | right-end | right-start | right | top-end | top',
-        default: 'bottom-start'
-    },
-    {
-        name: 'interactive',
-        desc: '移入悬浮内容,不关闭',
-        type: 'boolean',
-        default: 'true'
-    },
-];
-export default apiData;

package/docs/view/autoTips/codeString.tsx

@@ -1,34 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description 源码字符串
- */
-export const basicAutoTips = `
-import AutoTips from '@para-ui/core/AutoTips';
-
-<div style={{width: '100px'}}>
-   <AutoTips>超出超出超出超出超出超出超出超出超出超出</AutoTips>
-</div>
-`;
-
-export const posAutoTips = `
-import AutoTips from '@para-ui/core/AutoTips';
-
-<div style={{width: '100px'}}>
-    <AutoTips
-        placement={"top-start"}
-    >超出超出超出超出超出超出超出超出超出超出</AutoTips>
-</div>
-`;
-
-export const contentAutoTips = `
-import AutoTips from '@para-ui/core/AutoTips';
-
-<div style={{width: '100px'}}>
-   <AutoTips
-       tips={
-          <div>自定义超出内容</div>
-       }                 
-   >超出超出超出超出超出超出超出超出超出超出</AutoTips>
-</div>
-`;