tntd 1.4.4 → 1.4.7

package/lib/Icon/iconList.js

@@ -1,8 +1,119 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _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'];
-exports["default"] = _default;
+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/lib/Icon/index.js

@@ -1,46 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "iconList", {
-  enumerable: true,
-  get: function get() {
-    return _iconList["default"];
-  }
-});
-exports["default"] = void 0;
-
-require("./fonts/iconfont");
-
-require("./index.less");
-
-var _iconList = _interopRequireDefault(require("./iconList"));
-
-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 _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 _default = function _default(_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)
-  })));
+import './fonts/iconfont';
+import './index.less';
+
+export { default as iconList } from './iconList';
+
+export default ({ type, prefix = 'tnt-', className = '', ...props }) => {
+    return (
+        <i className={`tnt-icon ${className}`} type={type} {...props}>
+            <svg aria-hidden="true">
+                <use xlinkHref={`#${prefix}${type}`} />
+            </svg>
+        </i>
+    );
 };
-
-exports["default"] = _default;

package/lib/Img/Contain.js

@@ -1,82 +1,50 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 _default = function _default(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 = (0, _classnames["default"])('tntd-img', shape, className);
-  return _react["default"].createElement("div", _extends({
-    className: cls,
-    style: styles
-  }, others), _react["default"].createElement("div", {
-    style: centerStyles
-  }, _react["default"].createElement("img", {
-    style: imgStyles,
-    onError: onError,
-    src: src,
-    alt: alt,
-    title: title
-  })));
+import React from 'react';
+import classnames from 'classnames';
+
+export default props => {
+    const { alt, title, src, width, height, style = {}, className, onError, shape, errorImgSrc, type, ...others } = props;
+
+    const styles = {
+        ...style,
+        display: 'inline-block',
+        width,
+        height,
+        overflow: 'hidden',
+    };
+    if (shape === 'rounded') {
+        styles.borderRadius = '5px';
+    } else if (shape === 'circle') {
+        styles.borderRadius = '50%';
+    }
+
+    const centerStyles = {
+        width,
+        height,
+        display: 'table-cell',
+        verticalAlign: 'middle',
+        textAlign: 'center',
+    };
+
+    const imgStyles = {
+        width: 'auto',
+        height: 'auto',
+        maxWidth: width,
+        maxHeight: height,
+    };
+
+    const cls = classnames('tntd-img', shape, className);
+
+    return (
+        <div className={cls} style={styles} {...others}>
+            <div style={centerStyles}>
+                <img
+                    style={imgStyles}
+                    onError={onError}
+                    src={src}
+                    alt={alt}
+                    title={title}
+                />
+            </div>
+        </div>
+    );
 };
-
-exports["default"] = _default;

package/lib/Img/Cover.js

@@ -1,144 +1,96 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
-
-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; }
-
-var _default = function _default(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"]);
+import React from 'react';
+import { useEffect, useState, useRef } from 'react';
+import classnames from 'classnames';
+
+export default props => {
+    const { alt, title, src, width, height, style = {}, className, onError, shape, errorImgSrc, type, ...others } = props;
+    const imgRef = useRef();
+    const [imgStyles, setImgStyles] = useState({
+        display: 'block',
+        maxWidth: 'none',
+        width: 'auto',
+        height: 'auto',
+        // transition: 'opacity 0.2s ease',
+        opacity: 0,
+    });
+
+    const getStyles = (wrapWidth, wrapHeight, imgWidth, imgHeight) => {
+        // 进行等比运算
+        const wrapRatio = wrapWidth / wrapHeight;
+        const imgRatio = imgWidth / imgHeight;
+
+        let finalWidth = 0;
+        let finalHeight = 0;
+        let finalMarginTop = 0;
+        let 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 imgRef = (0, _react.useRef)();
+    const imgOnload = () => {
+        const imgDOM = imgRef.current;
+        const { width, height } = props;
+        const imgWidth = imgDOM.width;
+        const imgHeight = imgDOM.height;
+
+        const imgStyles2 = getStyles(width, height, imgWidth, imgHeight);
+        setImgStyles({
+            ...imgStyles,
+            ...imgStyles2,
+            opacity: 1,
+        });
+    };
 
-  var _useState = (0, _react.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];
+    useEffect(() => {
+        if (width || height) {
+            imgOnload();
+        }
+    }, [width, height]);
 
-  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
+    const styles = {
+        ...style,
+        display: 'inline-block',
+        overflow: 'hidden',
+        width,
+        height,
     };
-  };
-
-  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
-    }));
-  };
-
-  (0, _react.useEffect)(function () {
-    if (width || height) {
-      imgOnload();
+    if (shape === 'rounded') {
+        styles.borderRadius = '5px';
+    } else if (shape === 'circle') {
+        styles.borderRadius = '50%';
     }
-  }, [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 = (0, _classnames["default"])('tntd-img', shape, className);
-  return _react["default"].createElement("div", _extends({
-    className: cls,
-    style: styles
-  }, others), _react["default"].createElement("img", {
-    style: imgStyles,
-    onError: onError,
-    ref: imgRef,
-    src: src,
-    alt: alt,
-    title: title,
-    onLoad: imgOnload
-  }));
+    const cls = classnames('tntd-img', shape, className);
+
+    return (
+        <div className={cls} style={styles} {...others}>
+            <img
+                style={imgStyles}
+                onError={onError}
+                ref={imgRef}
+                src={src}
+                alt={alt}
+                title={title}
+                onLoad={imgOnload}
+            />
+        </div>
+    );
 };
-
-exports["default"] = _default;