tntd 1.4.4 → 1.4.7

package/lib/Table/ResizableTable/index.js

@@ -1,126 +1,82 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("antd/lib/table/style");
-
-var _table = _interopRequireDefault(require("antd/lib/table"));
-
-var _react = require("react");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _lodash = require("lodash");
-
-var _reactResizable = require("react-resizable");
-
-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 _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 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 ResizableTitle = function ResizableTitle(props) {
-  var onResize = props.onResize,
-      width = props.width,
-      restProps = _objectWithoutProperties(props, ["onResize", "width"]);
-
-  if (!width) {
-    return React.createElement("th", restProps);
-  }
-
-  return React.createElement(_reactResizable.Resizable, {
-    width: width,
-    height: 0,
-    handle: React.createElement("span", {
-      className: "tnt-resizable-table-handle",
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }),
-    onResize: onResize,
-    draggableOpts: {
-      enableUserSelectHack: false
+import { useState, useEffect, forwardRef, useRef } from 'react';
+import cn from 'classnames';
+import { throttle } from 'lodash';
+import { Table } from 'antd';
+import { Resizable } from 'react-resizable';
+import './index.less';
+
+const ResizableTitle = props => {
+    const { onResize, width, ...restProps } = props;
+  
+    if (!width) {
+        return <th {...restProps} />;
     }
-  }, React.createElement("th", restProps));
+  
+    return (
+        <Resizable
+            width={width}
+            height={0}
+            handle={
+                <span
+                    className="tnt-resizable-table-handle"
+                    onClick={e => e.stopPropagation()}
+                />
+            }
+            onResize={onResize}
+            draggableOpts={{ enableUserSelectHack: false }}
+        >
+            <th {...restProps} />
+        </Resizable>
+    );
 };
-
-var _default = (0, _react.forwardRef)(function (props, ref) {
-  var buildColumns = function buildColumns(columns) {
-    return columns.map(function (column, index) {
-      return _objectSpread({}, column, {
-        onHeaderCell: function onHeaderCell(column) {
-          return {
-            width: column.width,
-            onResize: handleResize(index)
-          };
-        }
-      });
-    });
-  };
-
-  var _useState = (0, _react.useState)(buildColumns(props.columns)),
-      _useState2 = _slicedToArray(_useState, 2),
-      columns = _useState2[0],
-      setColumns = _useState2[1];
-
-  var dataRef = (0, _react.useRef)({
-    columns: columns
-  });
-
-  var handleResize = function handleResize(index) {
-    return (0, _lodash.throttle)(function (e, _ref) {
-      var size = _ref.size;
-      var columns = dataRef.current.columns;
-      setColumns(columns.map(function (column, idx) {
-        if (idx === index) {
-          return _objectSpread({}, column, {
-            width: size.width
-          });
-        }
-
-        return column;
-      }));
+  
+export default forwardRef((props, ref) => {
+    const buildColumns = columns => columns.map(
+        (column, index) => ({
+            ...column,
+            onHeaderCell: column => ({
+                width: column.width,
+                onResize: handleResize(index)
+            })
+        })
+    );
+    const [columns, setColumns] = useState(buildColumns(props.columns));
+    const dataRef = useRef({ columns });
+
+    const handleResize = index => throttle((e, { size }) => {
+        const { columns } = dataRef.current;
+
+        setColumns(columns.map((column, idx) => {
+            if (idx === index) {
+                return {
+                    ...column,
+                    width: size.width
+                };
+            }
+
+            return column;
+        }));
     }, 25);
-  };
 
-  (0, _react.useEffect)(function () {
-    setColumns(buildColumns(props.columns));
-  }, [props.columns]);
-  (0, _react.useEffect)(function () {
-    dataRef.current.columns = columns;
-  }, [columns]);
-  return React.createElement(_table["default"], _extends({}, props, {
-    className: (0, _classnames["default"])('tnt-resizable-table', _defineProperty({}, props.className, props.className)),
-    components: {
-      header: {
-        cell: ResizableTitle
-      }
-    },
-    columns: columns,
-    ref: ref
-  }));
+    useEffect(() => {
+        setColumns(buildColumns(props.columns));
+    }, [props.columns]);
+
+    useEffect(() => {
+        dataRef.current.columns = columns;
+    }, [columns]);
+  
+    return (
+        <Table
+            {...props}
+            className={cn('tnt-resizable-table', { [props.className]: props.className})}
+            components={{
+                header: {
+                    cell: ResizableTitle
+                }
+            }}
+            columns={columns}
+            ref={ref}
+        />
+    );
 });
-
-exports["default"] = _default;

package/lib/Table/index.js

@@ -1,56 +1,24 @@
-"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;
-
-require("antd/lib/table/style");
-
-var _table = _interopRequireDefault(require("antd/lib/table"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _ResizableTable = _interopRequireDefault(require("./ResizableTable"));
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 _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 React, { forwardRef } from 'react';
+import cn from 'classnames';
+import { Table } from 'antd';
+import ResizableTable from './ResizableTable';
 
 // const ResizableTable = React.lazy(() => import('./ResizableTable'));
-var _default = (0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$resizable = _ref.resizable,
-      resizable = _ref$resizable === void 0 ? false : _ref$resizable,
-      props = _objectWithoutProperties(_ref, ["resizable"]);
-
-  if (resizable) {
-    return (// <React.Suspense>
-      _react["default"].createElement(_ResizableTable["default"], _extends({}, props, {
-        ref: ref
-      })) // </React.Suspense>
 
+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}
+        />
     );
-  }
-
-  return _react["default"].createElement(_table["default"], _extends({
-    className: (0, _classnames["default"])('tnt-table', _defineProperty({}, props.className, props.className))
-  }, props, {
-    ref: ref
-  }));
 });
-
-exports["default"] = _default;

package/lib/Title/index.js

@@ -1,53 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./index.less");
-
-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 _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 _ref = props || {},
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '暂无标题' : _ref$title,
-      subTitle = _ref.subTitle,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      extra = _ref.extra,
-      number = _ref.number,
-      simple = _ref.simple,
-      style = _ref.style,
-      rest = _objectWithoutProperties(_ref, ["title", "subTitle", "size", "extra", "number", "simple", "style"]);
-
-  return React.createElement("div", {
-    className: (0, _classnames["default"])('tnt-title', size, {
-      'has-number': number
-    }, {
-      'is-simple': simple
-    }),
-    style: _objectSpread({}, style)
-  }, React.createElement("div", {
-    className: "tnt-title-text"
-  }, number && React.createElement("i", {
-    "class": "count"
-  }, number <= 9 ? "0".concat(number) : number), React.createElement("h3", null, title), React.createElement("span", null, subTitle)), extra && React.createElement("div", {
-    className: "tnt-title-extra"
-  }, extra));
+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>
+    );
 };
-
-exports["default"] = _default;

package/lib/index.js

@@ -1,159 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Layout", {
-  enumerable: true,
-  get: function get() {
-    return _Layout["default"];
-  }
-});
-Object.defineProperty(exports, "AuthContext", {
-  enumerable: true,
-  get: function get() {
-    return _AuthContext["default"];
-  }
-});
-Object.defineProperty(exports, "QueryForm", {
-  enumerable: true,
-  get: function get() {
-    return _QueryForm["default"];
-  }
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function get() {
-    return _Table["default"];
-  }
-});
-Object.defineProperty(exports, "ResizableTable", {
-  enumerable: true,
-  get: function get() {
-    return _ResizableTable["default"];
-  }
-});
-Object.defineProperty(exports, "QueryListScene", {
-  enumerable: true,
-  get: function get() {
-    return _QueryListScene["default"];
-  }
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function get() {
-    return _Icon["default"];
-  }
-});
-Object.defineProperty(exports, "iconList", {
-  enumerable: true,
-  get: function get() {
-    return _iconList["default"];
-  }
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function get() {
-    return _Modal["default"];
-  }
-});
-Object.defineProperty(exports, "Columns", {
-  enumerable: true,
-  get: function get() {
-    return _Columns["default"];
-  }
-});
-Object.defineProperty(exports, "DevelopmentLogin", {
-  enumerable: true,
-  get: function get() {
-    return _DevelopmentLogin["default"];
-  }
-});
-Object.defineProperty(exports, "LoadingButton", {
-  enumerable: true,
-  get: function get() {
-    return _LoadingButton["default"];
-  }
-});
-Object.defineProperty(exports, "Handle", {
-  enumerable: true,
-  get: function get() {
-    return _Handle["default"];
-  }
-});
-Object.defineProperty(exports, "Page", {
-  enumerable: true,
-  get: function get() {
-    return _Page["default"];
-  }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function get() {
-    return _Select["default"];
-  }
-});
-Object.defineProperty(exports, "Img", {
-  enumerable: true,
-  get: function get() {
-    return _Img["default"];
-  }
-});
-Object.defineProperty(exports, "Title", {
-  enumerable: true,
-  get: function get() {
-    return _Title["default"];
-  }
-});
-Object.defineProperty(exports, "Ellipsis", {
-  enumerable: true,
-  get: function get() {
-    return _Ellipsis["default"];
-  }
-});
-Object.defineProperty(exports, "ArrayInput", {
-  enumerable: true,
-  get: function get() {
-    return _ArrayInput["default"];
-  }
-});
-
-var _Layout = _interopRequireDefault(require("./Layout"));
-
-var _AuthContext = _interopRequireDefault(require("./AuthContext"));
-
-var _QueryForm = _interopRequireDefault(require("./QueryForm"));
-
-var _Table = _interopRequireDefault(require("./Table"));
-
-var _ResizableTable = _interopRequireDefault(require("./Table/ResizableTable"));
-
-var _QueryListScene = _interopRequireDefault(require("./QueryListScene"));
-
-var _Icon = _interopRequireDefault(require("./Icon"));
-
-var _iconList = _interopRequireDefault(require("./Icon/iconList"));
-
-var _Modal = _interopRequireDefault(require("./Modal"));
-
-var _Columns = _interopRequireDefault(require("./Columns"));
-
-var _DevelopmentLogin = _interopRequireDefault(require("./DevelopmentLogin"));
-
-var _LoadingButton = _interopRequireDefault(require("./LoadingButton"));
-
-var _Handle = _interopRequireDefault(require("./Handle"));
-
-var _Page = _interopRequireDefault(require("./Page"));
-
-var _Select = _interopRequireDefault(require("./Select"));
-
-var _Img = _interopRequireDefault(require("./Img"));
-
-var _Title = _interopRequireDefault(require("./Title"));
-
-var _Ellipsis = _interopRequireDefault(require("./Ellipsis"));
-
-var _ArrayInput = _interopRequireDefault(require("./ArrayInput"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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';