@douyinfe/semi-ui 2.40.0-alpha.0 → 2.40.0-beta.0

package/lib/es/table/TableHeader.js

@@ -1,6 +1,5 @@
 import _isFunction from "lodash/isFunction";
 import _noop from "lodash/noop";
-/* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
@@ -9,7 +8,6 @@ import { shouldShowEllipsisTitle } from '@douyinfe/semi-foundation/lib/es/table/
 import TableHeaderRow from './TableHeaderRow';
 function parseHeaderRows(columns) {
   const rows = [];
-  // eslint-disable-next-line @typescript-eslint/no-shadow
   function fillRowCells(columns, colIndex) {
     let parents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     let rowIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
@@ -77,7 +75,6 @@ function parseHeaderRows(columns) {
   for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
     rows[rowIndex].forEach(cell => {
       if (!('rowSpan' in cell) && !cell.hasSubColumns) {
-        // eslint-disable-next-line no-param-reassign
         cell.rowSpan = rowCount - rowIndex;
       }
     });

package/lib/es/table/TableHeaderRow.js

@@ -12,7 +12,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable eqeqeq */
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/table/TablePagination.js

@@ -1,6 +1,5 @@
 import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
-/* eslint-disable max-len */
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';

package/lib/es/table/table-context.js

@@ -1,5 +1,4 @@
 import _noop from "lodash/noop";
-/* eslint-disable max-len */
 import React from 'react';
 const TableContext = /*#__PURE__*/React.createContext({
   headWidths: [],

package/lib/es/tabs/TabBar.js

@@ -26,7 +26,6 @@ class TabBar extends React.Component {
       this.props.onTabClick(itemKey, e);
       if (this.props.collapsible) {
         const key = this._getItemKey(itemKey);
-        // eslint-disable-next-line max-len
         const tabItem = document.querySelector(`[data-uuid="${this.state.uuid}"] .${cssClasses.TABS_TAB}[data-scrollkey="${key}"]`);
         tabItem.scrollIntoView({
           behavior: 'smooth',
@@ -65,7 +64,6 @@ class TabBar extends React.Component {
         return;
       }
       const key = this._getItemKey(lastItem.itemKey);
-      // eslint-disable-next-line max-len
       const tabItem = document.querySelector(`[data-uuid="${this.state.uuid}"] .${cssClasses.TABS_TAB}[data-scrollkey="${key}"]`);
       tabItem.scrollIntoView({
         behavior: 'smooth',

package/lib/es/tag/index.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { Component } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -144,7 +143,7 @@ export default class Tag extends Component {
     const wrapProps = clickable ? Object.assign(Object.assign({}, baseProps), a11yProps) : baseProps;
     const closeIcon = closable ?
     /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
     React.createElement("div", {
       className: `${prefixCls}-close`,
       onClick: e => this.close(e, children, tagKey)

package/lib/es/tagInput/index.js

@@ -326,7 +326,6 @@ class TagInput extends BaseComponent {
     const prefixWrapperCls = cls(`${prefixCls}-prefix`, {
       [`${prefixCls}-inset-label`]: insetLabel,
       [`${prefixCls}-prefix-text`]: labelNode && _isString(labelNode),
-      // eslint-disable-next-line max-len
       [`${prefixCls}-prefix-icon`]: isSemiIcon(labelNode)
     });
     return (
@@ -350,7 +349,6 @@ class TagInput extends BaseComponent {
     }
     const suffixWrapperCls = cls(`${prefixCls}-suffix`, {
       [`${prefixCls}-suffix-text`]: suffix && _isString(suffix),
-      // eslint-disable-next-line max-len
       [`${prefixCls}-suffix-icon`]: isSemiIcon(suffix)
     });
     return (

package/lib/es/timePicker/Combobox.js

@@ -1,6 +1,4 @@
 import _noop from "lodash/noop";
-/* eslint-disable max-len */
-/* eslint-disable react/no-did-update-set-state */
 import React from 'react';
 import PropTypes from 'prop-types';
 import { format as dateFnsFormat } from 'date-fns';
@@ -33,7 +31,6 @@ class Combobox extends BaseComponent {
         value,
         disabled
       } = _ref;
-      // eslint-disable-next-line prefer-const
       let {
         onChange,
         use12Hours,

package/lib/es/timePicker/TimeInput.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable no-unused-vars */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/lib/es/timePicker/TimePicker.js

@@ -8,7 +8,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable no-unused-vars */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/lib/es/toast/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-param-reassign */
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';

package/lib/es/toast/toast.js

@@ -1,5 +1,4 @@
 import _noop from "lodash/noop";
-/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/toast/useToast/index.js

@@ -35,7 +35,6 @@ export default function useToast() {
     const mergeConfig = Object.assign(Object.assign({}, config), {
       id
     });
-    // eslint-disable-next-line prefer-const
     let closeFunc;
     const toast = /*#__PURE__*/React.createElement(HookToast, Object.assign({}, mergeConfig, {
       key: id,

package/lib/es/tooltip/index.js

@@ -14,7 +14,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable prefer-destructuring, max-lines-per-function, react/no-find-dom-node, max-len, @typescript-eslint/no-empty-function */
 import React, { isValidElement, cloneElement } from 'react';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
@@ -292,12 +291,10 @@ export default class Tooltip extends BaseComponent {
   get adapter() {
     var _this = this;
     return Object.assign(Object.assign({}, super.adapter), {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       on: function () {
         return _this.eventManager.on(...arguments);
       },
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       off: function () {
         return _this.eventManager.off(...arguments);
@@ -345,7 +342,6 @@ export default class Tooltip extends BaseComponent {
         });
       },
       getTriggerBounding: () => {
-        // eslint-disable-next-line
         // It may be a React component or an html element
         // There is no guarantee that triggerE l.current can get the real dom, so call findDOMNode to ensure that you can get the real dom
         const triggerDOM = this.adapter.getTriggerNode();
@@ -599,7 +595,6 @@ export default class Tooltip extends BaseComponent {
         this.isWrapped = true;
       }
     }
-    // eslint-disable-next-line prefer-const
     let ariaAttribute = {};
     // Take effect when used by Popover component
     if (role === 'dialog') {

package/lib/es/transfer/index.js

@@ -46,7 +46,6 @@ const SortableList = SortableContainer(_ref => {
     index: index,
     item: item
   })))
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore see reasons: https://github.com/clauderic/react-sortable-hoc/issues/206
   ;
 }, {
@@ -69,12 +68,10 @@ class Transfer extends BaseComponent {
       inputValue: ''
     };
     if (Boolean(dataSource) && _isArray(dataSource)) {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore Avoid reporting errors this.state.xxx is read-only
       this.state.data = _generateDataByType(dataSource, type);
     }
     if (Boolean(defaultValue) && _isArray(defaultValue)) {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore Avoid reporting errors this.state.xxx is read-only
       this.state.selectedItems = _generateSelectedItems(defaultValue, this.state.data);
     }

package/lib/es/tree/index.d.ts

@@ -6,7 +6,7 @@ import BaseComponent from '../_base/baseComponent';
 import Input from '../input/index';
 import TreeNode from './treeNode';
 import '@douyinfe/semi-foundation/lib/es/tree/tree.css';
-import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEntity, ScrollData } from './interface';
+import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEntity, OptionProps, ScrollData } from './interface';
 export * from './interface';
 export type { AutoSizerProps } from './autoSizer';
 declare class Tree extends BaseComponent<TreeProps, TreeState> {
@@ -137,6 +137,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     getTreeNodeKey: (treeNode: TreeNodeData) => any;
     renderTreeNode: (treeNode: FlattenNode, ind?: number, style?: React.CSSProperties) => JSX.Element;
     itemKey: (index: number, data: KeyEntity) => any;
+    option: ({ index, style, data }: OptionProps) => JSX.Element;
     renderNodeList(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/tree/index.js

@@ -10,7 +10,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-lines-per-function */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -165,6 +164,14 @@ class Tree extends BaseComponent {
       // Return a value that uniquely identifies this item.
       return item.key;
     };
+    this.option = _ref2 => {
+      let {
+        index,
+        style,
+        data
+      } = _ref2;
+      return this.renderTreeNode(data[index], index, style);
+    };
     this.state = {
       inputValue: '',
       keyEntities: {},
@@ -228,7 +235,6 @@ class Tree extends BaseComponent {
     };
     // Update the data of tree in state
     if (needUpdate('treeData') || props.draggable && needUpdateData()) {
-      // eslint-disable-next-line prefer-destructuring
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = convertDataToEntities(treeData);
@@ -424,11 +430,11 @@ class Tree extends BaseComponent {
       updateState: states => {
         this.setState(Object.assign({}, states));
       },
-      notifyExpand: (expandedKeys, _ref2) => {
+      notifyExpand: (expandedKeys, _ref3) => {
         let {
           expanded: bool,
           node
-        } = _ref2;
+        } = _ref3;
         this.props.onExpand && this.props.onExpand([...expandedKeys], {
           expanded: bool,
           node
@@ -529,14 +535,6 @@ class Tree extends BaseComponent {
         renderTreeNode: this.renderTreeNode
       });
     }
-    const option = _ref3 => {
-      let {
-        index,
-        style,
-        data
-      } = _ref3;
-      return this.renderTreeNode(data[index], index, style);
-    };
     return /*#__PURE__*/React.createElement(AutoSizer, {
       defaultHeight: virtualize.height,
       defaultWidth: virtualize.width
@@ -557,7 +555,7 @@ class Tree extends BaseComponent {
         style: {
           direction
         }
-      }, option);
+      }, this.option);
     });
   }
   render() {

package/lib/es/tree/treeNode.js

@@ -294,7 +294,6 @@ export default class TreeNode extends PureComponent {
             className: `${prefixcls}-item-icon`
           });
         } else {
-          // eslint-disable-next-line max-len
           itemIcon = expanded ? /*#__PURE__*/React.createElement(IconFolderOpen, {
             className: `${prefixcls}-item-icon`
           }) : /*#__PURE__*/React.createElement(IconFolder, {
@@ -319,7 +318,6 @@ export default class TreeNode extends PureComponent {
       "x-semi-prop": "emptyContent"
     }, emptyContent));
   }
-  // eslint-disable-next-line max-lines-per-function
   render() {
     const _a = this.props,
       {
@@ -334,7 +332,6 @@ export default class TreeNode extends PureComponent {
         empty,
         filtered,
         treeNodeFilterProp,
-        // eslint-disable-next-line no-unused-vars
         display,
         style
       } = _a,

package/lib/es/treeSelect/index.js

@@ -176,7 +176,6 @@ class TreeSelect extends BaseComponent {
         renderKeys = [...realCheckedKeys];
       }
       const tagList = [];
-      // eslint-disable-next-line @typescript-eslint/no-shadow
       renderKeys.forEach((key, index) => {
         const item = keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key);
         const onClose = (tagContent, e) => {
@@ -395,7 +394,6 @@ class TreeSelect extends BaseComponent {
       const triggerRenderKeys = multiple ? normalizeKeyList([...checkedKeys], keyEntities, leafOnly, true) : selectedKeys;
       const inner = useCustomTrigger ? /*#__PURE__*/React.createElement(Trigger, {
         inputValue: inputValue,
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         value: triggerRenderKeys.map(key => _get(keyEntities, [key, 'data'])),
         disabled: disabled,
         placeholder: placeholder,
@@ -442,7 +440,6 @@ class TreeSelect extends BaseComponent {
         "aria-required": this.props['aria-required']
       }, mouseEvent, this.getDataAttr(rest)), inner);
     };
-    // eslint-disable-next-line @typescript-eslint/no-shadow
     this.renderTagItem = (key, idx) => {
       const {
         keyEntities,
@@ -666,7 +663,6 @@ class TreeSelect extends BaseComponent {
       const {
         data
       } = treeNode;
-      // eslint-disable-next-line @typescript-eslint/no-shadow
       const {
         key
       } = data;
@@ -690,7 +686,6 @@ class TreeSelect extends BaseComponent {
       const {
         data
       } = treeNode;
-      // eslint-disable-next-line @typescript-eslint/no-shadow
       const {
         key
       } = data;
@@ -878,7 +873,6 @@ class TreeSelect extends BaseComponent {
       this.adapter.rePositionDropdown();
     };
   }
-  // eslint-disable-next-line max-lines-per-function
   static getDerivedStateFromProps(props, prevState) {
     const {
       prevProps,
@@ -1007,7 +1001,6 @@ class TreeSelect extends BaseComponent {
         const clickOutsideHandler = e => {
           const optionInstance = this.optionsRef && this.optionsRef.current;
           const triggerDom = this.triggerRef && this.triggerRef.current;
-          // eslint-disable-next-line
           const optionsDom = ReactDOM.findDOMNode(optionInstance);
           const target = e.target;
           if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {

package/lib/es/trigger/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -14,7 +13,6 @@ import PropTypes from 'prop-types';
  */
 class Trigger extends React.PureComponent {
   render() {
-    // eslint-disable-next-line no-unused-vars
     const _a = this.props,
       {
         triggerRender,

package/lib/es/typography/util.js

@@ -27,9 +27,7 @@ const getRenderText = function (originEle, rows) {
   let fixedContent = arguments.length > 3 ? arguments[3] : undefined;
   let ellipsisStr = arguments.length > 4 ? arguments[4] : undefined;
   let suffix = arguments.length > 5 ? arguments[5] : undefined;
-  let ellipsisPos
-  // eslint-disable-next-line max-params
-  = arguments.length > 6 ? arguments[6] : undefined;
+  let ellipsisPos = arguments.length > 6 ? arguments[6] : undefined;
   if (content.length === 0) {
     return '';
   }

package/lib/es/upload/index.js

@@ -8,7 +8,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -82,10 +81,7 @@ class Upload extends BaseComponent {
      * manual upload by user
      */
     this.upload = () => {
-      const {
-        fileList
-      } = this.state;
-      this.foundation.startUpload(fileList);
+      this.foundation.manualUpload();
     };
     /**
      * ref method

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.40.0-alpha.0",
+    "version": "2.40.0-beta.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.40.0-alpha.0",
-        "@douyinfe/semi-animation-react": "2.40.0-alpha.0",
-        "@douyinfe/semi-foundation": "2.40.0-alpha.0",
-        "@douyinfe/semi-icons": "2.40.0-alpha.0",
-        "@douyinfe/semi-illustrations": "2.40.0-alpha.0",
-        "@douyinfe/semi-theme-default": "2.40.0-alpha.0",
+        "@douyinfe/semi-animation": "2.40.0-beta.0",
+        "@douyinfe/semi-animation-react": "2.40.0-beta.0",
+        "@douyinfe/semi-foundation": "2.40.0-beta.0",
+        "@douyinfe/semi-icons": "2.40.0-beta.0",
+        "@douyinfe/semi-illustrations": "2.40.0-beta.0",
+        "@douyinfe/semi-theme-default": "2.40.0-beta.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "3c30c680ff8335f275dce40e16c8994af178ca78",
+    "gitHead": "f42587885c81ecb266aa0d32d2feaa7633e01e67",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",