@douyinfe/semi-foundation 2.19.0-alpha.8 → 2.19.0

package/lib/cjs/tree/foundation.js

@@ -1,39 +1,10 @@
 "use strict";
 
-var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
-var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-
-var _every = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/every"));
-
-var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
@@ -48,9 +19,11 @@ var _foundation = _interopRequireDefault(require("../base/foundation"));
 
 var _treeUtil = require("./treeUtil");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class TreeFoundation extends _foundation.default {
   constructor(adapter) {
-    super((0, _assign.default)({}, adapter));
+    super(Object.assign({}, adapter));
 
     this.clearDragState = () => {
       this._adapter.updateState({
@@ -97,10 +70,8 @@ class TreeFoundation extends _foundation.default {
   }
 
   getCopyFromState(items) {
-    var _context;
-
     const res = {};
-    (0, _forEach.default)(_context = (0, _treeUtil.normalizedArr)(items)).call(_context, key => {
+    (0, _treeUtil.normalizedArr)(items).forEach(key => {
       res[key] = (0, _cloneDeep2.default)(this.getState(key));
     });
     return res;
@@ -108,18 +79,18 @@ class TreeFoundation extends _foundation.default {
 
   getTreeNodeProps(key) {
     const {
-      expandedKeys = new _set.default([]),
+      expandedKeys = new Set([]),
       selectedKeys = [],
-      checkedKeys = new _set.default([]),
-      halfCheckedKeys = new _set.default([]),
-      realCheckedKeys = new _set.default([]),
+      checkedKeys = new Set([]),
+      halfCheckedKeys = new Set([]),
+      realCheckedKeys = new Set([]),
       keyEntities = {},
-      filteredKeys = new _set.default([]),
+      filteredKeys = new Set([]),
       inputValue = '',
-      loadedKeys = new _set.default([]),
-      loadingKeys = new _set.default([]),
-      filteredExpandedKeys = new _set.default([]),
-      disabledKeys = new _set.default([])
+      loadedKeys = new Set([]),
+      loadingKeys = new Set([]),
+      filteredExpandedKeys = new Set([]),
+      disabledKeys = new Set([])
     } = this.getStates();
     const {
       treeNodeFilterProp,
@@ -148,7 +119,7 @@ class TreeFoundation extends _foundation.default {
     const treeNodeProps = {
       eventKey: key,
       expanded: isSearching ? filteredExpandedKeys.has(key) : expandedKeys.has(key),
-      selected: (0, _includes.default)(selectedKeys).call(selectedKeys, key),
+      selected: selectedKeys.includes(key),
       checked: realChecked,
       halfChecked: realHalfChecked,
       pos: String(entity ? entity.pos : ''),
@@ -168,10 +139,8 @@ class TreeFoundation extends _foundation.default {
   }
 
   notifyJsonChange(key, e) {
-    var _context2;
-
     const data = this.getProp('treeDataSimpleJson');
-    const selectedPath = (0, _map.default)(_context2 = (0, _treeUtil.normalizedArr)(key)).call(_context2, i => i.replace('-', '.'));
+    const selectedPath = (0, _treeUtil.normalizedArr)(key).map(i => i.replace('-', '.'));
     const value = (0, _pick2.default)(data, selectedPath);
 
     this._adapter.notifyChange(value);
@@ -195,9 +164,9 @@ class TreeFoundation extends _foundation.default {
     }
 
     if (this.getProp('onChangeWithObject')) {
-      value = (0, _map.default)(keyList).call(keyList, itemKey => keyEntities[itemKey].data);
+      value = keyList.map(itemKey => keyEntities[itemKey].data);
     } else {
-      value = (0, _treeUtil.getValueOrKey)((0, _map.default)(keyList).call(keyList, itemKey => keyEntities[itemKey].data));
+      value = (0, _treeUtil.getValueOrKey)(keyList.map(itemKey => keyEntities[itemKey].data));
     }
 
     this._adapter.notifyChange(value);
@@ -248,20 +217,18 @@ class TreeFoundation extends _foundation.default {
     let filteredOptsKeys = [];
     let expandedOptsKeys = [];
     let flattenNodes = [];
-    let filteredShownKeys = new _set.default([]);
+    let filteredShownKeys = new Set([]);
 
     if (!sugInput) {
       expandedOptsKeys = (0, _treeUtil.findAncestorKeys)(selectedKeys, keyEntities);
-      (0, _forEach.default)(expandedOptsKeys).call(expandedOptsKeys, item => expandedKeys.add(item));
+      expandedOptsKeys.forEach(item => expandedKeys.add(item));
       flattenNodes = (0, _treeUtil.flattenTreeData)(treeData, expandedKeys);
     } else {
-      var _context3, _context4;
-
-      filteredOptsKeys = (0, _map.default)(_context3 = (0, _filter.default)(_context4 = (0, _values.default)(keyEntities)).call(_context4, item => (0, _filterInstanceProperty2(_treeUtil))(sugInput, item.data, filterTreeNode, treeNodeFilterProp))).call(_context3, item => item.key);
+      filteredOptsKeys = Object.values(keyEntities).filter(item => (0, _treeUtil.filter)(sugInput, item.data, filterTreeNode, treeNodeFilterProp)).map(item => item.key);
       expandedOptsKeys = (0, _treeUtil.findAncestorKeys)(filteredOptsKeys, keyEntities, false);
       const shownChildKeys = (0, _treeUtil.findDescendantKeys)(filteredOptsKeys, keyEntities, true);
-      filteredShownKeys = new _set.default([...shownChildKeys, ...expandedOptsKeys]);
-      flattenNodes = (0, _treeUtil.flattenTreeData)(treeData, new _set.default(expandedOptsKeys), showFilteredOnly && filteredShownKeys);
+      filteredShownKeys = new Set([...shownChildKeys, ...expandedOptsKeys]);
+      flattenNodes = (0, _treeUtil.flattenTreeData)(treeData, new Set(expandedOptsKeys), showFilteredOnly && filteredShownKeys);
     }
 
     this._adapter.notifySearch(sugInput);
@@ -269,9 +236,9 @@ class TreeFoundation extends _foundation.default {
     this._adapter.updateState({
       expandedKeys,
       flattenNodes,
-      motionKeys: new _set.default([]),
-      filteredKeys: new _set.default(filteredOptsKeys),
-      filteredExpandedKeys: new _set.default(expandedOptsKeys),
+      motionKeys: new Set([]),
+      filteredKeys: new Set(filteredOptsKeys),
+      filteredExpandedKeys: new Set(expandedOptsKeys),
       filteredShownKeys
     });
   }
@@ -315,7 +282,7 @@ class TreeFoundation extends _foundation.default {
       return;
     }
 
-    if (!(0, _includes.default)(selectedKeys).call(selectedKeys, eventKey)) {
+    if (!selectedKeys.includes(eventKey)) {
       selectedKeys = [eventKey];
       this.notifyChange(eventKey, e);
 
@@ -355,15 +322,15 @@ class TreeFoundation extends _foundation.default {
       disabledKeys
     } = this.getStates();
     const descendantKeys = (0, _treeUtil.normalizeKeyList)((0, _treeUtil.findDescendantKeys)([eventKey], keyEntities, false), keyEntities, true);
-    const hasDisabled = (0, _some.default)(descendantKeys).call(descendantKeys, key => disabledKeys.has(key)); // If the descendant nodes are not disabled, they will be directly changed to checked
+    const hasDisabled = descendantKeys.some(key => disabledKeys.has(key)); // If the descendant nodes are not disabled, they will be directly changed to checked
 
     if (!hasDisabled) {
       return targetStatus;
     } // If all descendant nodes that are not disabled are selected, return unchecked, otherwise, return checked
 
 
-    const nonDisabledKeys = (0, _filter.default)(descendantKeys).call(descendantKeys, key => !disabledKeys.has(key));
-    const allChecked = (0, _every.default)(nonDisabledKeys).call(nonDisabledKeys, key => checkedKeys.has(key));
+    const nonDisabledKeys = descendantKeys.filter(key => !disabledKeys.has(key));
+    const allChecked = nonDisabledKeys.every(key => checkedKeys.has(key));
     return !allChecked;
   }
   /*
@@ -380,13 +347,13 @@ class TreeFoundation extends _foundation.default {
       checkedKeys
     } = this.getCopyFromState(['checkedKeys']);
     const descendantKeys = (0, _treeUtil.normalizeKeyList)((0, _treeUtil.findDescendantKeys)([eventKey], keyEntities, false), keyEntities, true);
-    const hasDisabled = (0, _some.default)(descendantKeys).call(descendantKeys, key => disabledKeys.has(key)); // If none of the descendant nodes are disabled, follow the normal logic
+    const hasDisabled = descendantKeys.some(key => disabledKeys.has(key)); // If none of the descendant nodes are disabled, follow the normal logic
 
     if (!hasDisabled) {
       return this.calcCheckedKeys(eventKey, targetStatus);
     }
 
-    const nonDisabled = (0, _filter.default)(descendantKeys).call(descendantKeys, key => !disabledKeys.has(key));
+    const nonDisabled = descendantKeys.filter(key => !disabledKeys.has(key));
     const newCheckedKeys = targetStatus ? [...nonDisabled, ...checkedKeys] : (0, _difference2.default)((0, _treeUtil.normalizeKeyList)([...checkedKeys], keyEntities, true), nonDisabled);
     return (0, _treeUtil.calcCheckedKeys)(newCheckedKeys, keyEntities);
   }
@@ -429,7 +396,7 @@ class TreeFoundation extends _foundation.default {
         });
       }
     } else if (checkRelation === 'unRelated') {
-      const newRealCheckedKeys = new _set.default(realCheckedKeys);
+      const newRealCheckedKeys = new Set(realCheckedKeys);
       let targetStatus;
 
       if (realCheckedKeys.has(eventKey)) {
@@ -487,7 +454,7 @@ class TreeFoundation extends _foundation.default {
       const newState = {
         [expandedStateKey]: expandedKeys,
         flattenNodes,
-        motionKeys: new _set.default(motionKeys),
+        motionKeys: new Set(motionKeys),
         motionType
       };
 
@@ -543,7 +510,7 @@ class TreeFoundation extends _foundation.default {
         loadingKeys: prevLoadingKeys
       } = this.getCopyFromState(['loadedKeys', 'loadingKeys']);
       const newLoadedKeys = prevLoadedKeys.add(key);
-      const newLoadingKeys = new _set.default([...prevLoadingKeys]);
+      const newLoadingKeys = new Set([...prevLoadingKeys]);
       newLoadingKeys.delete(key); // onLoad should be triggered before internal setState to avoid `loadData` being triggered twice
 
       onLoad && onLoad(newLoadedKeys, data);
@@ -567,13 +534,13 @@ class TreeFoundation extends _foundation.default {
 
 
   getDragEventNodeData(node) {
-    return (0, _assign.default)((0, _assign.default)({}, node.data), (0, _pick2.default)(node, ['expanded', 'pos', 'children']));
+    return Object.assign(Object.assign({}, node.data), (0, _pick2.default)(node, ['expanded', 'pos', 'children']));
   }
 
   triggerDragEvent(name, event, node) {
     let extra = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     const callEvent = this.getProp(name);
-    callEvent && callEvent((0, _assign.default)({
+    callEvent && callEvent(Object.assign({
       event,
       node: this.getDragEventNodeData(node)
     }, extra));
@@ -611,7 +578,7 @@ class TreeFoundation extends _foundation.default {
 
     this._adapter.updateState({
       dragging: true,
-      dragNodesKeys: new _set.default((0, _treeUtil.getDragNodesKeys)(eventKey, keyEntities))
+      dragNodesKeys: new Set((0, _treeUtil.getDragNodesKeys)(eventKey, keyEntities))
     });
 
     this.triggerDragEvent('onDragStart', e, treeNode);
@@ -647,9 +614,7 @@ class TreeFoundation extends _foundation.default {
     } // Trigger dragenter after clearing the prev state in dragleave
 
 
-    (0, _setTimeout2.default)(() => {
-      var _context5;
-
+    setTimeout(() => {
       this._adapter.updateState({
         dragOverNodeKey: eventKey,
         dropPosition
@@ -666,10 +631,10 @@ class TreeFoundation extends _foundation.default {
         this.delayedDragEnterLogic = {};
       }
 
-      (0, _forEach.default)(_context5 = (0, _keys.default)(this.delayedDragEnterLogic)).call(_context5, key => {
+      Object.keys(this.delayedDragEnterLogic).forEach(key => {
         clearTimeout(this.delayedDragEnterLogic[key]);
       });
-      this.delayedDragEnterLogic[pos] = (0, _setTimeout2.default)(() => {
+      this.delayedDragEnterLogic[pos] = window.setTimeout(() => {
         if (!dragging) {
           return;
         }

package/lib/cjs/tree/tree.css

@@ -244,6 +244,9 @@
   user-select: none;
   cursor: not-allowed;
 }
+.semi-tree-option-list .semi-checkboxGroup-vertical {
+  row-gap: 0;
+}
 
 .semi-tree-option-list-block .semi-tree-option:hover {
   background-color: var(--semi-color-fill-0);

package/lib/cjs/tree/tree.scss

@@ -254,6 +254,10 @@ $module: #{$prefix}-tree;
         user-select: none;
         cursor: not-allowed;
     }
+
+    .#{$prefix}-checkboxGroup-vertical {
+        row-gap: 0;
+    }
 }
 
 .#{$module}-option-list-block {

package/lib/cjs/tree/treeUtil.d.ts

@@ -74,6 +74,6 @@ export declare function getValueOrKey(data: any): any;
 export declare function normalizeValue(value: any, withObject: boolean): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;