tntd 1.4.17 → 2.0.0-beta-1

package/components/Table/ResizableTable/index.less

@@ -1,36 +0,0 @@
-.tnt-resizable-table {
-    .react-resizable {
-        position: relative;
-        background-clip: padding-box;
-    }
-
-    &-handle {
-        position: absolute;
-        width: 10px;
-        height: 100%;
-        bottom: 0;
-        right: -5px;
-        cursor: col-resize;
-        z-index: 1;
-    }
-
-    th:last-of-type{
-        .react-resizable-handle {
-            right: 0;
-        }
-    }
-    // tbody > tr > td > *,
-    .ant-table-column-title{
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-    .ant-table-column-sorters {
-        display: inline-flex;
-        max-width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        align-items: center;
-    }
-}

package/components/Table/index.js

@@ -1,24 +0,0 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { Table } from 'antd';
-import ResizableTable from './ResizableTable';
-
-// const ResizableTable = React.lazy(() => import('./ResizableTable'));
-
-export default forwardRef(({ resizable = false, ...props}, ref) => {
-    if (resizable) {
-        return (
-            // <React.Suspense>
-            <ResizableTable {...props} ref={ref} />
-            // </React.Suspense>
-        );
-    }
-
-    return (
-        <Table
-            className={cn('tnt-table', { [props.className]: props.className})}
-            {...props}
-            ref={ref}
-        />
-    );
-});

package/components/Title/README.md

@@ -1,106 +0,0 @@
-## Title组件
-### 代码演示
-```jsx
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { Button, Table } from 'antd';
-import { Title } from 'tntd';
-import 'antd/dist/antd.css';
-
-const Demo = props => {
-
-    return (
-        <div>
-            <Title 
-                title='这是标题'
-                subTitle='这是描述，相当于副标题'
-                tooltip='test'
-                placement="right"
-                size='large'
-                extra={<Button>这是extra信息</Button>}
-                style={{marginBottom:'20px'}}
-            />
-            <br/>
-            <Title 
-                title='这是标题'
-                subTitle='这是描述，相当于副标题'
-                tooltip='test'
-                placement="right"
-                size='middle'
-                extra={<Button>这是extra信息</Button>}
-            />
-            <br/>
-            <Title 
-                title='这是标题'
-                subTitle='这是描述，相当于副标题'
-                tooltip='test'
-                placement="right"
-            />
-            <br/>
-            <Title 
-                title='这是标题'
-                subTitle='这是描述，相当于副标题'
-                tooltip='test'
-                placement="right"
-                size='small'
-            />
-            <br/>
-            <Title 
-                title='这是标题'
-                subTitle='这是描述，相当于副标题'
-                tooltip='test'
-                placement="right"
-                size='large'
-                number={1}
-            />
-            <br/>
-            <Title 
-                title='这是标题'
-                subTitle='这是描述，相当于副标题'
-                tooltip='test'
-                placement="right"
-                size='middle'
-                number={2}
-            />
-            <br/>
-            <Title 
-                title='这是标题'
-                subTitle='这是描述，相当于副标题'
-                tooltip='test'
-                placement="right"
-                number={3}
-            />
-            <br/>
-            <Title 
-                title='这是标题'
-                subTitle='这是描述，相当于副标题'
-                tooltip='test'
-                placement="right"
-                size='small'
-                number={4}
-                simple
-            />
-        </div>
-    );
-};
-
-
-ReactDOM.render(
-    <Demo />,
-    document.getElementById('root')
-);
-```
-### API
-#### common
-| 属性名称         | 属性说明                               | 类型            | 默认值         | 是否必须 |
-| :----------     | :-------------------------           | :------        | :----------   | :------- |
-| title           | 标题                                  | String         | -             | 否       |
-| subTitle        | 副标题                                 | String         | -             | 否       |
-| number          | 标题前是数字                            | Number         | -             | 否       |
-| size            | 大小，large、middle、default、small     | String         | default       | 否       |
-| extra           | 右边区域内容                            | React node     | -             | 否       |
-
-#### number
-| 属性名称         | 属性说明                    | 类型            | 默认值          | 是否必须 |
-| :----------     | :------------------------- | :------        | :----------    | :------- |
-| simple          | 当数字时，是否有斜杆          | Bool           | true           | 否       |

package/components/Title/index.js

@@ -1,35 +0,0 @@
-import cn from 'classnames';
-import './index.less';
-
-export default props => {
-    const { title = '暂无标题', subTitle, size = 'default', extra, number, simple, style, ...rest } = props || {};
-
-    return (
-        <div
-            className={cn(
-                'tnt-title',
-                size,
-                { 'has-number': number },
-                { 'is-simple': simple },
-            )}
-            style={{ ...style }}
-        >
-            <div className='tnt-title-text'>
-                {
-                    number &&
-                    <i class='count'>
-                        {number <= 9 ? `0${number}` : number}
-                    </i>
-                }
-                <h3>{title}</h3>
-                <span>{subTitle}</span>
-            </div>
-            {
-                extra &&
-                <div className='tnt-title-extra'>
-                    {extra}
-                </div>
-            }
-        </div>
-    );
-};

package/components/Title/index.less

@@ -1,170 +0,0 @@
-.tnt-title {
-    & {
-        position: relative;
-        height: 32px;
-        line-height: 32px;
-        clear: both;
-        overflow: hidden;
-    }
-
-    &.has-number{
-        .tnt-title-text {
-            h3 {
-                margin-left: 0;
-            }
-            &::before {
-                display: none;
-            }
-        }
-        &.is-simple {
-            .count::before {
-                display: none;
-            }
-        }
-        &.small {
-            .count {
-                font-size: 20px;
-                margin-right: 12px;
-                &::before {
-                    width: 20px;
-                    height: 15px;
-                    top: 44%;
-                    left: 60%;
-                }
-            }
-        }
-        &.middle {
-            .count {
-                font-size: 24px;
-                margin-right: 12px;
-                &::before {
-                    width: 24px;
-                    height: 15px;
-                    left: 56%;
-                }
-            }
-        }
-        &.large {
-            .count {
-                font-size: 28px;
-                margin-right: 12px;
-                &::before {
-                    width: 28px;
-                    height: 18px;
-                    left: 56%;
-                }
-            }
-        }
-        .count {
-            position: relative;
-            top: -1px;
-            color: #0089ff;
-            font-size: 22px;
-            font-style: normal;
-            margin-right: 12px;
-            position: relative;
-            vertical-align: top;
-            font-weight: 400;
-            font-family: Roboto,'Helvetica Neue',Helvetica,Tahoma,Arial,'PingFang SC','Microsoft YaHei'!important;
-            letter-spacing: 1px;
-        }
-        .count::before {
-            position: absolute;
-            display: block;
-            content: "";
-            width: 22px;
-            height: 15px;
-            border-top: 1px solid #0089ff;
-            background-color: #fff;
-            top: 45%;
-            left: 58%;
-            transform: rotate(-45deg);
-            -webkit-transform: rotate(-45deg);
-        }
-    }
-    &.small {
-        & {
-            height: 28px;
-            line-height: 28px;
-        }
-        .tnt-title-text {
-            h3 {
-                font-size: 14px;
-            }
-            &::before {
-                height: 14px;
-                top: 7px;
-            }
-        }
-    }
-    &.middle {
-        & {
-            height: 36px;
-            line-height: 36px;
-        }
-        .tnt-title-text {
-            h3 {
-                font-size: 18px;
-            }
-            &::before {
-                height: 18px;
-                top: 9px;
-            }
-        }
-    }
-    &.large {
-        & {
-            height: 40px;
-            line-height: 40px;
-        }
-        .tnt-title-text {
-            h3 {
-                font-size: 20px;
-            }
-            &::before {
-                height: 20px;
-                top: 9px;
-            }
-        }
-    }
-    .tnt-title-text {
-        & {
-            position: relative;
-            float: left;
-        }
-        h3 {
-            font-size: 16px;
-            color: #17233D;
-            font-weight: normal;
-            margin: 0;
-            margin-right: 10px;
-            margin-left: 10px;
-            display: inline-block;
-        }
-        span {
-            position: relative;
-            top: 1px;
-            font-size: 12px;
-            color:#8b919e;
-            margin-right: 10px;
-            line-height: 1;
-        }
-        &::before {
-            position: absolute;
-            left: 0;
-            top: 8px;
-            background-color: #126BFB;
-            content: "";
-            width: 3px;
-            height: 16px;
-            margin-right: 8px;
-        }
-    }
-    .tnt-title-extra {
-        & {
-            position: relative;
-            float: right;
-            margin-left: 8px;
-        }
-    }
-}

package/components/index.js

@@ -1,20 +0,0 @@
-export { default as Layout } from './Layout';
-export { default as AuthContext } from './AuthContext';
-export { default as QueryForm } from './QueryForm';
-export { default as Table } from './Table';
-export { default as ResizableTable } from './Table/ResizableTable';
-export { default as QueryListScene } from './QueryListScene';
-export { default as Icon } from './Icon';
-export { default as iconList } from './Icon/iconList';
-export { default as Modal } from './Modal';
-export { default as Columns } from './Columns';
-export { default as DevelopmentLogin } from './DevelopmentLogin';
-export { default as LoadingButton } from './LoadingButton';
-export { default as Handle } from './Handle';
-export { default as Page } from './Page';
-export { default as Select } from './Select';
-export { default as Img } from './Img';
-export { default as Title } from './Title';
-export { default as Ellipsis } from './Ellipsis';
-export { default as ArrayInput } from './ArrayInput';
-export * from './utils';

package/components/locale.js

@@ -1,60 +0,0 @@
-
-export const zh_CN = {
-    globalNavigation: '全局导航',
-    menuSearch: '菜单搜索',
-
-    // QueryForm
-    search: '搜索',
-    reset: '重置',
-    moreFiltering: '更多过滤',
-    expand: '展开',
-    collapse: '收起',
-
-    // QueryListScene
-    totalRecords: '共%s条记录',
-
-    // user popover
-    personalSettings: '个人设置',
-    changePwd: '修改密码',
-    signOut: '退出'
-};
-
-export const en_US = {
-    globalNavigation: 'Global Navigation',
-    menuSearch: 'Menu Search',
-
-
-    // QueryForm
-    search: 'Search',
-    reset: 'Reset',
-    moreFiltering: 'More filtering',
-    expand: 'Expand',
-    collapse: 'Collapse',
-
-    // QueryListScene
-    totalRecords: 'Total of %s records',
-
-    // user popover
-    personalSettings: 'Personal settings',
-    changePwd: 'Change password',
-    signOut: 'Sign out'
-};
-
-export const getText = (key, language = 'cn', ...params) => {
-    const text = ({
-        cn: zh_CN,
-        en: en_US
-    }[language] || zh_CN)?.[key];
-
-    if (params?.length) {
-        return params.reduce((acc, cur) => {
-            return acc.replace(/%s/, cur);
-        }, text);
-    }
-
-    return text;
-};
-
-export const getLanguage = () => localStorage.getItem('lang') || 'cn';
-
-export default { en_US, zh_CN };

package/components/utils/checkAuth.js

@@ -1,27 +0,0 @@
-import { get } from 'lodash';
-
-export const getCheckAuth = menus => {
-    const getAuthMap = (menus = [], authMap = {}) => {
-        return menus.reduce(
-            (acc, { code, groupName, functionList, children }) => {
-                if (groupName) {
-                    return getAuthMap(children, acc);
-                } else {
-                    acc[code] = acc[code] || {};
-                    acc[code] = (functionList || []).reduce((acc, curFunc) => {
-                        acc[curFunc.code] = curFunc.hasPermission;
-                        return acc;
-                    }, acc[code]);
-
-                    return acc;
-                }
-            },
-            authMap
-        );
-    };
-    const authMap = getAuthMap(menus);
-
-    return (menuCode, funCode) => !!get(authMap, `${menuCode}${funCode ? `.${funCode}` : ''}`);
-};
-
-export default getCheckAuth;

package/components/utils/findMenuInfoByPath.js

@@ -1,39 +0,0 @@
-import { traverseTree, isGroupMenu } from '.';
-
-
-export const findMenuInfoByPath = (menuTree, path, matchFunc) => {
-    let menu;
-    let subMenu;
-    let matchedSubMenu;
-    let parentMenus;
-
-    if (path) {
-        traverseTree(menuTree, (menu, pnode, pnodes) => {
-            if (!isGroupMenu(menu)) {
-                if (menu?.path === path) {
-                    subMenu = menu;
-                    menu = pnode;
-                    parentMenus = pnodes;
-                    return false;
-                }
-
-                if (!matchedSubMenu && matchFunc && matchFunc(menu)) {
-                    matchedSubMenu = menu;
-                    menu = pnode;
-                    parentMenus = pnodes;
-                }
-            }
-        });
-
-        return {
-            subMenu,
-            matchedSubMenu,
-            menu,
-            parentMenus
-        };
-    }
-
-    return { subMenu, menu, parentMenus };
-};
-
-export default findMenuInfoByPath;

package/components/utils/index.js

@@ -1,84 +0,0 @@
-export * from './checkAuth';
-export * from './findMenuInfoByPath';
-
-export const isGroupMenu = menu => menu?.children && !menu?.path;
-
-export const getSelectedMenuInfo = (selectedKey, menus = []) => {
-    let subMenu;
-    let menu;
-    let parentMenus = [];
-
-    if (selectedKey) {
-        traverseTree(menus, (node, pnode, pnodes) => {
-            if (!isGroupMenu(node) && node.code === selectedKey) {
-                subMenu = node;
-                menu = pnode;
-                parentMenus = pnodes;
-                return false;
-            }
-        });
-    } else { // 默认找到第一个菜单项
-        traverseTree(menus, (node, pnode, pnodes) => {
-            if (!isGroupMenu(node)) {
-                subMenu = node;
-                menu = pnode;
-                parentMenus = pnodes;
-                return false;
-            }
-        });
-    }
-
-    return {
-        subMenu,
-        menu,
-        parentMenus
-    };
-};
-
-export const hasLevel3 = menus => {
-    return menus?.some(
-        menu => menu?.children?.some(item => item?.children?.length)
-    );
-};
-
-export const isNewTabMenu = menu => {
-    const { target, path } = menu || {};
-
-    return target === '_blank' || (/^http/i.test(path) && /blankType=newTarget/.test(path));
-};
-
-export const openInNewTab = path => {
-    window.open(path, '_blank');
-};
-
-export const traverseTree = (treeData, callback, pnode, pnodes = []) => {
-    (treeData || []).every((node, index) => {
-        let result;
-
-        if (callback) {
-            result = callback(node, pnode, pnodes?.length ? pnodes : [pnode].filter(item => !!item), index);
-        }
-
-        // 回调函数返回false则终止遍历
-        if (result !== false) {
-            node && traverseTree(node.children || [], callback, node, [node, ...pnodes]);
-        }
-
-        return result !== false;
-    });
-
-    return treeData;
-};
-
-export const safeParseJSON = (str, defaultObj) => {
-    let result;
-
-    try {
-        result = JSON.parse(str);
-    } catch (err) {
-        console.warn('json parse error:', err);
-        result = typeof defaultObj === 'undefined' ? str : defaultObj;
-    }
-
-    return result || defaultObj;
-};

package/dist/1.tntd.js

@@ -1,12 +0,0 @@
-(window.webpackJsonptntd=window.webpackJsonptntd||[]).push([[1],{75:function(e,t,r){"use strict";
-/*!
- * cookie
- * Copyright(c) 2012-2014 Roman Shtylman
- * Copyright(c) 2015 Douglas Christopher Wilson
- * MIT Licensed
- */t.parse=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");for(var r={},t=t||{},n=e.split(p),o=t.decode||u,i=0;i<n.length;i++){var a,s=n[i],c=s.indexOf("=");c<0||(a=s.substr(0,c).trim(),'"'==(s=s.substr(++c,s.length).trim())[0]&&(s=s.slice(1,-1)),null==r[a]&&(r[a]=function(t,e){try{return e(t)}catch(e){return t}}(s,o)))}return r},t.serialize=function(e,t,r){var n=r||{},r=n.encode||i;if("function"!=typeof r)throw new TypeError("option encode is invalid");if(!a.test(e))throw new TypeError("argument name is invalid");t=r(t);if(t&&!a.test(t))throw new TypeError("argument val is invalid");var o=e+"="+t;if(null!=n.maxAge){t=+n.maxAge;if(isNaN(t))throw new Error("maxAge should be a Number");o+="; Max-Age="+Math.floor(t)}if(n.domain){if(!a.test(n.domain))throw new TypeError("option domain is invalid");o+="; Domain="+n.domain}if(n.path){if(!a.test(n.path))throw new TypeError("option path is invalid");o+="; Path="+n.path}if(n.expires){if("function"!=typeof n.expires.toUTCString)throw new TypeError("option expires is invalid");o+="; Expires="+n.expires.toUTCString()}n.httpOnly&&(o+="; HttpOnly");n.secure&&(o+="; Secure");if(n.sameSite)switch("string"==typeof n.sameSite?n.sameSite.toLowerCase():n.sameSite){case!0:o+="; SameSite=Strict";break;case"lax":o+="; SameSite=Lax";break;case"strict":o+="; SameSite=Strict";break;case"none":o+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}return o};var u=decodeURIComponent,i=encodeURIComponent,p=/; */,a=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/},76:function(e,t,r){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var c=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"!==Object.keys(Object.assign({},n)).join("")?void 0:1}catch(e){return}}()?Object.assign:function(e,t){for(var r,n=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var i in r=Object(arguments[o]))u.call(r,i)&&(n[i]=r[i]);if(c)for(var a=c(r),s=0;s<a.length;s++)p.call(r,a[s])&&(n[a[s]]=r[a[s]])}return n}},77:function(e,t,r){"use strict";r.r(t);var p=r(0),l=r(1),o=r(75);function i(e,t){void 0===t&&(t={});var r,n=function(e){if(e&&"j"===e[0]&&":"===e[1])return e.substr(2);return e}(e);if(r=n,!(t=void 0===(t=t.doNotParse)?!r||"{"!==r[0]&&"["!==r[0]&&'"'!==r[0]:t))try{return JSON.parse(n)}catch(e){}return e}var a=r(76);function n(e,t){var r=this;this.changeListeners=[],this.HAS_DOCUMENT_COOKIE=!1,this.cookies=(t=t,"string"==typeof(e=e)?o.parse(e,t):"object"==typeof e&&null!==e?e:{}),new Promise(function(){r.HAS_DOCUMENT_COOKIE="object"==typeof document&&"string"==typeof document.cookie}).catch(function(){})}function f(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var r=[],n=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(n=(a=s.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==s.return||s.return()}finally{if(o)throw i}}return r}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var m=new(n.prototype._updateBrowserValues=function(e){this.HAS_DOCUMENT_COOKIE&&(this.cookies=o.parse(document.cookie,e))},n.prototype._emitChange=function(e){for(var t=0;t<this.changeListeners.length;++t)this.changeListeners[t](e)},n.prototype.get=function(e,t,r){return void 0===t&&(t={}),this._updateBrowserValues(r),i(this.cookies[e],t)},n.prototype.getAll=function(e,t){void 0===e&&(e={}),this._updateBrowserValues(t);var r,n={};for(r in this.cookies)n[r]=i(this.cookies[r],e);return n},n.prototype.set=function(e,t,r){var n;"object"==typeof t&&(t=JSON.stringify(t)),this.cookies=a({},this.cookies,((n={})[e]=t,n)),this.HAS_DOCUMENT_COOKIE&&(document.cookie=o.serialize(e,t,r)),this._emitChange({name:e,value:t,options:r})},n.prototype.remove=function(e,t){var r=t=a({},t,{expires:new Date(1970,1,1,0,0,1),maxAge:0});this.cookies=a({},this.cookies),delete this.cookies[e],this.HAS_DOCUMENT_COOKIE&&(document.cookie=o.serialize(e,"",r)),this._emitChange({name:e,value:void 0,options:t})},n.prototype.addChangeListener=function(e){this.changeListeners.push(e)},n.prototype.removeChangeListener=function(e){e=this.changeListeners.indexOf(e);0<=e&&this.changeListeners.splice(e,1)},n),y={account:void 0,password:void 0};t.default=function(e){var t=e.visible,n=e.close,r=e.signIn,o=d(Object(p.useState)(!1),2),i=o[0],a=o[1],e=localStorage.getItem("accountInfo");if(e)try{y=JSON.parse(e)}catch(e){}function s(e,t){u(function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?f(Object(r),!0).forEach(function(e){h(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}({},c,h({},e,t.target.value)))}var o=d(Object(p.useState)(y),2),c=o[0],u=o[1],e=c.account,o=c.password;return React.createElement(l.Modal,{title:"开发者模拟登陆",visible:t,maskClosable:!1,onOk:function(){a(!0);var e=r&&r(c);e&&e.then&&e.then(function(r){l.message.success("模拟登陆成功"),localStorage.setItem("accountInfo",JSON.stringify(c)),a(!1),setTimeout(function(){var e=r||{},t=e.tdToken,e=e.userId;m.set("_td_token_",t,{path:"/"}),m.set("_uid_",e,{path:"/"}),n()},500)}).catch(function(e){throw a(!1),e})},onCancel:n,confirmLoading:i},React.createElement(l.Form,{labelCol:{span:5},wrapperCol:{span:18}},React.createElement(l.Form.Item,{label:"用户名："},React.createElement(l.Input,{type:"text",placeholder:"请输入用户名",value:e||void 0,onChange:function(e){return s("account",e)}})),React.createElement(l.Form.Item,{label:"密码："},React.createElement(l.Input,{type:"text",placeholder:"请输入用户名",value:o||void 0,onChange:function(e){return s("password",e)}}))))}}}]);