tntd 1.3.66 → 1.4.2

package/es/Icon/iconList.js

@@ -0,0 +1 @@
+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

@@ -0,0 +1,26 @@
+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

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

package/es/Img/Contain.js

@@ -0,0 +1,69 @@
+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

@@ -0,0 +1,126 @@
+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

@@ -0,0 +1,131 @@
+## 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

@@ -0,0 +1,76 @@
+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

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