tntd 1.4.17 → 2.0.0-beta

package/lib/Columns/README.md

@@ -1,149 +0,0 @@
-## Columns组件
-### 代码演示
-```jsx
-import React, { useState } from 'react';
-import ReactDOM from 'react-dom';
-import { createGlobalStyle } from 'styled-components';
-import { Button, Icon } from 'antd';
-import { Columns } from 'tntd';
-import 'antd/dist/antd.css';
-
-
-const { Item } = Columns;
-
-const GlobalStyle = createGlobalStyle`
-  .site-body {
-    .ichYgh {
-        padding: 0;
-        overflow: visible;
-    }
-}
-`;
-
-const Demo = props => {
-	const [activeTabKey1, setActiveTabKey1] = useState('3');
-
-    const tabList = [
-        {
-            key: "1",
-            tab: "tab1"
-        },
-        {
-            key: "2",
-            tab: "tab2"
-        }
-    ];
-    const contentList = {
-        "1": <p>content1</p>,
-        "2": <p>content2</p>
-    };
-    const tabList1 = [
-        {
-            key: "3",
-            tab: "tab3"
-        },
-        {
-            key: "4",
-            tab: "tab4"
-        }
-    ];
-    const contentList1 = {
-        "3": <p>content3</p>,
-        "4": <p>content4</p>
-    };
-    return (
-        <>
-           <Columns gutter={0} height={500}>
-                <Item
-                    title="项目列表"
-                    span={5}
-                    hoverable
-                    style={{ color: "#bbb" }}
-                    cover={<span>123</span>}
-                    loading={true}
-                >
-                    内容
-                </Item>
-                <Item
-                    title="项目详情"
-                    extra={
-                        <Button
-                            size="small"
-                            type="primary"
-                            icon="more"
-                        >
-                            更多
-                        </Button>
-                    }
-                    span={14}
-                >
-                    内容
-                </Item>
-                <Item
-                    title="项目配置"
-                    span={5}
-                >
-                    我的column
-                    我的column
-                    我的column
-                    我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的column 我的column 我的column 我的column 我的column我的
-                </Item>
-            </Columns>
-            <Columns height={500} gutter={[20, 24]}>
-                <Item
-                    bordered={true}
-                    span={12}
-                    tabList={tabList1}
-                    activeTabKey={activeTabKey1}
-                    onTabChange={key => setActiveTabKey1(key)}
-                    tabBarExtraContent={(
-                        <Button
-                            size="small"
-                            type="primary"
-                            icon="search"
-                        >搜索</Button>
-                    )}
-                >
-                    我是一段很长很长很长段文本哦我是一段很长很长很长段文本哦我是一段很长很长很长段文本哦我是一段很长很长很长段文本哦我是一段很长很长很长段文本哦我是一段很长很长很长段文本哦我是一段很长很长很长段文本哦我是一段很长很长很长段文本哦！
-                        {contentList1[activeTabKey1]}
-                </Item>
-                <Item
-                    title="测试5"
-                    span={12}
-                    bordered={true}
-                >
-                    我是一段很长很长很长段文本哦我是一段很长很长很长段文本哦我是
-                </Item>
-            </Columns>
-        </>
-    );
-};
-
-
-ReactDOM.render(
-    <Demo />,
-    document.getElementById('root')
-);
-```
-
-### API
-#### Columns
-
-| 参数                | type                                 | description                                     | default                 |
-| :------------------ | :----------------------------------- | :---------------------------------------------- | :---------------------- |
-| gutter              | number/array               | 同antd中的row使用方法类似                          | 0                       |
-| height             | int                                  | 列的高度                        | -                       |
-
-
-#### Columns.Item
-
-| 参数                | type                                 | description                                     | default                 |
-| :------------------ | :----------------------------------- | :---------------------------------------------- | :---------------------- |
-| span                | int                                  | 与antd中col的span的使用方法相同                 | 24                       |
-| extra               | string/ReactNode                     | title 右上角的操作区域                          | -                       |
-| title               | string/ReactNode                     | column 标题                                   | -                       |
-| tabList             | Array<{key: string, tab: ReactNode}> | 标题列表                                        | -                       |
-| activeTabKey        | string                               | 当前激活页签的 key                              | -                       |
-| onTabChange         | (key) => void                        | 页签切换的回调                                  | -                       |
-| defaultActiveTabKey | string                               | 初始化选中页签的 key，如果没有设置 activeTabKey | 第一个页签              |
-| tabType           | string                        | average-根据数量等分， default-默认                             | default        |

package/lib/Columns/index.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Item = void 0;
-
-require("antd/lib/row/style");
-
-var _row = _interopRequireDefault(require("antd/lib/row"));
-
-require("antd/lib/col/style");
-
-var _col = _interopRequireDefault(require("antd/lib/col"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || 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); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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; }
-
-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; }
-
-var clsPrefix = 'tnt-columns';
-
-var Item = function Item(props) {
-  var children = props.children,
-      span = props.span,
-      extra = props.extra,
-      title = props.title,
-      tabList = props.tabList,
-      defaultActiveTabKey = props.defaultActiveTabKey,
-      activeTabKey = props.activeTabKey,
-      tabType = props.tabType,
-      onTabChange = props.onTabChange;
-  var realActiveKey = activeTabKey || defaultActiveTabKey;
-  return React.createElement(_col["default"], {
-    className: "".concat(clsPrefix, "-col"),
-    span: span < 4 ? 4 : span
-  }, React.createElement("div", null, (!tabList || tabList.length < 0) && React.createElement("div", {
-    className: "".concat(clsPrefix, "-col-header")
-  }, React.createElement("div", {
-    className: "title-left"
-  }, title), extra && React.createElement("div", {
-    className: "title-extra"
-  }, extra)), (tabList == null ? void 0 : tabList.length) > 0 && React.createElement("div", {
-    className: "".concat(clsPrefix, "-col-tabs"),
-    tabType: tabType,
-    tabList: tabList
-  }, tabList.map(function (_ref) {
-    var tab = _ref.tab,
-        key = _ref.key;
-    return React.createElement("span", {
-      className: (0, _classnames["default"])('tab-item', {
-        'active-tab': realActiveKey === key
-      }),
-      style: {
-        width: tabList && tabType === 'default' ? 'auto' : "".concat(100 / tabList.length, "%")
-      },
-      key: key,
-      onClick: function onClick() {
-        return onTabChange(key);
-      }
-    }, tab);
-  })), React.createElement("div", {
-    className: "".concat(clsPrefix, "-col-body")
-  }, children)));
-};
-
-exports.Item = Item;
-
-var Columns = function Columns(props) {
-  var children = props.children,
-      height = props.height,
-      _props$gutter = props.gutter,
-      gutter = _props$gutter === void 0 ? 0 : _props$gutter,
-      style = props.style,
-      rest = _objectWithoutProperties(props, ["children", "height", "gutter", "style"]);
-
-  var rowStyle = _objectSpread({}, style, {
-    height: props.height ? "".concat(props.height, "px") : 'calc(100vh)'
-  });
-
-  return React.createElement(_row["default"], _extends({
-    className: (0, _classnames["default"])(clsPrefix, {
-      gutter: gutter
-    }),
-    style: rowStyle
-  }, rest), children);
-};
-
-Columns.Item = Item;
-var _default = Columns;
-exports["default"] = _default;

package/lib/Columns/index.less

@@ -1,75 +0,0 @@
-.tnt-columns {
-    .ant-col:not(:first-of-type) > div {
-        box-shadow: 5px 5px 10px -4px rgba(213,213,213,0.50), 3px -5px 10px -4px rgba(213,213,213,0.40);
-        .gutter & {
-            box-shadow: 0 0 10px 0 rgba(213,213,213,0.50);
-        }
-    }
-
-    .ant-col:first-child > div {
-        box-shadow: 0 0 10px 0 rgba(213,213,213,0.50);
-    }
-
-    &-col {
-        height: inherit;
-        & > div {
-            height: inherit;
-        }
-
-        &-header {
-            padding: 0 20px;
-            height: 48px;
-            line-height: 48px;   
-            border-bottom: 1px solid #E1E6EE;
-
-            .title-left {
-                float: left;
-                color: #17233D;
-                font-size: 14px;
-            }
-            .title-extra {
-                float: right;
-
-                .ant-btn {
-                    width: 64px;
-                    height: 22px;
-                    font-size: 12px;
-                }
-
-                .ant-btn-primary {
-                    background: #126BFB;
-                    border-radius: 2px;
-                    border-color: #126BFB;
-                }
-            }
-        }
-
-        &-tabs {
-            height: 48px;
-            line-height: 48px;   
-            border-bottom: 1px solid #E1E6EE;
-            color: #17233D;
-            font-size: 14px;
-
-            .tab-item {
-                display: inline-block;
-                padding: 0 20px;
-                height: 48px;
-                text-align: center;
-                cursor: pointer;
-                transition: borderBottom 1s;
-            }
-
-            .active-tab {
-                border-bottom: 2px solid #126BFB;
-            }
-        }
-
-        &-body {
-            height: calc(~"100% - 48px");
-            padding: 10px 20px;
-            overflow-y: scroll;
-            color: #17233D;
-        }
-    }
-}

package/lib/DevelopmentLogin/LoginModal.js

@@ -1,147 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("antd/lib/modal/style");
-
-var _modal = _interopRequireDefault(require("antd/lib/modal"));
-
-require("antd/lib/form/style");
-
-var _form = _interopRequireDefault(require("antd/lib/form"));
-
-require("antd/lib/input/style");
-
-var _input = _interopRequireDefault(require("antd/lib/input"));
-
-require("antd/lib/message/style");
-
-var _message2 = _interopRequireDefault(require("antd/lib/message"));
-
-var _react = require("react");
-
-var _universalCookie = _interopRequireDefault(require("universal-cookie"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
-
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var cookies = new _universalCookie["default"](); // 默认
-
-var accountInfoDefault = {
-  account: undefined,
-  password: undefined
-};
-
-var _default = function _default(_ref) {
-  var visible = _ref.visible,
-      close = _ref.close,
-      signIn = _ref.signIn;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      confirmLoading = _useState2[0],
-      setConfirmLoading = _useState2[1]; // 如果storage中已存在，则取storage
-
-
-  var storageAccountInfo = localStorage.getItem('accountInfo');
-
-  if (storageAccountInfo) {
-    try {
-      accountInfoDefault = JSON.parse(storageAccountInfo);
-    } catch (e) {}
-  }
-
-  var _useState3 = (0, _react.useState)(accountInfoDefault),
-      _useState4 = _slicedToArray(_useState3, 2),
-      accountInfo = _useState4[0],
-      setAccountInfo = _useState4[1];
-
-  var account = accountInfo.account,
-      password = accountInfo.password;
-
-  var onSubmit = function onSubmit() {
-    setConfirmLoading(true);
-    var returnVal = signIn && signIn(accountInfo);
-
-    if (returnVal && returnVal.then) {
-      returnVal.then(function (res) {
-        _message2["default"].success('模拟登陆成功');
-
-        localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
-        setConfirmLoading(false);
-        setTimeout(function () {
-          var _ref2 = res || {},
-              token = _ref2.tdToken,
-              userId = _ref2.userId;
-
-          cookies.set('_td_token_', token, {
-            path: '/'
-          });
-          cookies.set('_uid_', userId, {
-            path: '/'
-          });
-          close();
-        }, 500);
-      })["catch"](function (err) {
-        setConfirmLoading(false);
-        throw err;
-      });
-    }
-  };
-
-  var changeFieldValue = function changeFieldValue(key, evt) {
-    setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));
-  };
-
-  return React.createElement(_modal["default"], {
-    title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646",
-    visible: visible,
-    maskClosable: false,
-    onOk: onSubmit,
-    onCancel: close,
-    confirmLoading: confirmLoading
-  }, React.createElement(_form["default"], {
-    labelCol: {
-      span: 5
-    },
-    wrapperCol: {
-      span: 18
-    }
-  }, React.createElement(_form["default"].Item, {
-    label: "\u7528\u6237\u540D\uFF1A"
-  }, React.createElement(_input["default"], {
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
-    value: account || undefined,
-    onChange: function onChange(evt) {
-      return changeFieldValue('account', evt);
-    }
-  })), React.createElement(_form["default"].Item, {
-    label: "\u5BC6\u7801\uFF1A"
-  }, React.createElement(_input["default"], {
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
-    value: password || undefined,
-    onChange: function onChange(evt) {
-      return changeFieldValue('password', evt);
-    }
-  }))));
-};
-
-exports["default"] = _default;

package/lib/DevelopmentLogin/README.md

@@ -1,49 +0,0 @@
-## DevelopmentLogin组件
-### 代码演示
-```jsx
-import { Fragment, useState } from 'react';
-import ReactDOM from 'react-dom';
-import { createGlobalStyle } from 'styled-components';
-import { DevelopmentLogin } from 'tntd';
-import 'antd/dist/antd.css';
-
-const GlobalStyle = createGlobalStyle`
-  .site-body {
-    .ichYgh {
-        padding: 0;
-        overflow: visible;
-    }
-}
-`;
-
-ReactDOM.render(
-    <DevelopmentLogin
-        signIn={params => {
-            console.log('login info...', params);
-            // TODO 发送请求到后端登录，返回一个promise
-            // 目前组件内部在拿到返回的数据后默认的处理逻辑如下：
-            /*
-            const { tdToken: token, userId } = res || {};
-
-            cookies.set('_td_token_', token, { path: '/' });
-            cookies.set('_uid_', userId, { path: '/' });
-            */
-            return new Promise(resolve => {
-                setTimeout(() => {
-                    resolve({
-                        tdToken: 'tdToken', userId: 'userId'
-                    });
-                }, 100);
-            });
-        }}
-    />,
-    document.getElementById('root')
-);
-```
-
-### API
-#### Icon
-
-| 属性名称    | 属性说明                           | 类型     | 默认值      | 是否必须 |
-| :---------- | :------------------------------ | :------ | :---------- | :------- |
-| signIn        | 登录时执行的方法                     | Function(返回值类型Promise)   | 无          | 是       |

package/lib/DevelopmentLogin/index.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
-
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var DevelopmentLoginModal = _react["default"].lazy(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('./LoginModal'));
-  });
-});
-
-var _default = function _default(_ref) {
-  var signIn = _ref.signIn;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loginVisible = _useState2[0],
-      setLoginVisible = _useState2[1];
-
-  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("a", {
-    style: {
-      fontSize: 14
-    },
-    onClick: function onClick() {
-      return setLoginVisible(true);
-    }
-  }, "\u6A21\u62DF\u767B\u5F55"), loginVisible && _react["default"].createElement(_react["default"].Suspense, {
-    fallback: _react["default"].createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D")
-  }, _react["default"].createElement(DevelopmentLoginModal, {
-    visible: loginVisible,
-    signIn: signIn,
-    close: function close() {
-      return setLoginVisible(false);
-    }
-  })));
-};
-
-exports["default"] = _default;