@douyinfe/semi-foundation 2.1.1 → 2.1.5

package/lib/es/rating/rating.css

@@ -45,6 +45,9 @@
   height: 24px;
   font-size: 24px;
 }
+.semi-rating-star-wrapper {
+  position: relative;
+}
 .semi-rating-star-first, .semi-rating-star-second {
   color: var(--semi-color-fill-0);
   user-select: none;

package/lib/es/rating/rating.scss

@@ -56,6 +56,10 @@ $module: #{$prefix}-rating;
             font-size: $font-rating_item_default-fontSize;
         }
 
+        &-wrapper {
+            position: relative;
+        }
+
         &-first,
         &-second {
             color: $color-rating-bg-default;

package/lib/es/scrollList/itemFoundation.js

@@ -1,10 +1,12 @@
+import _findIndex from "lodash/findIndex";
+import _find from "lodash/find";
+import _slice from "lodash/slice";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import BaseFoundation from '../base/foundation';
 import isElement from '../utils/isElement';
-import { slice, find, findIndex } from 'lodash-es';
 import { append, prepend } from '../utils/dom';
 export default class ItemFoundation extends BaseFoundation {
   constructor() {
@@ -40,9 +42,12 @@ export default class ItemFoundation extends BaseFoundation {
     } = this.getProps();
 
     if (isElement(node) && isElement(listWrapper)) {
-      const indexInList = findIndex(listWrapper.children, ele => ele === node);
+      const indexInList = _findIndex(listWrapper.children, ele => ele === node);
+
       const indexInData = indexInList % data.length;
-      const cachedIndexInList = findIndex(listWrapper.children, ele => ele === this._cachedSelectedNode);
+
+      const cachedIndexInList = _findIndex(listWrapper.children, ele => ele === this._cachedSelectedNode);
+
       const cachedIndexData = cachedIndexInList % data.length;
       const item = data[indexInData];
 
@@ -158,7 +163,9 @@ export default class ItemFoundation extends BaseFoundation {
 
     if (isElement(wrapper) && isElement(listWrapper) && list && list.length) {
       const allNodes = listWrapper.children;
-      const baseNodes = slice(allNodes, 0, list.length);
+
+      const baseNodes = _slice(allNodes, 0, list.length);
+
       const prependCount = this.shouldPrepend(listWrapper, wrapper);
       const appendCount = this.shouldAppend(listWrapper, wrapper); // this._adapter.setPrependCount(prependCount);
       // this._adapter.setAppendCount(appendCount);
@@ -193,7 +200,8 @@ export default class ItemFoundation extends BaseFoundation {
       if (prependCount) {
         // move last nodes to first position
         for (let i = 0; i < prependCount; i++) {
-          const nodes = slice(allNodes, total - list.length * (i + 1), total - list.length * i);
+          const nodes = _slice(allNodes, total - list.length * (i + 1), total - list.length * i);
+
           prepend(listWrapper, ...nodes);
         }
       } // while (this.shouldAppend(listWrapper, wrapper, nearestNode)) {
@@ -201,7 +209,8 @@ export default class ItemFoundation extends BaseFoundation {
 
       if (appendCount) {
         for (let i = 0; i < appendCount; i++) {
-          const nodes = slice(allNodes, i * list.length, (i + 1) * list.length);
+          const nodes = _slice(allNodes, i * list.length, (i + 1) * list.length);
+
           append(listWrapper, ...nodes);
         }
       }
@@ -264,7 +273,8 @@ export default class ItemFoundation extends BaseFoundation {
       let targetIndex = -1;
       let indexInList = -1;
       let infoInList = null;
-      const targetNode = find(itemNodes, (node, index) => {
+
+      const targetNode = _find(itemNodes, (node, index) => {
         if (node === currentTarget || node.contains(currentTarget)) {
           targetIndex = index;
 

package/lib/es/select/foundation.js

@@ -1,3 +1,7 @@
+import _omit from "lodash/omit";
+import _isEqual from "lodash/isEqual";
+import _isString from "lodash/isString";
+import _isNumber from "lodash/isNumber";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -29,7 +33,6 @@ var __rest = this && this.__rest || function (s, e) {
 
 import BaseFoundation from '../base/foundation';
 import KeyCode from '../utils/keyCode';
-import { isNumber, isString, isEqual, omit } from 'lodash-es';
 import warning from '../utils/warning';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 export default class SelectFoundation extends BaseFoundation {
@@ -94,9 +97,9 @@ export default class SelectFoundation extends BaseFoundation {
     if (dropdownMatchSelectWidth) {
       var _context;
 
-      if (style && isNumber(style.width)) {
+      if (style && _isNumber(style.width)) {
         width = style.width;
-      } else if (style && isString(style.width) && !_includesInstanceProperty(_context = style.width).call(_context, '%')) {
+      } else if (style && _isString(style.width) && !_includesInstanceProperty(_context = style.width).call(_context, '%')) {
         width = style.width;
       } else {
         width = this._adapter.getTriggerWidth();
@@ -519,7 +522,7 @@ export default class SelectFoundation extends BaseFoundation {
       this._adapter.notifyMaxLimit(_Object$assign({
         value,
         label
-      }, omit(rest, '_scrollIndex')));
+      }, _omit(rest, '_scrollIndex')));
 
       return;
     } else {
@@ -703,7 +706,7 @@ export default class SelectFoundation extends BaseFoundation {
 
         const matchOption = _includesInstanceProperty(label).call(label, input);
 
-        const matchGroup = isString(groupLabel) && _includesInstanceProperty(_context5 = groupLabel.toLowerCase()).call(_context5, input);
+        const matchGroup = _isString(groupLabel) && _includesInstanceProperty(_context5 = groupLabel.toLowerCase()).call(_context5, input);
 
         if (matchOption || matchGroup) {
           option._show = true;
@@ -1050,7 +1053,7 @@ export default class SelectFoundation extends BaseFoundation {
       const oldSelectionProps = [..._valuesInstanceProperty(oldSelections).call(oldSelections)];
       const optionLabel = selectionProps[0] ? selectionProps[0].label : selectionProps[0];
       const oldOptionLabel = oldSelectionProps[0] ? oldSelectionProps[0].label : oldSelectionProps[0];
-      diff = !isEqual(optionLabel, oldOptionLabel);
+      diff = !_isEqual(optionLabel, oldOptionLabel);
     } else {// When multiple selection, there is no scene where the value is different between the two operations
     }
 

package/lib/es/sideSheet/sideSheet.css

@@ -93,7 +93,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--semi-overlay-bg);
+  background-color: var(--semi-color-overlay-bg);
 }
 .semi-sidesheet-mask-hidden {
   display: none;

package/lib/es/sideSheet/sideSheetFoundation.js

@@ -1,7 +1,8 @@
+import _noop from "lodash/noop";
+import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import BaseFoundation from '../base/foundation';
-import { get, noop } from 'lodash-es';
 import KeyCode from '../utils/keyCode';
 export default class SideSheetFoundation extends BaseFoundation {
   constructor(adapter) {
@@ -13,7 +14,7 @@ export default class SideSheetFoundation extends BaseFoundation {
     this.mergeMotionProp = (motion, prop, cb) => {
       const mergedMotion = typeof motion === 'undefined' || motion ? _Object$assign(_Object$assign({}, motion), {
         [prop]: function () {
-          const curr = get(motion, prop);
+          const curr = _get(motion, prop);
 
           if (typeof curr === 'function') {
             curr(...arguments);
@@ -32,7 +33,7 @@ export default class SideSheetFoundation extends BaseFoundation {
         keepDOM
       } = this.getProps();
       let mergedMotion = this.mergeMotionProp(motion, 'didEnter', function () {
-        const didEnter = get(motion, 'didEnter');
+        const didEnter = _get(motion, 'didEnter');
 
         if (typeof didEnter === 'function') {
           didEnter(...arguments);
@@ -41,7 +42,7 @@ export default class SideSheetFoundation extends BaseFoundation {
         _this._adapter.notifyVisibleChange(visible);
       });
       mergedMotion = this.mergeMotionProp(mergedMotion, 'didLeave', function () {
-        const didLeave = get(motion, 'didLeave');
+        const didLeave = _get(motion, 'didLeave');
 
         if (typeof didLeave === 'function') {
           didLeave(...arguments);
@@ -62,9 +63,9 @@ export default class SideSheetFoundation extends BaseFoundation {
 
   get defaultAdapter() {
     return {
-      handleCancel: noop,
-      beforeShow: noop,
-      afterHide: noop
+      handleCancel: _noop,
+      beforeShow: _noop,
+      afterHide: _noop
     };
   }
 

package/lib/es/sideSheet/variables.scss

@@ -1,5 +1,5 @@
 // Color
-$color-sideSheet_mask-bg: var(--semi-overlay-bg); // 侧边栏打开后蒙层颜色
+$color-sideSheet_mask-bg: var(--semi-color-overlay-bg); // 侧边栏打开后蒙层颜色
 $color-sideSheet-bg: var(--semi-color-bg-2); // 侧边栏背景颜色
 $color-sideSheet_main-text: var(--semi-color-text-0); // 侧边栏默认文本颜色
 

package/lib/es/table/bodyFoundation.js

@@ -1,10 +1,14 @@
+import _isObject from "lodash/isObject";
+import _findLastIndex from "lodash/findLastIndex";
+import _isMap from "lodash/isMap";
+import _includes from "lodash/includes";
+import _get from "lodash/get";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import BaseFoundation from '../base/foundation';
-import { get, includes, isMap, findLastIndex, isObject } from 'lodash-es';
 import { strings } from './constants';
 import { getRecordKey, genExpandedRowKey, getRecordChildren, expandBtnShouldInRow } from './utils';
 export default class TableBodyFoundation extends BaseFoundation {
@@ -28,10 +32,10 @@ export default class TableBodyFoundation extends BaseFoundation {
 
     this._adapter.setCachedExpandBtnShouldInRow(cachedExpandBtnShouldInRow);
 
-    if (!isObject(newExpandRelatedProps) && !newExpandRelatedProps) {
+    if (!_isObject(newExpandRelatedProps) && !newExpandRelatedProps) {
       const expandRelatedProps = strings.EXPAND_RELATED_PROPS; // eslint-disable-next-line no-param-reassign
 
-      newExpandRelatedProps = _mapInstanceProperty(expandRelatedProps).call(expandRelatedProps, key => get(props, key, undefined));
+      newExpandRelatedProps = _mapInstanceProperty(expandRelatedProps).call(expandRelatedProps, key => _get(props, key, undefined));
     }
 
     this._adapter.setCachedExpandRelatedProps(newExpandRelatedProps);
@@ -51,13 +55,15 @@ export default class TableBodyFoundation extends BaseFoundation {
       groups
     } = this.getProps();
 
-    if (level === 0 && isMap(groups)) {
+    if (level === 0 && _isMap(groups)) {
       _forEachInstanceProperty(groups).call(groups, (set, key) => {
         const firstIndex = _findIndexInstanceProperty(dataSource).call(dataSource, record => set.has(getRecordKey(record, rowKey)));
 
         if (firstIndex > -1) {
-          const lastIndex = findLastIndex(dataSource, record => set.has(getRecordKey(record, rowKey)));
-          const expanded = includes(expandedRowKeys, key);
+          const lastIndex = _findLastIndex(dataSource, record => set.has(getRecordKey(record, rowKey)));
+
+          const expanded = _includes(expandedRowKeys, key);
+
           flattenData.push({
             key,
             level,
@@ -91,7 +97,7 @@ export default class TableBodyFoundation extends BaseFoundation {
         flattenData.push(item);
         const extras = [];
 
-        if (includes(expandedRowKeys, recordKey)) {
+        if (_includes(expandedRowKeys, recordKey)) {
           if (_Array$isArray(children) && children.length) {
             extras.push(...this.flattenData(children, level + 1, [...item.parentKeys], [...item.childrenKeys]));
           } else if (expandedRowRender) {
@@ -121,7 +127,7 @@ export default class TableBodyFoundation extends BaseFoundation {
       scroll
     } = this.getProps(); // TODO check: this._adapter.getProps -> this.getProps
 
-    if (get(scroll, 'y')) {
+    if (_get(scroll, 'y')) {
       return this._adapter.observeBodyResize(bodyDOM);
     }
   }