@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

package/lib/es/tree/treeNode.js

@@ -3,18 +3,14 @@ import _get from "lodash/get";
 import _isString from "lodash/isString";
 import _isFunction from "lodash/isFunction";
 import _debounce from "lodash/debounce";
-
 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];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -29,14 +25,12 @@ const prefixcls = cssClasses.PREFIX_OPTION;
 export default class TreeNode extends PureComponent {
   constructor(props) {
     super(props);
-
     this.onSelect = e => {
       const {
         onNodeSelect
       } = this.context;
       onNodeSelect(e, this.props);
     };
-
     this.onExpand = e => {
       const {
         onNodeExpand
@@ -45,12 +39,10 @@ export default class TreeNode extends PureComponent {
       e.nativeEvent.stopImmediatePropagation();
       onNodeExpand(e, this.props);
     };
-
     this.onCheck = e => {
       if (this.isDisabled()) {
         return;
       }
-
       const {
         onNodeCheck
       } = this.context;
@@ -61,33 +53,26 @@ export default class TreeNode extends PureComponent {
     /**
      * A11y: simulate checkbox click
      */
-
-
     this.handleCheckEnterPress = e => {
       if (isEnterPress(e)) {
         this.onCheck(e);
       }
     };
-
     this.onContextMenu = e => {
       const {
         onNodeRightClick
       } = this.context;
       onNodeRightClick(e, this.props);
     };
-
     this.onClick = e => {
       const {
         expandAction
       } = this.context;
-
       if (expandAction === 'doubleClick') {
         this.debounceSelect(e);
         return;
       }
-
       this.onSelect(e);
-
       if (expandAction === 'click') {
         this.onExpand(e);
       }
@@ -95,14 +80,11 @@ export default class TreeNode extends PureComponent {
     /**
      * A11y: simulate li click
      */
-
-
     this.handleliEnterPress = e => {
       if (isEnterPress(e)) {
         this.onClick(e);
       }
     };
-
     this.onDoubleClick = e => {
       const {
         expandAction,
@@ -110,16 +92,13 @@ export default class TreeNode extends PureComponent {
       } = this.context;
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
-
       if (_isFunction(onNodeDoubleClick)) {
         onNodeDoubleClick(e, this.props);
       }
-
       if (expandAction === 'doubleClick') {
         this.onExpand(e);
       }
     };
-
     this.onDragStart = e => {
       const {
         onNodeDragStart
@@ -128,15 +107,14 @@ export default class TreeNode extends PureComponent {
       onNodeDragStart(e, Object.assign(Object.assign({}, this.props), {
         nodeInstance: this.refNode
       }));
-
       try {
         // ie throw error
         // firefox-need-it
         e.dataTransfer.setData('text/plain', '');
-      } catch (error) {// empty
+      } catch (error) {
+        // empty
       }
     };
-
     this.onDragEnter = e => {
       const {
         onNodeDragEnter
@@ -147,7 +125,6 @@ export default class TreeNode extends PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.onDragOver = e => {
       const {
         onNodeDragOver
@@ -158,7 +135,6 @@ export default class TreeNode extends PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.onDragLeave = e => {
       const {
         onNodeDragLeave
@@ -168,7 +144,6 @@ export default class TreeNode extends PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.onDragEnd = e => {
       const {
         onNodeDragEnd
@@ -178,7 +153,6 @@ export default class TreeNode extends PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.onDrop = e => {
       const {
         onNodeDrop
@@ -189,14 +163,12 @@ export default class TreeNode extends PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.getNodeChildren = () => {
       const {
         children
       } = this.props;
       return children || [];
     };
-
     this.isLeaf = () => {
       const {
         isLeaf,
@@ -206,14 +178,11 @@ export default class TreeNode extends PureComponent {
         loadData
       } = this.context;
       const hasChildren = this.getNodeChildren().length !== 0;
-
       if (isLeaf === false) {
         return false;
       }
-
       return isLeaf || !loadData && !hasChildren || loadData && loaded && !hasChildren;
     };
-
     this.isDisabled = () => {
       const {
         disabled
@@ -221,14 +190,11 @@ export default class TreeNode extends PureComponent {
       const {
         treeDisabled
       } = this.context;
-
       if (disabled === false) {
         return false;
       }
-
       return Boolean(treeDisabled || disabled);
     };
-
     this.renderRealLabel = () => {
       const {
         renderLabel
@@ -240,7 +206,6 @@ export default class TreeNode extends PureComponent {
         filtered,
         treeNodeFilterProp
       } = this.props;
-
       if (_isFunction(renderLabel)) {
         return renderLabel(label, data);
       } else if (_isString(label) && filtered && keyword && treeNodeFilterProp === 'label') {
@@ -256,31 +221,26 @@ export default class TreeNode extends PureComponent {
         return label;
       }
     };
-
     this.setRef = node => {
       this.refNode = node;
     };
-
     this.state = {};
     this.debounceSelect = _debounce(this.onSelect, 500, {
       leading: true,
       trailing: false
     });
   }
-
   renderArrow() {
     const showIcon = !this.isLeaf();
     const {
       loading,
       expanded
     } = this.props;
-
     if (loading) {
       return /*#__PURE__*/React.createElement(Spin, {
         wrapperClassName: `${prefixcls}-spin-icon`
       });
     }
-
     if (showIcon) {
       return /*#__PURE__*/React.createElement(IconTreeTriangleDown, {
         role: 'button',
@@ -290,12 +250,10 @@ export default class TreeNode extends PureComponent {
         onClick: this.onExpand
       });
     }
-
     return /*#__PURE__*/React.createElement("span", {
       className: `${prefixcls}-empty-icon`
     });
   }
-
   renderCheckbox() {
     const {
       checked,
@@ -315,7 +273,6 @@ export default class TreeNode extends PureComponent {
       disabled: Boolean(disabled)
     }));
   }
-
   renderIcon() {
     const {
       directory,
@@ -328,7 +285,6 @@ export default class TreeNode extends PureComponent {
     const hasChild = !this.isLeaf();
     const hasIcon = icon || treeIcon;
     let itemIcon;
-
     if (hasIcon || directory) {
       if (hasIcon) {
         itemIcon = icon || treeIcon;
@@ -347,10 +303,8 @@ export default class TreeNode extends PureComponent {
         }
       }
     }
-
     return itemIcon;
   }
-
   renderEmptyNode() {
     const {
       emptyContent
@@ -364,33 +318,30 @@ export default class TreeNode extends PureComponent {
       className: `${prefixcls}-label ${prefixcls}-label-empty`,
       "x-semi-prop": "emptyContent"
     }, emptyContent));
-  } // eslint-disable-next-line max-lines-per-function
-
-
+  }
+  // eslint-disable-next-line max-lines-per-function
   render() {
     const _a = this.props,
-          {
-      eventKey,
-      expanded,
-      selected,
-      checked,
-      halfChecked,
-      loading,
-      active,
-      level,
-      empty,
-      filtered,
-      treeNodeFilterProp,
-      // eslint-disable-next-line no-unused-vars
-      display,
-      style
-    } = _a,
-          rest = __rest(_a, ["eventKey", "expanded", "selected", "checked", "halfChecked", "loading", "active", "level", "empty", "filtered", "treeNodeFilterProp", "display", "style"]);
-
+      {
+        eventKey,
+        expanded,
+        selected,
+        checked,
+        halfChecked,
+        loading,
+        active,
+        level,
+        empty,
+        filtered,
+        treeNodeFilterProp,
+        // eslint-disable-next-line no-unused-vars
+        display,
+        style
+      } = _a,
+      rest = __rest(_a, ["eventKey", "expanded", "selected", "checked", "halfChecked", "loading", "active", "level", "empty", "filtered", "treeNodeFilterProp", "display", "style"]);
     if (empty) {
       return this.renderEmptyNode();
     }
-
     const {
       multiple,
       draggable,
@@ -449,10 +400,8 @@ export default class TreeNode extends PureComponent {
       onDragEnd: draggable ? this.onDragEnd : undefined,
       draggable: !disabled && draggable || undefined
     };
-
     if (renderFullLabel) {
       const customLabel = renderFullLabel(Object.assign({}, labelProps));
-
       if (draggable) {
         // @ts-ignore skip cloneElement type check
         return /*#__PURE__*/React.cloneElement(customLabel, Object.assign({
@@ -470,14 +419,11 @@ export default class TreeNode extends PureComponent {
         }
       }
     }
-
     const labelCls = cls(`${prefixcls}-label`, {
       [`${prefixcls}-drag-over-gap-top`]: !disabled && dragOverGapTop,
       [`${prefixcls}-drag-over-gap-bottom`]: !disabled && dragOverGapBottom
     });
-
     const setsize = _get(rest, ['data', 'children', 'length']);
-
     const posinset = _isString(rest.pos) ? Number(rest.pos.split('-')[level + 1]) + 1 : 1;
     return /*#__PURE__*/React.createElement("li", Object.assign({
       className: nodeCls,
@@ -502,7 +448,6 @@ export default class TreeNode extends PureComponent {
       className: `${prefixcls}-label-text`
     }, this.renderRealLabel())));
   }
-
 }
 TreeNode.contextType = TreeContext;
 TreeNode.propTypes = {

package/lib/es/tree/treeUtil.js

@@ -7,7 +7,6 @@ export function cloneDeep(treeNodeList) {
     if (_isPlainObject(val) && !val._innerDataTag) {
       return val;
     }
-
     if ( /*#__PURE__*/React.isValidElement(val)) {
       return val;
     }

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

@@ -9,7 +9,7 @@ import Input, { InputProps } from '../input/index';
 import TagInput from '../tagInput';
 import { TreeProps, TreeState, FlattenNode, TreeNodeData, TreeNodeProps } from '../tree/interface';
 import { PopoverProps } from '../popover/index';
-export declare type ExpandAction = false | 'click' | 'doubleClick';
+export type ExpandAction = false | 'click' | 'doubleClick';
 export interface TriggerRenderProps extends Omit<BasicTriggerRenderProps, 'componentProps'> {
     [x: string]: any;
     componentProps: TreeSelectProps;
@@ -20,16 +20,16 @@ export interface OnChange {
     (value: TreeNodeData['value'] | Array<TreeNodeData['value']>, node: TreeNodeData[] | TreeNodeData, e: React.MouseEvent): void;
     (node: TreeNodeData[] | TreeNodeData, e: React.MouseEvent): void;
 }
-export declare type RenderSelectedItemInSingle = (treeNode: TreeNodeData) => React.ReactNode;
-export declare type RenderSelectedItemInMultiple = (treeNode: TreeNodeData, otherProps: {
+export type RenderSelectedItemInSingle = (treeNode: TreeNodeData) => React.ReactNode;
+export type RenderSelectedItemInMultiple = (treeNode: TreeNodeData, otherProps: {
     index: number | string;
     onClose: (tagContent: any, e: React.MouseEvent) => void;
 }) => {
     isRenderInTag: boolean;
     content: React.ReactNode;
 };
-export declare type RenderSelectedItem = RenderSelectedItemInSingle | RenderSelectedItemInMultiple;
-export declare type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand';
+export type RenderSelectedItem = RenderSelectedItemInSingle | RenderSelectedItemInMultiple;
+export type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand';
 /**
 * Type definition description:
 * TreeSelectProps inherits some properties from BasicTreeSelectProps (from foundation) and TreeProps (from semi-ui-react).
@@ -83,7 +83,7 @@ export interface TreeSelectProps extends Omit<BasicTreeSelectProps, OverrideComm
     onFocus?: (e: React.MouseEvent) => void;
     onVisibleChange?: (isVisible: boolean) => void;
 }
-export declare type OverrideCommonState = 'keyEntities' | 'treeData' | 'disabledKeys' | 'flattenNodes';
+export type OverrideCommonState = 'keyEntities' | 'treeData' | 'disabledKeys' | 'flattenNodes';
 export interface TreeSelectState extends Omit<BasicTreeSelectInnerData, OverrideCommonState | 'prevProps'>, Pick<TreeState, OverrideCommonState> {
     inputTriggerFocus: boolean;
     isOpen: boolean;