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

package/lib/cjs/tree/treeNode.js

@@ -4,67 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/tree/constants");
-
 var _isEnterPress = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isEnterPress"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _checkbox = require("../checkbox");
-
 var _treeContext = _interopRequireDefault(require("./treeContext"));
-
 var _spin = _interopRequireDefault(require("../spin"));
-
 var _index = require("../_utils/index");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 }; }
-
 var __rest = void 0 && (void 0).__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;
 };
-
 const prefixcls = _constants.cssClasses.PREFIX_OPTION;
-
 class TreeNode extends _react.PureComponent {
   constructor(props) {
     super(props);
-
     this.onSelect = e => {
       const {
         onNodeSelect
       } = this.context;
       onNodeSelect(e, this.props);
     };
-
     this.onExpand = e => {
       const {
         onNodeExpand
@@ -73,12 +48,10 @@ class TreeNode extends _react.PureComponent {
       e.nativeEvent.stopImmediatePropagation();
       onNodeExpand(e, this.props);
     };
-
     this.onCheck = e => {
       if (this.isDisabled()) {
         return;
       }
-
       const {
         onNodeCheck
       } = this.context;
@@ -89,33 +62,26 @@ class TreeNode extends _react.PureComponent {
     /**
      * A11y: simulate checkbox click
      */
-
-
     this.handleCheckEnterPress = e => {
       if ((0, _isEnterPress.default)(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);
       }
@@ -123,14 +89,11 @@ class TreeNode extends _react.PureComponent {
     /**
      * A11y: simulate li click
      */
-
-
     this.handleliEnterPress = e => {
       if ((0, _isEnterPress.default)(e)) {
         this.onClick(e);
       }
     };
-
     this.onDoubleClick = e => {
       const {
         expandAction,
@@ -138,16 +101,13 @@ class TreeNode extends _react.PureComponent {
       } = this.context;
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
-
       if ((0, _isFunction2.default)(onNodeDoubleClick)) {
         onNodeDoubleClick(e, this.props);
       }
-
       if (expandAction === 'doubleClick') {
         this.onExpand(e);
       }
     };
-
     this.onDragStart = e => {
       const {
         onNodeDragStart
@@ -156,15 +116,14 @@ class TreeNode extends _react.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
@@ -175,7 +134,6 @@ class TreeNode extends _react.PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.onDragOver = e => {
       const {
         onNodeDragOver
@@ -186,7 +144,6 @@ class TreeNode extends _react.PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.onDragLeave = e => {
       const {
         onNodeDragLeave
@@ -196,7 +153,6 @@ class TreeNode extends _react.PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.onDragEnd = e => {
       const {
         onNodeDragEnd
@@ -206,7 +162,6 @@ class TreeNode extends _react.PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.onDrop = e => {
       const {
         onNodeDrop
@@ -217,14 +172,12 @@ class TreeNode extends _react.PureComponent {
         nodeInstance: this.refNode
       }));
     };
-
     this.getNodeChildren = () => {
       const {
         children
       } = this.props;
       return children || [];
     };
-
     this.isLeaf = () => {
       const {
         isLeaf,
@@ -234,14 +187,11 @@ class TreeNode extends _react.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
@@ -249,14 +199,11 @@ class TreeNode extends _react.PureComponent {
       const {
         treeDisabled
       } = this.context;
-
       if (disabled === false) {
         return false;
       }
-
       return Boolean(treeDisabled || disabled);
     };
-
     this.renderRealLabel = () => {
       const {
         renderLabel
@@ -268,7 +215,6 @@ class TreeNode extends _react.PureComponent {
         filtered,
         treeNodeFilterProp
       } = this.props;
-
       if ((0, _isFunction2.default)(renderLabel)) {
         return renderLabel(label, data);
       } else if ((0, _isString2.default)(label) && filtered && keyword && treeNodeFilterProp === 'label') {
@@ -284,31 +230,26 @@ class TreeNode extends _react.PureComponent {
         return label;
       }
     };
-
     this.setRef = node => {
       this.refNode = node;
     };
-
     this.state = {};
     this.debounceSelect = (0, _debounce2.default)(this.onSelect, 500, {
       leading: true,
       trailing: false
     });
   }
-
   renderArrow() {
     const showIcon = !this.isLeaf();
     const {
       loading,
       expanded
     } = this.props;
-
     if (loading) {
       return /*#__PURE__*/_react.default.createElement(_spin.default, {
         wrapperClassName: `${prefixcls}-spin-icon`
       });
     }
-
     if (showIcon) {
       return /*#__PURE__*/_react.default.createElement(_semiIcons.IconTreeTriangleDown, {
         role: 'button',
@@ -318,12 +259,10 @@ class TreeNode extends _react.PureComponent {
         onClick: this.onExpand
       });
     }
-
     return /*#__PURE__*/_react.default.createElement("span", {
       className: `${prefixcls}-empty-icon`
     });
   }
-
   renderCheckbox() {
     const {
       checked,
@@ -343,7 +282,6 @@ class TreeNode extends _react.PureComponent {
       disabled: Boolean(disabled)
     }));
   }
-
   renderIcon() {
     const {
       directory,
@@ -356,7 +294,6 @@ class TreeNode extends _react.PureComponent {
     const hasChild = !this.isLeaf();
     const hasIcon = icon || treeIcon;
     let itemIcon;
-
     if (hasIcon || directory) {
       if (hasIcon) {
         itemIcon = icon || treeIcon;
@@ -375,10 +312,8 @@ class TreeNode extends _react.PureComponent {
         }
       }
     }
-
     return itemIcon;
   }
-
   renderEmptyNode() {
     const {
       emptyContent
@@ -392,33 +327,30 @@ class TreeNode extends _react.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,
@@ -477,10 +409,8 @@ class TreeNode extends _react.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.default.cloneElement(customLabel, Object.assign({
@@ -498,7 +428,6 @@ class TreeNode extends _react.PureComponent {
         }
       }
     }
-
     const labelCls = (0, _classnames.default)(`${prefixcls}-label`, {
       [`${prefixcls}-drag-over-gap-top`]: !disabled && dragOverGapTop,
       [`${prefixcls}-drag-over-gap-bottom`]: !disabled && dragOverGapBottom
@@ -528,9 +457,7 @@ class TreeNode extends _react.PureComponent {
       className: `${prefixcls}-label-text`
     }, this.renderRealLabel())));
   }
-
 }
-
 exports.default = TreeNode;
 TreeNode.contextType = _treeContext.default;
 TreeNode.propTypes = {

package/lib/cjs/tree/treeUtil.js

@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cloneDeep = cloneDeep;
-
 var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));
-
 var _cloneDeepWith2 = _interopRequireDefault(require("lodash/cloneDeepWith"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function cloneDeep(treeNodeList) {
   return (0, _cloneDeepWith2.default)(treeNodeList, val => {
     // only clone treeNode inner data and skip user data
     if ((0, _isPlainObject2.default)(val) && !val._innerDataTag) {
       return val;
     }
-
     if ( /*#__PURE__*/_react.default.isValidElement(val)) {
       return val;
     }

package/lib/cjs/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;