@douyinfe/semi-foundation 2.9.1 → 2.10.0-alpha.0

package/checkbox/checkboxFoundation.ts

@@ -21,6 +21,8 @@ export interface CheckboxAdapter<P = Record<string, any>, S = Record<string, any
     setNativeControlChecked: (checked: boolean) => void;
     getState: noopFunction;
     notifyChange: (event: BasicCheckboxEvent) => void;
+    setAddonId: () => void;
+    setExtraId: () => void;
 }
 
 class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CheckboxAdapter<P, S>, P, S> {
@@ -29,8 +31,15 @@ class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> exten
         super({ ...adapter });
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    init() {}
+    init() {
+        const { children, extra, extraId, addonId } = this.getProps();
+        if (children && !addonId) {
+            this._adapter.setAddonId();
+        }
+        if (extra && !extraId) {
+            this._adapter.setExtraId();
+        }
+    }
 
     getEvent(checked: boolean, e: any) {
         const props = this.getProps();

package/lib/cjs/checkbox/checkboxFoundation.d.ts

@@ -19,6 +19,8 @@ export interface CheckboxAdapter<P = Record<string, any>, S = Record<string, any
     setNativeControlChecked: (checked: boolean) => void;
     getState: noopFunction;
     notifyChange: (event: BasicCheckboxEvent) => void;
+    setAddonId: () => void;
+    setExtraId: () => void;
 }
 declare class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CheckboxAdapter<P, S>, P, S> {
     constructor(adapter: CheckboxAdapter<P, S>);

package/lib/cjs/checkbox/checkboxFoundation.js

@@ -21,10 +21,24 @@ var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
 class CheckboxFoundation extends _foundation.default {
   constructor(adapter) {
     super((0, _assign.default)({}, adapter));
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
+  }
+
+  init() {
+    const {
+      children,
+      extra,
+      extraId,
+      addonId
+    } = this.getProps();
 
+    if (children && !addonId) {
+      this._adapter.setAddonId();
+    }
 
-  init() {}
+    if (extra && !extraId) {
+      this._adapter.setExtraId();
+    }
+  }
 
   getEvent(checked, e) {
     const props = this.getProps();

package/lib/cjs/radio/radioFoundation.d.ts

@@ -1,7 +1,10 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 export interface RadioAdapter extends DefaultAdapter {
     setHover: (hover: boolean) => void;
+    setAddonId: () => void;
+    setExtraId: () => void;
 }
 export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
+    init(): void;
     setHover(hover: boolean): void;
 }

package/lib/cjs/radio/radioFoundation.js

@@ -13,6 +13,23 @@ exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 
 class RadioFoundation extends _foundation.default {
+  init() {
+    const {
+      children,
+      extra,
+      extraId,
+      addonId
+    } = this._adapter.getProps();
+
+    if (children && !addonId) {
+      this._adapter.setAddonId();
+    }
+
+    if (extra && !extraId) {
+      this._adapter.setExtraId();
+    }
+  }
+
   setHover(hover) {
     this._adapter.setHover(hover);
   }

package/lib/cjs/select/select.css

@@ -115,7 +115,6 @@
 }
 .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,10 +54,9 @@ $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,10 +126,6 @@ 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;
@@ -148,7 +144,6 @@ class TimePickerFoundation extends _foundation.default {
     }
 
     this.setState({
-      isAM,
       value,
       inputValue,
       invalid
@@ -186,12 +181,6 @@ 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/foundation.d.ts

@@ -47,6 +47,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     setInitialFocus(): void;
     notifyEscKeydown(event: any): void;
     getTriggerNode(): any;
+    setId(): void;
 }
 export declare type Position = ArrayElement<typeof strings.POSITION_SET>;
 export interface PopupContainerDOMRect extends DOMRectLikeType {

package/lib/cjs/tooltip/foundation.js

@@ -237,6 +237,9 @@ class Tooltip extends _foundation.default {
   }
 
   init() {
+    const {
+      wrapperId
+    } = this.getProps();
     this._mounted = true;
 
     this._bindEvent();
@@ -244,6 +247,10 @@ class Tooltip extends _foundation.default {
     this._shouldShow();
 
     this._initContainerPosition();
+
+    if (!wrapperId) {
+      this._adapter.setId();
+    }
   }
 
   destroy() {

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/checkbox/checkboxFoundation.d.ts

@@ -19,6 +19,8 @@ export interface CheckboxAdapter<P = Record<string, any>, S = Record<string, any
     setNativeControlChecked: (checked: boolean) => void;
     getState: noopFunction;
     notifyChange: (event: BasicCheckboxEvent) => void;
+    setAddonId: () => void;
+    setExtraId: () => void;
 }
 declare class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CheckboxAdapter<P, S>, P, S> {
     constructor(adapter: CheckboxAdapter<P, S>);

package/lib/es/checkbox/checkboxFoundation.js

@@ -6,10 +6,24 @@ import isEnterPress from '../utils/isEnterPress';
 class CheckboxFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
+  }
+
+  init() {
+    const {
+      children,
+      extra,
+      extraId,
+      addonId
+    } = this.getProps();
 
+    if (children && !addonId) {
+      this._adapter.setAddonId();
+    }
 
-  init() {}
+    if (extra && !extraId) {
+      this._adapter.setExtraId();
+    }
+  }
 
   getEvent(checked, e) {
     const props = this.getProps();

package/lib/es/radio/radioFoundation.d.ts

@@ -1,7 +1,10 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 export interface RadioAdapter extends DefaultAdapter {
     setHover: (hover: boolean) => void;
+    setAddonId: () => void;
+    setExtraId: () => void;
 }
 export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
+    init(): void;
     setHover(hover: boolean): void;
 }

package/lib/es/radio/radioFoundation.js

@@ -1,5 +1,22 @@
 import BaseFoundation from '../base/foundation';
 export default class RadioFoundation extends BaseFoundation {
+  init() {
+    const {
+      children,
+      extra,
+      extraId,
+      addonId
+    } = this._adapter.getProps();
+
+    if (children && !addonId) {
+      this._adapter.setAddonId();
+    }
+
+    if (extra && !extraId) {
+      this._adapter.setExtraId();
+    }
+  }
+
   setHover(hover) {
     this._adapter.setHover(hover);
   }

package/lib/es/select/select.css

@@ -115,7 +115,6 @@
 }
 .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,10 +54,9 @@ $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, getHours } from 'date-fns';
+import { isValid, format } 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,12 +102,6 @@ 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 {
@@ -125,7 +119,6 @@ class TimePickerFoundation extends BaseFoundation {
     }
 
     this.setState({
-      isAM,
       value,
       inputValue,
       invalid
@@ -163,12 +156,6 @@ 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/foundation.d.ts

@@ -47,6 +47,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     setInitialFocus(): void;
     notifyEscKeydown(event: any): void;
     getTriggerNode(): any;
+    setId(): void;
 }
 export declare type Position = ArrayElement<typeof strings.POSITION_SET>;
 export interface PopupContainerDOMRect extends DOMRectLikeType {

package/lib/es/tooltip/foundation.js

@@ -215,6 +215,9 @@ export default class Tooltip extends BaseFoundation {
   }
 
   init() {
+    const {
+      wrapperId
+    } = this.getProps();
     this._mounted = true;
 
     this._bindEvent();
@@ -222,6 +225,10 @@ export default class Tooltip extends BaseFoundation {
     this._shouldShow();
 
     this._initContainerPosition();
+
+    if (!wrapperId) {
+      this._adapter.setId();
+    }
   }
 
   destroy() {

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.1",
+    "version": "2.10.0-alpha.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -8,7 +8,7 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation": "2.9.1",
+        "@douyinfe/semi-animation": "2.9.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.9.0",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "9593ab23b59b5a18305627ac402cfd4527072f9c",
+    "gitHead": "5d1bb1d031052d7584ecd5d1bc444cd13f861337",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/radio/radioFoundation.ts

@@ -2,8 +2,19 @@ import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 
 export interface RadioAdapter extends DefaultAdapter {
     setHover: (hover: boolean) => void;
+    setAddonId: () => void;
+    setExtraId: () => void;
 }
 export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
+    init() {
+        const { children, extra, extraId, addonId } = this._adapter.getProps();
+        if (children && !addonId) {
+            this._adapter.setAddonId();
+        }
+        if (extra && !extraId) {
+            this._adapter.setExtraId();
+        }
+    }
     setHover(hover: boolean) {
         this._adapter.setHover(hover);
     }

package/select/select.scss

@@ -54,10 +54,9 @@ $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, getHours } from 'date-fns';
+import { isValid, format } from 'date-fns';
 import { utcToZonedTime, zonedTimeToUtc } from '../utils/date-fns-extra';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 
@@ -125,11 +125,6 @@ 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 {
@@ -147,7 +142,6 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         }
 
         this.setState({
-            isAM,
             value,
             inputValue,
             invalid,
@@ -182,9 +176,6 @@ 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({
@@ -316,7 +307,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/foundation.ts

@@ -68,6 +68,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     setInitialFocus(): void;
     notifyEscKeydown(event: any): void;
     getTriggerNode(): any;
+    setId(): void;
 }
 
 export type Position = ArrayElement<typeof strings.POSITION_SET>;
@@ -87,10 +88,14 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
     }
 
     init() {
+        const { wrapperId } = this.getProps();
         this._mounted = true;
         this._bindEvent();
         this._shouldShow();
         this._initContainerPosition();
+        if (!wrapperId) {
+            this._adapter.setId();
+        }
     }
 
     destroy() {

package/tooltip/tooltip.scss

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