@lemon-fe/components 0.1.119 → 0.1.123

package/es/SelectView/index.js

@@ -1,29 +1,16 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
-
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Tabs, Button } from 'antd';
 import { get } from 'lodash';
@@ -32,113 +19,96 @@ import Table from '../Table';
 import { PREFIX_CLS } from '../constants';
 export default function SelectView(props) {
   var value = props.value,
-      onChange = props.onChange,
-      columns = props.columns,
-      _props$selectedColumn = props.selectedColumns,
-      selectedColumns = _props$selectedColumn === void 0 ? columns : _props$selectedColumn,
-      fetch = props.fetch,
-      _props$multiple = props.multiple,
-      multiple = _props$multiple === void 0 ? true : _props$multiple,
-      rowKey = props.rowKey,
-      filter = props.filter,
-      dataSource = props.dataSource,
-      rowSelection = props.rowSelection;
+    onChange = props.onChange,
+    columns = props.columns,
+    _props$selectedColumn = props.selectedColumns,
+    selectedColumns = _props$selectedColumn === void 0 ? columns : _props$selectedColumn,
+    fetch = props.fetch,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? true : _props$multiple,
+    rowKey = props.rowKey,
+    filter = props.filter,
+    dataSource = props.dataSource,
+    rowSelection = props.rowSelection;
   var prefixCls = "".concat(PREFIX_CLS, "-select-view");
-
   var _useState = useState(value || []),
-      _useState2 = _slicedToArray(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
   var _useState3 = useState((filter === null || filter === void 0 ? void 0 : filter.defaultValue) || {}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      params = _useState4[0],
-      setParams = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    params = _useState4[0],
+    setParams = _useState4[1];
   var list = useRef(null);
-
   var _useState5 = useState('list'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      tabFlag = _useState6[0],
-      setTabFlag = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    tabFlag = _useState6[0],
+    setTabFlag = _useState6[1];
   useEffect(function () {
     var _list$current;
-
     (_list$current = list.current) === null || _list$current === void 0 ? void 0 : _list$current.fetch();
   }, [params]);
   useEffect(function () {
     setData(value || []);
   }, [value]);
-
   var getRowKey = function getRowKey(item) {
     if (typeof rowKey === 'function') {
       return rowKey(item);
     }
-
     return get(item, rowKey);
   };
-
   var request = fetch ? function (_ref) {
     var current = _ref.current,
-        pageSize = _ref.pageSize;
+      pageSize = _ref.pageSize;
     return fetch({
       current: current,
       pageSize: pageSize,
       params: params
     });
   } : undefined;
-
   var handleClear = function handleClear() {
     var empty = [];
     setData(empty);
     onChange === null || onChange === void 0 ? void 0 : onChange(empty);
   };
-
   var handleChangeData = function handleChangeData(keys, rows) {
     var keySet = new Set(keys);
     var newRows = [].concat(_toConsumableArray(data), _toConsumableArray(rows)).filter(function (item) {
       var curKey = getRowKey(item);
-
       if (keySet.has(curKey)) {
         keySet.delete(curKey);
         return true;
       }
-
       return false;
     });
     setData(newRows);
     onChange === null || onChange === void 0 ? void 0 : onChange(newRows);
   };
-
   var handleChangeParams = function handleChangeParams(mParams) {
     if (filter === null || filter === void 0 ? void 0 : filter.onChange) {
       filter.onChange(mParams);
     }
-
     setParams(mParams);
   };
-
   var handleValuesChange = function handleValuesChange(changedValues, allValues) {
     var _filter$onValuesChang;
-
     filter === null || filter === void 0 ? void 0 : (_filter$onValuesChang = filter.onValuesChange) === null || _filter$onValuesChang === void 0 ? void 0 : _filter$onValuesChang.call(filter, changedValues, allValues);
   };
-
   var headerNode = null;
   var siderNode = null;
-
   if (filter) {
     if (filter.data) {
       headerNode = /*#__PURE__*/React.createElement(Filter, {
         simple: true,
         data: filter.data,
+        value: params,
         defaultValue: filter.defaultValue,
-        onChange: handleChangeParams,
+        onChange: function onChange(val) {
+          return handleChangeParams(_objectSpread(_objectSpread({}, params), val));
+        },
         onValuesChange: handleValuesChange
       });
     }
-
     if (filter.sider) {
       siderNode = filter.sider({
         value: params,
@@ -148,7 +118,6 @@ export default function SelectView(props) {
       });
     }
   }
-
   var dataKeys = useMemo(function () {
     return data.map(getRowKey);
   }, [data, rowKey]);
@@ -176,17 +145,14 @@ export default function SelectView(props) {
     onRow: function onRow(row) {
       if (rowSelection !== undefined && rowSelection.getCheckboxProps !== undefined) {
         var extra = rowSelection.getCheckboxProps(row);
-
         if (extra.disabled) {
           return {};
         }
       }
-
       return {
         onClick: function onClick() {
           var key = getRowKey(row);
           var keys = new Set(_toConsumableArray(dataKeys));
-
           if (multiple) {
             if (keys.has(key)) {
               keys.delete(key);
@@ -196,7 +162,6 @@ export default function SelectView(props) {
           } else {
             keys = new Set([key]);
           }
-
           handleChangeData(_toConsumableArray(keys.values()), [row]);
         }
       };
@@ -206,7 +171,6 @@ export default function SelectView(props) {
     fetch: request
   }))));
   var content;
-
   if (!multiple) {
     content = selectTable;
   } else {
@@ -250,7 +214,6 @@ export default function SelectView(props) {
       rowKey: rowKey
     }))))));
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls
   }, content);

package/es/SelectView/index.less

@@ -1,29 +1,29 @@
 .@{prefixCls}-select-view {
   height: 100%;
 
-  & > .ant-tabs {
+  & > .@{ant-prefix}-tabs {
     height: 100%;
 
-    & > .ant-tabs-nav {
+    & > .@{ant-prefix}-tabs-nav {
       margin-bottom: 0;
 
-      & > .ant-tabs-nav-wrap {
+      & > .@{ant-prefix}-tabs-nav-wrap {
         padding: 0 16px;
 
-        .ant-tabs-tab {
+        .@{ant-prefix}-tabs-tab {
           padding: 13px 0;
         }
       }
     }
 
-    & > .ant-tabs-content-holder {
+    & > .@{ant-prefix}-tabs-content-holder {
       flex: 1;
       min-height: 0;
 
-      & > .ant-tabs-content {
+      & > .@{ant-prefix}-tabs-content {
         height: 100%;
 
-        & > .ant-tabs-tabpane {
+        & > .@{ant-prefix}-tabs-tabpane {
           height: 100%;
         }
       }

package/es/SiderTree/TreeNodeTitle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { OperationType, TreeData } from './typings';
 interface Props<T> {
     node: TreeData<T>;

package/es/SiderTree/TreeNodeTitle.js

@@ -1,65 +1,49 @@
 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) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
-
 import { Popover } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 export default function TreeNodeTitle(props) {
   var _operation$others;
-
   var item = props.node,
-      operation = props.operation,
-      prefixCls = props.prefixCls;
-
+    operation = props.operation,
+    prefixCls = props.prefixCls;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
   var trigger = useRef(null);
   useEffect(function () {
     var _trigger$current, _title, _title2;
-
     var handler = function handler() {
       setShow(function (prev) {
         return !prev;
       });
     };
-
     var title = (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.parentNode;
     (_title = title) === null || _title === void 0 ? void 0 : _title.addEventListener('mouseenter', handler);
     (_title2 = title) === null || _title2 === void 0 ? void 0 : _title2.addEventListener('mouseleave', handler);
     return function () {
       var _title3, _title4;
-
       (_title3 = title) === null || _title3 === void 0 ? void 0 : _title3.removeEventListener('mouseenter', handler);
       (_title4 = title) === null || _title4 === void 0 ? void 0 : _title4.removeEventListener('mouseleave', handler);
       title = null;
     };
   }, []);
-
   if (!operation) {
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-title-content")
     }, item.title);
   }
-
   var others = (_operation$others = operation.others) === null || _operation$others === void 0 ? void 0 : _operation$others.call(operation, item);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-title-content"),

package/es/SiderTree/index.js

@@ -1,36 +1,20 @@
 var _excluded = ["tabs", "children"],
-    _excluded2 = ["data", "showSearch", "placeholder", "onSelect", "operation", "header", "footer"];
-
+  _excluded2 = ["data", "showSearch", "placeholder", "onSelect", "operation", "header", "footer"];
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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, { useMemo, useState } from 'react';
 import { useDebounce } from '@lemon-fe/hooks';
 import Tree from 'rc-tree';
@@ -40,16 +24,13 @@ import TreeNodeTitle from './TreeNodeTitle';
 import Icons from '../Icons';
 import { mapChildren } from '../utils';
 import empty from './empty.png';
-
 function SiderTreeTabs(props) {
   var tabs = props.tabs,
-      children = props.children,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    children = props.children,
+    restProps = _objectWithoutProperties(props, _excluded);
   var getKey = function getKey(item) {
     return item.key || item.title;
   };
-
   var prefixCls = "".concat(PREFIX_CLS, "-tree");
   return /*#__PURE__*/React.createElement(Tabs, _objectSpread({
     className: "".concat(prefixCls, "-tabs")
@@ -61,34 +42,28 @@ function SiderTreeTabs(props) {
     }, child);
   }));
 }
-
 export default function SiderTree(props) {
   var _props$data = props.data,
-      mData = _props$data === void 0 ? [] : _props$data,
-      showSearch = props.showSearch,
-      placeholder = props.placeholder,
-      _onSelect = props.onSelect,
-      operation = props.operation,
-      header = props.header,
-      footer = props.footer,
-      restProps = _objectWithoutProperties(props, _excluded2);
-
+    mData = _props$data === void 0 ? [] : _props$data,
+    showSearch = props.showSearch,
+    placeholder = props.placeholder,
+    _onSelect = props.onSelect,
+    operation = props.operation,
+    header = props.header,
+    footer = props.footer,
+    restProps = _objectWithoutProperties(props, _excluded2);
   var prefixCls = "".concat(PREFIX_CLS, "-tree");
-
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      keywords = _useState2[0],
-      setKeywords = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    keywords = _useState2[0],
+    setKeywords = _useState2[1];
   var tree = useMemo(function () {
     var list = mData;
-
     if (keywords) {
       list = list.filter(function (item) {
         return item.title.toString().includes(keywords);
       });
     }
-
     var map = new Map(list.map(function (item) {
       return [item.key, {
         key: item.key,
@@ -103,32 +78,26 @@ export default function SiderTree(props) {
       }];
     }));
     var items = [];
-
     _toConsumableArray(map.values()).forEach(function (item) {
       var parent;
-
       if (item.parent !== undefined) {
         parent = map.get(item.parent);
       }
-
       if (!parent) {
         items.push(item);
       } else {
         if (parent.children === undefined) {
           parent.children = [];
         }
-
         parent.children.push(item);
       }
     });
-
     return items;
   }, [mData, keywords]);
   var handleChange = useDebounce(function (value) {
     setKeywords(value);
   }, 300);
   var mHeader = header;
-
   if (!header && showSearch) {
     mHeader = /*#__PURE__*/React.createElement(Input, {
       defaultValue: keywords,
@@ -140,7 +109,6 @@ export default function SiderTree(props) {
       prefix: /*#__PURE__*/React.createElement(Icons.Search, null)
     });
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-wrapper")
   }, !!mHeader && /*#__PURE__*/React.createElement("div", {
@@ -163,12 +131,10 @@ export default function SiderTree(props) {
     },
     switcherIcon: function switcherIcon(_ref) {
       var expanded = _ref.expanded,
-          isLeaf = _ref.isLeaf;
-
+        isLeaf = _ref.isLeaf;
       if (isLeaf) {
         return null;
       }
-
       if (expanded) {
         return /*#__PURE__*/React.createElement("svg", {
           width: "13",
@@ -190,7 +156,6 @@ export default function SiderTree(props) {
           d: "M3 6h7v1H3z"
         })));
       }
-
       return /*#__PURE__*/React.createElement("svg", {
         width: "13",
         height: "13",

package/es/SiderTree/index.less

@@ -11,15 +11,15 @@
   }
 
   &-menu-popover {
-    .ant-popover-arrow {
+    .@{ant-prefix}-popover-arrow {
       display: none;
     }
 
-    .ant-popover-inner {
+    .@{ant-prefix}-popover-inner {
       border-radius: 10px;
     }
 
-    .ant-popover-inner-content {
+    .@{ant-prefix}-popover-inner-content {
       min-width: 140px;
       padding: 8px 0;
 
@@ -46,7 +46,7 @@
   &-tabs {
     .fullTabs();
 
-    & > .ant-tabs-nav {
+    & > .@{ant-prefix}-tabs-nav {
       margin: 0 @space;
     }
   }
@@ -65,7 +65,7 @@
     margin-top: 12px;
   }
 
-  &-header + .ant-tabs {
+  &-header + .@{ant-prefix}-tabs {
     margin-top: 8px;
   }
 

package/es/SymbolIcon/index.js

@@ -1,27 +1,22 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
-
 import React from 'react';
 import classNames from 'classnames';
 import { PREFIX_CLS } from '../constants';
 export default function Icon(props) {
   var name = props.name,
-      size = props.size,
-      color = props.color,
-      styleProp = props.style,
-      className = props.className;
+    size = props.size,
+    color = props.color,
+    styleProp = props.style,
+    className = props.className;
   var style = styleProp;
-
   if (size || color) {
     style = _objectSpread(_objectSpread({}, style), {}, {
       fontSize: size,
       color: color
     });
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     className: classNames("".concat(PREFIX_CLS, "-symbol-icon"), className),
     "aria-hidden": "true",

package/es/TabBar/index.js

@@ -1,37 +1,27 @@
 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) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
-
 import React, { useEffect, useState } from 'react';
 import classNames from 'classnames';
 import { PREFIX_CLS } from '../constants';
 export default function TabBar(props) {
   var tabs = props.tabs,
-      onTabClick = props.onTabClick,
-      activeKey = props.activeKey,
-      style = props.style,
-      className = props.className;
+    onTabClick = props.onTabClick,
+    activeKey = props.activeKey,
+    style = props.style,
+    className = props.className;
   var prefixCls = "".concat(PREFIX_CLS, "-tab-bar");
-
   var getKey = function getKey() {
     return activeKey || (tabs.length > 0 ? tabs[0].key || tabs[0].title : undefined);
   };
-
   var _useState = useState(getKey()),
-      _useState2 = _slicedToArray(_useState, 2),
-      key = _useState2[0],
-      setKey = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    key = _useState2[0],
+    setKey = _useState2[1];
   useEffect(function () {
     setKey(getKey());
   }, [activeKey]);

package/es/Table/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { TableProps } from './typings';
-export default function Table<RecordType extends Record<string, any>>(props: TableProps<RecordType>): JSX.Element;
+export default function Table<RecordType extends Record<string | number, any>>(props: TableProps<RecordType>): JSX.Element;