@douyinfe/semi-foundation 2.9.0 → 2.9.1

package/lib/cjs/select/select.css

@@ -115,6 +115,7 @@
 }
 .semi-select-open:hover, .semi-select-focus:hover {
   background-color: var(--semi-color-fill-0);
+  border: 1px solid var(--semi-color-focus-border);
 }
 .semi-select-warning {
   background-color: var(--semi-color-warning-light-default);

package/lib/cjs/select/select.scss

@@ -54,9 +54,10 @@ $multiple: #{$module}-multiple;
 
         &:hover {
             background-color: $color-select-bg-default;
+            border: $border-thickness-control-focus solid $color-select_default-border-focus;
         }
     }
-    
+
     &-warning {
         background-color: $color-select_warning-bg-default;
         border-color: $color-select_warning-border-default;

package/lib/cjs/timePicker/foundation.js

@@ -126,6 +126,10 @@ class TimePickerFoundation extends _foundation.default {
         parsedValues.push(this.isValidTimeZone() ? (0, _dateFnsExtra.utcToZonedTime)(pv, timeZone) : pv);
       }
     });
+    const isAM = [true, false];
+    (0, _map.default)(parsedValues).call(parsedValues, (item, idx) => {
+      isAM[idx] = (0, _dateFns.getHours)(item) < 12;
+    });
 
     if (parsedValues.length === value.length) {
       value = parsedValues;
@@ -144,6 +148,7 @@ class TimePickerFoundation extends _foundation.default {
     }
 
     this.setState({
+      isAM,
       value,
       inputValue,
       invalid
@@ -181,6 +186,12 @@ class TimePickerFoundation extends _foundation.default {
       isAM[index] = panelIsAM;
       const inputValue = this.formatValue(value);
 
+      if (this.getState('isAM')[index] !== result.isAM) {
+        this.setState({
+          isAM
+        });
+      }
+
       if (!this._isControlledComponent('value')) {
         const invalid = this.validateDates(value);
         this.setState({

package/lib/cjs/tooltip/tooltip.scss

@@ -88,4 +88,4 @@ $module-icon: #{$module}-icon-arrow;
 }
 
 @import './arrow.scss';
-@import './rtl.scss';
+@import './rtl.scss';

package/lib/es/select/select.css

@@ -115,6 +115,7 @@
 }
 .semi-select-open:hover, .semi-select-focus:hover {
   background-color: var(--semi-color-fill-0);
+  border: 1px solid var(--semi-color-focus-border);
 }
 .semi-select-warning {
   background-color: var(--semi-color-warning-light-default);

package/lib/es/select/select.scss

@@ -54,9 +54,10 @@ $multiple: #{$module}-multiple;
 
         &:hover {
             background-color: $color-select-bg-default;
+            border: $border-thickness-control-focus solid $color-select_default-border-focus;
         }
     }
-    
+
     &-warning {
         background-color: $color-select_warning-bg-default;
         border-color: $color-select_warning-border-default;

package/lib/es/timePicker/foundation.js

@@ -10,7 +10,7 @@ import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instanc
 import { strings } from './constants';
 import BaseFoundation from '../base/foundation';
 import { formatToString, parseToDate, hourIsDisabled, minuteIsDisabled, secondIsDisabled, transformToArray, isTimeFormatLike } from './utils';
-import { isValid, format } from 'date-fns';
+import { isValid, format, getHours } from 'date-fns';
 import { utcToZonedTime, zonedTimeToUtc } from '../utils/date-fns-extra';
 import isNullOrUndefined from '../utils/isNullOrUndefined'; // TODO: split, timePicker different components cannot share a foundation
 
@@ -102,6 +102,12 @@ class TimePickerFoundation extends BaseFoundation {
       }
     });
 
+    const isAM = [true, false];
+
+    _mapInstanceProperty(parsedValues).call(parsedValues, (item, idx) => {
+      isAM[idx] = getHours(item) < 12;
+    });
+
     if (parsedValues.length === value.length) {
       value = parsedValues;
     } else {
@@ -119,6 +125,7 @@ class TimePickerFoundation extends BaseFoundation {
     }
 
     this.setState({
+      isAM,
       value,
       inputValue,
       invalid
@@ -156,6 +163,12 @@ class TimePickerFoundation extends BaseFoundation {
       isAM[index] = panelIsAM;
       const inputValue = this.formatValue(value);
 
+      if (this.getState('isAM')[index] !== result.isAM) {
+        this.setState({
+          isAM
+        });
+      }
+
       if (!this._isControlledComponent('value')) {
         const invalid = this.validateDates(value);
         this.setState({

package/lib/es/tooltip/tooltip.scss

@@ -88,4 +88,4 @@ $module-icon: #{$module}-icon-arrow;
 }
 
 @import './arrow.scss';
-@import './rtl.scss';
+@import './rtl.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.9.0",
+    "version": "2.9.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -8,7 +8,7 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation": "2.9.0",
+        "@douyinfe/semi-animation": "2.9.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.9.0",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "22b74e58077b068daa6b35bc8b32f47a064734a3",
+    "gitHead": "9593ab23b59b5a18305627ac402cfd4527072f9c",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/select/select.scss

@@ -54,9 +54,10 @@ $multiple: #{$module}-multiple;
 
         &:hover {
             background-color: $color-select-bg-default;
+            border: $border-thickness-control-focus solid $color-select_default-border-focus;
         }
     }
-    
+
     &-warning {
         background-color: $color-select_warning-bg-default;
         border-color: $color-select_warning-border-default;

package/timePicker/foundation.ts

@@ -11,7 +11,7 @@ import {
     isTimeFormatLike
 } from './utils';
 import { split } from 'lodash';
-import { isValid, format } from 'date-fns';
+import { isValid, format, getHours } from 'date-fns';
 import { utcToZonedTime, zonedTimeToUtc } from '../utils/date-fns-extra';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 
@@ -125,6 +125,11 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
             }
         });
 
+        const isAM = [true, false];
+        parsedValues.map((item, idx)=>{
+            isAM[idx]= getHours(item) < 12;
+        });
+
         if (parsedValues.length === value.length) {
             value = parsedValues;
         } else {
@@ -142,6 +147,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         }
 
         this.setState({
+            isAM,
             value,
             inputValue,
             invalid,
@@ -176,6 +182,9 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
             isAM[index] = panelIsAM;
             const inputValue = this.formatValue(value);
 
+            if (this.getState('isAM')[index] !== result.isAM){
+                this.setState({ isAM } as any);
+            }
             if (!this._isControlledComponent('value')) {
                 const invalid = this.validateDates(value);
                 this.setState({
@@ -307,7 +316,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
 
     validateStr(inputValue = '') {
         const dates = this.parseInput(inputValue);
-
+    
         return this.validateDates(dates);
     }
 

package/tooltip/tooltip.scss

@@ -88,4 +88,4 @@ $module-icon: #{$module}-icon-arrow;
 }
 
 @import './arrow.scss';
-@import './rtl.scss';
+@import './rtl.scss';