@douyinfe/semi-foundation 2.84.0-beta.0 → 2.84.0

package/badge/badge.scss

@@ -27,7 +27,7 @@ $module: #{$prefix}-badge;
         z-index: $z-badge;
         text-align: center;
         @include font-size-small;
-        font-weight: $font-size-regular;
+        font-weight: $font-weight-regular;
         color: $color-badge_default-text-default;
     }
 

package/lib/cjs/badge/badge.css

@@ -27,7 +27,7 @@
   font-size: 12px;
   line-height: 16px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-weight: 14px;
+  font-weight: 400;
   color: var(--semi-color-bg-2);
 }
 .semi-badge-rightTop {

package/lib/cjs/badge/badge.scss

@@ -27,7 +27,7 @@ $module: #{$prefix}-badge;
         z-index: $z-badge;
         text-align: center;
         @include font-size-small;
-        font-weight: $font-size-regular;
+        font-weight: $font-weight-regular;
         color: $color-badge_default-text-default;
     }
 

package/lib/cjs/slider/foundation.js

@@ -107,12 +107,11 @@ class SliderFoundation extends _foundation.default {
      */
     this.handleMousePos = (clientX, clientY) => {
       const parentRect = this._adapter.getParentRect();
-      const scrollParent = this._adapter.getScrollParentVal();
       const parentX = parentRect ? parentRect.left : 0;
       const parentY = parentRect ? parentRect.top : 0;
       return {
-        x: clientX - parentX + scrollParent.scrollLeft,
-        y: clientY - parentY + scrollParent.scrollTop
+        x: clientX - parentX,
+        y: clientY - parentY
       };
     };
     /**

package/lib/cjs/tag/tag.css

@@ -119,6 +119,16 @@
   width: 20px;
   height: 20px;
 }
+.semi-tag-solid .semi-tag-close {
+  color: var(--semi-color-white);
+  opacity: 0.8;
+}
+.semi-tag-solid .semi-tag-close:hover {
+  opacity: 1;
+}
+.semi-tag-solid .semi-tag-close:active {
+  opacity: 0.9;
+}
 
 .semi-tag-group {
   display: block;
@@ -430,17 +440,6 @@
   color: var(--semi-color-text-0);
 }
 
-.semi-tag-solid .semi-tag-close {
-  color: var(--semi-color-white);
-  opacity: 0.8;
-}
-.semi-tag-solid .semi-tag-close:hover {
-  opacity: 1;
-}
-.semi-tag-solid .semi-tag-close:active {
-  opacity: 0.9;
-}
-
 .semi-rtl .semi-tag,
 .semi-portal-rtl .semi-tag {
   direction: rtl;

package/lib/cjs/tag/tag.scss

@@ -155,6 +155,21 @@ $types: "ghost", "solid", "light";
             height: $width-tag_avatar_circle_large;
         }
     }
+
+    &-solid {
+        .#{$module}-close {
+            color: $color-tag_close-icon_deep-default;
+            opacity: .8;
+
+            &:hover {
+                opacity: 1.0;
+            }
+
+            &:active {
+                opacity: .9;
+            }
+        }
+    }
 }
 
 .#{$module}-group {
@@ -224,19 +239,4 @@ $types: "ghost", "solid", "light";
     color: $color-tag_avatar-text-default;
 }
 
-.#{$module}-solid {
-    .#{$module}-close {
-        color: $color-tag_close-icon_deep-default;
-        opacity: .8;
-
-        &:hover {
-            opacity: 1.0;
-        }
-
-        &:active {
-            opacity: .9;
-        }
-    }
-}
-
 @import './rtl.scss';

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

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): 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;

package/lib/cjs/utils/number.js

@@ -17,7 +17,7 @@ function plus(num1, num2) {
   const num1Digits = (num1.toString().split('.')[1] || '').length;
   const num2Digits = (num2.toString().split('.')[1] || '').length;
   const baseNum = Math.pow(10, Math.max(num1Digits, num2Digits));
-  return (num1 * baseNum + num2 * baseNum) / baseNum;
+  return Math.round(num1 * baseNum + num2 * baseNum) / baseNum;
 }
 function minus(num1, num2) {
   return plus(num1, -num2);

package/lib/es/badge/badge.css

@@ -27,7 +27,7 @@
   font-size: 12px;
   line-height: 16px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-weight: 14px;
+  font-weight: 400;
   color: var(--semi-color-bg-2);
 }
 .semi-badge-rightTop {

package/lib/es/badge/badge.scss

@@ -27,7 +27,7 @@ $module: #{$prefix}-badge;
         z-index: $z-badge;
         text-align: center;
         @include font-size-small;
-        font-weight: $font-size-regular;
+        font-weight: $font-weight-regular;
         color: $color-badge_default-text-default;
     }
 

package/lib/es/slider/foundation.js

@@ -100,12 +100,11 @@ export default class SliderFoundation extends BaseFoundation {
      */
     this.handleMousePos = (clientX, clientY) => {
       const parentRect = this._adapter.getParentRect();
-      const scrollParent = this._adapter.getScrollParentVal();
       const parentX = parentRect ? parentRect.left : 0;
       const parentY = parentRect ? parentRect.top : 0;
       return {
-        x: clientX - parentX + scrollParent.scrollLeft,
-        y: clientY - parentY + scrollParent.scrollTop
+        x: clientX - parentX,
+        y: clientY - parentY
       };
     };
     /**

package/lib/es/tag/tag.css

@@ -119,6 +119,16 @@
   width: 20px;
   height: 20px;
 }
+.semi-tag-solid .semi-tag-close {
+  color: var(--semi-color-white);
+  opacity: 0.8;
+}
+.semi-tag-solid .semi-tag-close:hover {
+  opacity: 1;
+}
+.semi-tag-solid .semi-tag-close:active {
+  opacity: 0.9;
+}
 
 .semi-tag-group {
   display: block;
@@ -430,17 +440,6 @@
   color: var(--semi-color-text-0);
 }
 
-.semi-tag-solid .semi-tag-close {
-  color: var(--semi-color-white);
-  opacity: 0.8;
-}
-.semi-tag-solid .semi-tag-close:hover {
-  opacity: 1;
-}
-.semi-tag-solid .semi-tag-close:active {
-  opacity: 0.9;
-}
-
 .semi-rtl .semi-tag,
 .semi-portal-rtl .semi-tag {
   direction: rtl;

package/lib/es/tag/tag.scss

@@ -155,6 +155,21 @@ $types: "ghost", "solid", "light";
             height: $width-tag_avatar_circle_large;
         }
     }
+
+    &-solid {
+        .#{$module}-close {
+            color: $color-tag_close-icon_deep-default;
+            opacity: .8;
+
+            &:hover {
+                opacity: 1.0;
+            }
+
+            &:active {
+                opacity: .9;
+            }
+        }
+    }
 }
 
 .#{$module}-group {
@@ -224,19 +239,4 @@ $types: "ghost", "solid", "light";
     color: $color-tag_avatar-text-default;
 }
 
-.#{$module}-solid {
-    .#{$module}-close {
-        color: $color-tag_close-icon_deep-default;
-        opacity: .8;
-
-        &:hover {
-            opacity: 1.0;
-        }
-
-        &:active {
-            opacity: .9;
-        }
-    }
-}
-
 @import './rtl.scss';

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

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): 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;

package/lib/es/utils/number.js

@@ -10,7 +10,7 @@ export function plus(num1, num2) {
   const num1Digits = (num1.toString().split('.')[1] || '').length;
   const num2Digits = (num2.toString().split('.')[1] || '').length;
   const baseNum = Math.pow(10, Math.max(num1Digits, num2Digits));
-  return (num1 * baseNum + num2 * baseNum) / baseNum;
+  return Math.round(num1 * baseNum + num2 * baseNum) / baseNum;
 }
 export function minus(num1, num2) {
   return plus(num1, -num2);

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.84.0-beta.0",
+    "version": "2.84.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.84.0-beta.0",
-        "@douyinfe/semi-json-viewer-core": "2.84.0-beta.0",
+        "@douyinfe/semi-animation": "2.84.0",
+        "@douyinfe/semi-json-viewer-core": "2.84.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "63169b6a72528384edff745523ba997fba344ec3",
+    "gitHead": "4d780233a4efb8368b496e058381f8749b93218c",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/slider/foundation.ts

@@ -229,10 +229,9 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
      */
     handleMousePos = (clientX: number, clientY: number) => {
         const parentRect = this._adapter.getParentRect();
-        const scrollParent = this._adapter.getScrollParentVal();
         const parentX = parentRect ? parentRect.left : 0;
         const parentY = parentRect ? parentRect.top : 0;
-        return { x: clientX - parentX + scrollParent.scrollLeft, y: clientY - parentY + scrollParent.scrollTop };
+        return { x: clientX - parentX, y: clientY - parentY };
     };
 
     /**
@@ -383,7 +382,7 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
      * @memberof SliderFoundation
      */
     outPutValue = (inputValue: SliderProps['value']) => {
-        const checkHowManyDecimals = (num: number)=>{
+        const checkHowManyDecimals = (num: number) => {
             const reg = /^\d+(\.\d+)?$/;
             if (reg.test(String(num))) {
                 return num.toString().split('.')[1]?.length ?? 0;
@@ -391,10 +390,10 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
             return 0;
         };
         const step = this._adapter.getProp('step');
-        const transWay = (()=>{
+        const transWay = (() => {
             const decimals = checkHowManyDecimals(step);
             const multipler = Math.pow(10, decimals);
-            return (value: number)=>{
+            return (value: number) => {
                 return Math.round(value * multipler) / multipler;
             };
         })();

package/tag/tag.scss

@@ -155,6 +155,21 @@ $types: "ghost", "solid", "light";
             height: $width-tag_avatar_circle_large;
         }
     }
+
+    &-solid {
+        .#{$module}-close {
+            color: $color-tag_close-icon_deep-default;
+            opacity: .8;
+
+            &:hover {
+                opacity: 1.0;
+            }
+
+            &:active {
+                opacity: .9;
+            }
+        }
+    }
 }
 
 .#{$module}-group {
@@ -224,19 +239,4 @@ $types: "ghost", "solid", "light";
     color: $color-tag_avatar-text-default;
 }
 
-.#{$module}-solid {
-    .#{$module}-close {
-        color: $color-tag_close-icon_deep-default;
-        opacity: .8;
-
-        &:hover {
-            opacity: 1.0;
-        }
-
-        &:active {
-            opacity: .9;
-        }
-    }
-}
-
 @import './rtl.scss';

package/utils/number.ts

@@ -10,7 +10,7 @@ export function plus(num1: number, num2: number) {
     const num1Digits = (num1.toString().split('.')[1] || '').length;
     const num2Digits = (num2.toString().split('.')[1] || '').length;
     const baseNum = Math.pow(10, Math.max(num1Digits, num2Digits));
-    return (num1 * baseNum + num2 * baseNum) / baseNum;
+    return (Math.round(num1 * baseNum + num2 * baseNum)) / baseNum;
 }
 
 export function minus(num1: number, num2: number) {