tntd 1.4.17 → 2.0.0-beta

package/es/Icon/iconList.js

@@ -1 +0,0 @@
-export default ['system', 'entry', 'permission', 'graph', 'guanjia', 'case', 'celve1', 'shoucang', 'deal-type', 'pm', 'shoukuan', 'zhibiao', 'puzzle', 'user-group', 'yuce', 'jianmo', 'zhuanzhang', 'yunwei', 'baozhang', 'jizhang', 'tongji', 'pingfen', 'limit', 'spider', 'loan', 'access', 'role', 'org', 'celve', 'book', 'tag', 'shixufenxipeizhi', 'all-cases', 'xianeguanli', 'api', 'network', 'analysis', 'calendar', 'backup', 'all', 'attachment', 'chart-line', 'branches', 'chart-area', 'clock', 'check', 'charging-setting', 'chart-pie-alt', 'dashboard', 'datebase', 'check-reply', 'datacenter', 'connection', 'download', 'date-set', 'event', 'event-wait', 'fieldanalysis', 'exchange', 'knowledge', 'key', 'log', 'list', 'menu', 'index', 'project', 'monitorin', 'pointmap', 'ranking', 'model', 'plan', 'task', 'wait', 'upload', 'question-list', 'read', 'setting', 'reply', 'jinjianguanli', 'change-theme', 'application', 'flag-en', 'flag-cn', 'down', 'up', 'workflow', 'sync', 'folder', 'database', 'circle', 'edit', 'edit-color', 'box', 'layer', 'box-color', 'home-color', 'record', 'monitor', 'time-color', 'user', 'function-color', 'record-color', 'warning-color', 'layer-color', 'template', 'template-color', 'monitor-color', 'search', 'user-color', 'function', 'warning', 'search-color', 'home', 'time', 'application', 'plus', 'minus'];

package/es/Icon/index.js

@@ -1,26 +0,0 @@
-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 _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; }
-
-import './fonts/iconfont';
-import './index.less';
-export { default as iconList } from './iconList';
-export default (function (_ref) {
-  var type = _ref.type,
-      _ref$prefix = _ref.prefix,
-      prefix = _ref$prefix === void 0 ? 'tnt-' : _ref$prefix,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      props = _objectWithoutProperties(_ref, ["type", "prefix", "className"]);
-
-  return React.createElement("i", _extends({
-    className: "tnt-icon ".concat(className),
-    type: type
-  }, props), React.createElement("svg", {
-    "aria-hidden": "true"
-  }, React.createElement("use", {
-    xlinkHref: "#".concat(prefix).concat(type)
-  })));
-});

package/es/Icon/index.less

@@ -1,9 +0,0 @@
-.tnt-icon {
-    svg {
-        width: 1em;
-        height: 1em;
-        vertical-align: -0.15em;
-        fill: currentColor;
-        overflow: hidden;
-    }
-}

package/es/Img/Contain.js

@@ -1,69 +0,0 @@
-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; }
-
-import React from 'react';
-import classnames from 'classnames';
-export default (function (props) {
-  var alt = props.alt,
-      title = props.title,
-      src = props.src,
-      width = props.width,
-      height = props.height,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      className = props.className,
-      onError = props.onError,
-      shape = props.shape,
-      errorImgSrc = props.errorImgSrc,
-      type = props.type,
-      others = _objectWithoutProperties(props, ["alt", "title", "src", "width", "height", "style", "className", "onError", "shape", "errorImgSrc", "type"]);
-
-  var styles = _objectSpread({}, style, {
-    display: 'inline-block',
-    width: width,
-    height: height,
-    overflow: 'hidden'
-  });
-
-  if (shape === 'rounded') {
-    styles.borderRadius = '5px';
-  } else if (shape === 'circle') {
-    styles.borderRadius = '50%';
-  }
-
-  var centerStyles = {
-    width: width,
-    height: height,
-    display: 'table-cell',
-    verticalAlign: 'middle',
-    textAlign: 'center'
-  };
-  var imgStyles = {
-    width: 'auto',
-    height: 'auto',
-    maxWidth: width,
-    maxHeight: height
-  };
-  var cls = classnames('tntd-img', shape, className);
-  return React.createElement("div", _extends({
-    className: cls,
-    style: styles
-  }, others), React.createElement("div", {
-    style: centerStyles
-  }, React.createElement("img", {
-    style: imgStyles,
-    onError: onError,
-    src: src,
-    alt: alt,
-    title: title
-  })));
-});

package/es/Img/Cover.js

@@ -1,126 +0,0 @@
-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 _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 _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; }
-
-import React from 'react';
-import { useEffect, useState, useRef } from 'react';
-import classnames from 'classnames';
-export default (function (props) {
-  var alt = props.alt,
-      title = props.title,
-      src = props.src,
-      width = props.width,
-      height = props.height,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      className = props.className,
-      onError = props.onError,
-      shape = props.shape,
-      errorImgSrc = props.errorImgSrc,
-      type = props.type,
-      others = _objectWithoutProperties(props, ["alt", "title", "src", "width", "height", "style", "className", "onError", "shape", "errorImgSrc", "type"]);
-
-  var imgRef = useRef();
-
-  var _useState = useState({
-    display: 'block',
-    maxWidth: 'none',
-    width: 'auto',
-    height: 'auto',
-    // transition: 'opacity 0.2s ease',
-    opacity: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      imgStyles = _useState2[0],
-      setImgStyles = _useState2[1];
-
-  var getStyles = function getStyles(wrapWidth, wrapHeight, imgWidth, imgHeight) {
-    // 进行等比运算
-    var wrapRatio = wrapWidth / wrapHeight;
-    var imgRatio = imgWidth / imgHeight;
-    var finalWidth = 0;
-    var finalHeight = 0;
-    var finalMarginTop = 0;
-    var finalMarginLeft = 0;
-
-    if (wrapRatio > imgRatio) {
-      // 父框宽度更大，以父框的宽度为准，拉伸图片上移
-      finalWidth = wrapWidth;
-      finalHeight = finalWidth / imgRatio;
-      finalMarginTop = (finalHeight - wrapHeight) / 2 * -1;
-    } else {
-      // 父框高度更大，以父框高度为准，拉伸图片左移动
-      finalHeight = wrapHeight;
-      finalWidth = finalHeight * imgRatio;
-      finalMarginLeft = (finalWidth - wrapWidth) / 2 * -1;
-    }
-
-    return {
-      height: finalHeight,
-      width: finalWidth,
-      marginLeft: finalMarginLeft,
-      marginTop: finalMarginTop
-    };
-  };
-
-  var imgOnload = function imgOnload() {
-    var imgDOM = imgRef.current;
-    var width = props.width,
-        height = props.height;
-    var imgWidth = imgDOM.width;
-    var imgHeight = imgDOM.height;
-    var imgStyles2 = getStyles(width, height, imgWidth, imgHeight);
-    setImgStyles(_objectSpread({}, imgStyles, {}, imgStyles2, {
-      opacity: 1
-    }));
-  };
-
-  useEffect(function () {
-    if (width || height) {
-      imgOnload();
-    }
-  }, [width, height]);
-
-  var styles = _objectSpread({}, style, {
-    display: 'inline-block',
-    overflow: 'hidden',
-    width: width,
-    height: height
-  });
-
-  if (shape === 'rounded') {
-    styles.borderRadius = '5px';
-  } else if (shape === 'circle') {
-    styles.borderRadius = '50%';
-  }
-
-  var cls = classnames('tntd-img', shape, className);
-  return React.createElement("div", _extends({
-    className: cls,
-    style: styles
-  }, others), React.createElement("img", {
-    style: imgStyles,
-    onError: onError,
-    ref: imgRef,
-    src: src,
-    alt: alt,
-    title: title,
-    onLoad: imgOnload
-  }));
-});

package/es/Img/README.md

@@ -1,131 +0,0 @@
-## Img图片组件
-### 基本用法
-```jsx
-import React,{Fragment} from 'react';
-import ReactDOM from 'react-dom';
-import { Img } from 'tntd';
-
-const Demo = props => {
-    const imgUrl="https://s3.ax1x.com/2020/12/22/rDn40O.jpg";
-    return (
-        <Fragment>
-            <div>
-                <h4>cover 模式强调填充铺平</h4>
-                <Img
-                    width={200}
-                    height={200}
-                    type='cover'
-                    src={imgUrl}
-                    style={{border: '1px solid #ccc', margin: '10px'}}
-                />
-            </div>
-            <div>
-                <h4>contain 模式强调信息全部展示</h4>
-                <Img
-                    width={200}
-                    height={200}
-                    type='contain'
-                    src={imgUrl}
-                    style={{border: '1px solid #ccc', margin: '10px'}}
-                />
-            </div>
-        </Fragment>
-    );
-};
-
-ReactDOM.render(
-    <Demo />,
-    document.getElementById('root')
-);
-```
-### 图片形状
-```jsx
-import React, { Fragment } from 'react';
-import ReactDOM from 'react-dom';
-import { Img } from 'tntd';
-
-const Demo = props => {
-    const imgUrl="https://s3.ax1x.com/2020/12/22/rDn40O.jpg";
-    return (
-        <Fragment>
-            <div>
-                <h4>默认直角矩形</h4>
-                <Img
-                    width={200}
-                    height={200}
-                    type='cover'
-                    src={imgUrl}
-                />
-            </div>
-            <div>
-                <h4>形状是圆角矩形</h4>
-                <Img
-                    width={200}
-                    height={200}
-                    type='cover'
-                    src={imgUrl}
-                    shape="rounded"
-                />
-            </div>
-            <div>
-                <h4>形状是圆形</h4>
-                <Img
-                    width={200}
-                    height={200}
-                    type='cover'
-                    src={imgUrl}
-                    shape="circle"
-                />
-            </div>
-        </Fragment>
-    );
-};
-
-ReactDOM.render(
-    <Demo />,
-    document.getElementById('root')
-);
-```
-
-### 图片加载失败的处理方法
-```jsx
-import React, { Fragment,useState } from 'react';
-import ReactDOM from 'react-dom';
-import { Img } from 'tntd';
-
-const Demo = props => {
-    const imgUrl="https://sinan.tongdun.me/2020/12/22/rDn40O00.jpg"; // 默认错误的图谱
-    const errorImgSrc="https://s3.ax1x.com/2020/12/22/rDUzfx.png";
-
-    return (
-        <Img
-            width={200}
-            height={200}
-            type='cover'
-            src={imgUrl}
-            errorImgSrc={errorImgSrc}
-        />
-    );
-};
-
-ReactDOM.render(
-    <Demo />,
-    document.getElementById('root')
-);
-```
-
-### API
-#### img
-| 属性名称    | 属性说明                           | 类型        | 默认值      | 是否必须     | 可选值                      | 备注
-| :--------  | :------------------------------ | :----------- | :---------- | :-------  | :------                     | :-------
-| type       | 图片显示模式	                        | string    | cover       | 否         | cover、contain              |
-| src        | 图片url	                           | string    |             | 是         |                             |
-| shape      | 图片形状	                            | string    | sharp       | 否         | circle、sharp、rounded       |
-| title      | 图片的 title，hover 上去会显示出来      | string   |              | 否        | circle、sharp、rounded       |
-| alt        | 图片的 alt 通常用于屏幕阅读器（盲人）识别 | string    |             | 否        |                              |
-| className  | 图片的 className                     | string    |             | 否        |                              |
-| style      | 图片的 style                         | object    | {}          | 否        |                              |
-| width      | 图片显示宽度                          | number    |             | 否        |         | 计算图片必需，不传则表现形式等同于普通 img 标签。
-| height      | 图片显示高度                         | number    |             | 否        |         | 计算图片必需，不传则表现形式等同于普通 img 标签。
-| errorImgSrc | 图片加载失败的兜底图片	               | string    |             | 否    |         | 如果图片加载失败，那么将用这张图来代替如果图片加载失败，那么将用这张图来代替
-| onError     | 图片加载失败的回调方法                 | function  |             | 否         |         | 如果图片加载失败，那么将执行这个 callback 让你添加一些容错逻辑

package/es/Img/index.js

@@ -1,76 +0,0 @@
-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 _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 _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; }
-
-import { Fragment, useState } from 'react';
-import Cover from './Cover';
-import Contain from './Contain';
-export default (function (props) {
-  var _ref = props || {},
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'cover' : _ref$type,
-      src = _ref.src,
-      _ref$shape = _ref.shape,
-      shape = _ref$shape === void 0 ? 'sharp' : _ref$shape,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$alt = _ref.alt,
-      alt = _ref$alt === void 0 ? '' : _ref$alt,
-      className = _ref.className,
-      style = _ref.style,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 'auto' : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 'auto' : _ref$height,
-      errorImgSrc = _ref.errorImgSrc,
-      onError = _ref.onError,
-      rest = _objectWithoutProperties(_ref, ["type", "src", "shape", "title", "alt", "className", "style", "width", "height", "errorImgSrc", "onError"]);
-
-  var _useState = useState(src),
-      _useState2 = _slicedToArray(_useState, 2),
-      src2 = _useState2[0],
-      setSrc2 = _useState2[1];
-
-  var handleImgLoadError = function handleImgLoadError() {
-    if (errorImgSrc) {
-      setSrc2(props.errorImgSrc);
-    }
-
-    props.onError && props.onError();
-  };
-
-  var params = _objectSpread({
-    type: type,
-    src: src2,
-    shape: shape,
-    title: title,
-    alt: alt,
-    className: className,
-    style: style,
-    width: width,
-    height: height,
-    errorImgSrc: errorImgSrc
-  }, rest);
-
-  return React.createElement(Fragment, null, type === 'contain' && React.createElement(Contain, _extends({}, params, {
-    onError: handleImgLoadError
-  })), type === 'cover' && React.createElement(Cover, _extends({}, params, {
-    onError: handleImgLoadError
-  })));
-});

package/es/Layout/ActionsContext.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react'; // import createActions from './createActions';
-
-export default createContext({});