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

package/datePicker/foundation.ts

@@ -547,7 +547,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
             this._updateValueAndInput(result, input === '', input);
             // Updates the selected value when entering a valid date
             const changedDates = this._getChangedDates(result);
-            if (!this._someDateDisabled(changedDates)) {
+            if (!this._someDateDisabled(changedDates, result)) {
                 if (!isEqual(result, stateValue)) {
                     this._notifyChange(result);
                 }
@@ -572,7 +572,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
 
         if ((result && result.length)) {
             const changedDates = this._getChangedDates(result);
-            if (!this._someDateDisabled(changedDates)) {
+            if (!this._someDateDisabled(changedDates, result)) {
                 if (!isEqual(result, stateValue)) {
                     if (!this._isControlledComponent() && !this._adapter.needConfirm()) {
                         this._adapter.updateValue(result);
@@ -592,7 +592,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     _updateCachedSelectedValueFromInput(input: string) {
         const looseResult = this.getLooseDateFromInput(input);
         const changedLooseResult = this._getChangedDates(looseResult);
-        if (!this._someDateDisabled(changedLooseResult)) {
+        if (!this._someDateDisabled(changedLooseResult, looseResult)) {
             this.resetCachedSelectedValue(looseResult);
         }
     }
@@ -684,7 +684,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
         this._updateValueAndInput(parsedResult);
         const { value: stateValue } = this.getStates();
         const changedDates = this._getChangedDates(parsedResult);
-        if (!this._someDateDisabled(changedDates) && !isEqual(parsedResult, stateValue)) {
+        if (!this._someDateDisabled(changedDates, parsedResult) && !isEqual(parsedResult, stateValue)) {
             this._notifyChange(parsedResult);
         }
     }
@@ -984,7 +984,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
 
             const changedDates = this._getChangedDates(_value);
             // You cannot update the value directly when needConfirm, you can only change the value through handleConfirm
-            if (!this._isControlledComponent() && !this._someDateDisabled(changedDates) && !this._adapter.needConfirm()) {
+            if (!this._isControlledComponent() && !this._someDateDisabled(changedDates, _value) && !this._adapter.needConfirm()) {
                 this._adapter.updateValue(_value);
             }
         }
@@ -1013,7 +1013,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
         const changedDates = this._getChangedDates(dates);
 
         let inputValue, insetInputValue;
-        if (!this._someDateDisabled(changedDates)) {
+        if (!this._someDateDisabled(changedDates, dates)) {
             this.resetCachedSelectedValue(dates);
             inputValue = this._isMultiple() ? this.formatMultipleDates(dates) : this.formatDates(dates);
             if (insetInput) {
@@ -1253,22 +1253,22 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
 
     /**
      * Whether a date is disabled
-     * @param {Array} value
+     * @param value The date that needs to be judged whether to disable
+     * @param selectedValue Selected date, when selecting a range, pass this date to the second parameter of `disabledDate`
      */
-    _someDateDisabled(value: Date[]) {
-        const stateValue = this.getState('value');
+    _someDateDisabled(value: Date[], selectedValue: Date[]) {
         const { rangeInputFocus } = this.getStates();
         const disabledOptions = { rangeStart: '', rangeEnd: '', rangeInputFocus };
 
         // DisabledDate needs to pass the second parameter
-        if (this._isRangeType() && Array.isArray(stateValue)) {
-            if (isValid(stateValue[0])) {
-                const rangeStart = format(stateValue[0], 'yyyy-MM-dd');
+        if (this._isRangeType() && Array.isArray(selectedValue)) {
+            if (isValid(selectedValue[0])) {
+                const rangeStart = format(selectedValue[0], 'yyyy-MM-dd');
                 disabledOptions.rangeStart = rangeStart;
             }
 
-            if (isValid(stateValue[1])) {
-                const rangeEnd = format(stateValue[1], 'yyyy-MM-dd');
+            if (isValid(selectedValue[1])) {
+                const rangeEnd = format(selectedValue[1], 'yyyy-MM-dd');
                 disabledOptions.rangeEnd = rangeEnd;
             }
         }

package/lib/cjs/datePicker/foundation.d.ts

@@ -476,9 +476,10 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     _getChangedDates(dates: Date[]): any[];
     /**
      * Whether a date is disabled
-     * @param {Array} value
+     * @param value The date that needs to be judged whether to disable
+     * @param selectedValue Selected date, when selecting a range, pass this date to the second parameter of `disabledDate`
      */
-    _someDateDisabled(value: Date[]): boolean;
+    _someDateDisabled(value: Date[], selectedValue: Date[]): boolean;
     /**
      * Format locale date
      * locale get from LocaleProvider

package/lib/cjs/datePicker/foundation.js

@@ -476,7 +476,7 @@ class DatePickerFoundation extends _foundation.default {
 
       const changedDates = this._getChangedDates(result);
 
-      if (!this._someDateDisabled(changedDates)) {
+      if (!this._someDateDisabled(changedDates, result)) {
         if (!(0, _isEqual2.default)(result, stateValue)) {
           this._notifyChange(result);
         }
@@ -512,7 +512,7 @@ class DatePickerFoundation extends _foundation.default {
     if (result && result.length) {
       const changedDates = this._getChangedDates(result);
 
-      if (!this._someDateDisabled(changedDates)) {
+      if (!this._someDateDisabled(changedDates, result)) {
         if (!(0, _isEqual2.default)(result, stateValue)) {
           if (!this._isControlledComponent() && !this._adapter.needConfirm()) {
             this._adapter.updateValue(result);
@@ -539,7 +539,7 @@ class DatePickerFoundation extends _foundation.default {
 
     const changedLooseResult = this._getChangedDates(looseResult);
 
-    if (!this._someDateDisabled(changedLooseResult)) {
+    if (!this._someDateDisabled(changedLooseResult, looseResult)) {
       this.resetCachedSelectedValue(looseResult);
     }
   }
@@ -644,7 +644,7 @@ class DatePickerFoundation extends _foundation.default {
 
     const changedDates = this._getChangedDates(parsedResult);
 
-    if (!this._someDateDisabled(changedDates) && !(0, _isEqual2.default)(parsedResult, stateValue)) {
+    if (!this._someDateDisabled(changedDates, parsedResult) && !(0, _isEqual2.default)(parsedResult, stateValue)) {
       this._notifyChange(parsedResult);
     }
   }
@@ -998,7 +998,7 @@ class DatePickerFoundation extends _foundation.default {
       const changedDates = this._getChangedDates(_value); // You cannot update the value directly when needConfirm, you can only change the value through handleConfirm
 
 
-      if (!this._isControlledComponent() && !this._someDateDisabled(changedDates) && !this._adapter.needConfirm()) {
+      if (!this._isControlledComponent() && !this._someDateDisabled(changedDates, _value) && !this._adapter.needConfirm()) {
         this._adapter.updateValue(_value);
       }
     }
@@ -1041,7 +1041,7 @@ class DatePickerFoundation extends _foundation.default {
 
     let inputValue, insetInputValue;
 
-    if (!this._someDateDisabled(changedDates)) {
+    if (!this._someDateDisabled(changedDates, dates)) {
       this.resetCachedSelectedValue(dates);
       inputValue = this._isMultiple() ? this.formatMultipleDates(dates) : this.formatDates(dates);
 
@@ -1348,12 +1348,12 @@ class DatePickerFoundation extends _foundation.default {
   }
   /**
    * Whether a date is disabled
-   * @param {Array} value
+   * @param value The date that needs to be judged whether to disable
+   * @param selectedValue Selected date, when selecting a range, pass this date to the second parameter of `disabledDate`
    */
 
 
-  _someDateDisabled(value) {
-    const stateValue = this.getState('value');
+  _someDateDisabled(value, selectedValue) {
     const {
       rangeInputFocus
     } = this.getStates();
@@ -1363,14 +1363,14 @@ class DatePickerFoundation extends _foundation.default {
       rangeInputFocus
     }; // DisabledDate needs to pass the second parameter
 
-    if (this._isRangeType() && Array.isArray(stateValue)) {
-      if ((0, _dateFns.isValid)(stateValue[0])) {
-        const rangeStart = (0, _dateFns.format)(stateValue[0], 'yyyy-MM-dd');
+    if (this._isRangeType() && Array.isArray(selectedValue)) {
+      if ((0, _dateFns.isValid)(selectedValue[0])) {
+        const rangeStart = (0, _dateFns.format)(selectedValue[0], 'yyyy-MM-dd');
         disabledOptions.rangeStart = rangeStart;
       }
 
-      if ((0, _dateFns.isValid)(stateValue[1])) {
-        const rangeEnd = (0, _dateFns.format)(stateValue[1], 'yyyy-MM-dd');
+      if ((0, _dateFns.isValid)(selectedValue[1])) {
+        const rangeEnd = (0, _dateFns.format)(selectedValue[1], 'yyyy-MM-dd');
         disabledOptions.rangeEnd = rangeEnd;
       }
     }

package/lib/cjs/sideSheet/sideSheet.css

@@ -92,6 +92,15 @@
 .semi-sidesheet-size-large {
   width: 920px;
 }
+.semi-sidesheet-size-small.semi-sidesheet {
+  width: 448px;
+}
+.semi-sidesheet-size-medium.semi-sidesheet {
+  width: 684px;
+}
+.semi-sidesheet-size-large.semi-sidesheet {
+  width: 920px;
+}
 .semi-sidesheet-content {
   height: 100%;
   display: flex;

package/lib/cjs/sideSheet/sideSheet.scss

@@ -116,6 +116,18 @@ $module: #{$prefix}-sidesheet;
         width: $width-sideSheet_size-large;
     }
 
+    &-size-small.#{$module} {
+        width: $width-sideSheet_size-small;
+    }
+
+    &-size-medium.#{$module} {
+        width: $width-sideSheet_size-medium;
+    }
+
+    &-size-large.#{$module} {
+        width: $width-sideSheet_size-large;
+    }
+
 
 
     &-content {

package/lib/es/datePicker/foundation.d.ts

@@ -476,9 +476,10 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     _getChangedDates(dates: Date[]): any[];
     /**
      * Whether a date is disabled
-     * @param {Array} value
+     * @param value The date that needs to be judged whether to disable
+     * @param selectedValue Selected date, when selecting a range, pass this date to the second parameter of `disabledDate`
      */
-    _someDateDisabled(value: Date[]): boolean;
+    _someDateDisabled(value: Date[], selectedValue: Date[]): boolean;
     /**
      * Format locale date
      * locale get from LocaleProvider

package/lib/es/datePicker/foundation.js

@@ -451,7 +451,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
       const changedDates = this._getChangedDates(result);
 
-      if (!this._someDateDisabled(changedDates)) {
+      if (!this._someDateDisabled(changedDates, result)) {
         if (!_isEqual(result, stateValue)) {
           this._notifyChange(result);
         }
@@ -487,7 +487,7 @@ export default class DatePickerFoundation extends BaseFoundation {
     if (result && result.length) {
       const changedDates = this._getChangedDates(result);
 
-      if (!this._someDateDisabled(changedDates)) {
+      if (!this._someDateDisabled(changedDates, result)) {
         if (!_isEqual(result, stateValue)) {
           if (!this._isControlledComponent() && !this._adapter.needConfirm()) {
             this._adapter.updateValue(result);
@@ -514,7 +514,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
     const changedLooseResult = this._getChangedDates(looseResult);
 
-    if (!this._someDateDisabled(changedLooseResult)) {
+    if (!this._someDateDisabled(changedLooseResult, looseResult)) {
       this.resetCachedSelectedValue(looseResult);
     }
   }
@@ -619,7 +619,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
     const changedDates = this._getChangedDates(parsedResult);
 
-    if (!this._someDateDisabled(changedDates) && !_isEqual(parsedResult, stateValue)) {
+    if (!this._someDateDisabled(changedDates, parsedResult) && !_isEqual(parsedResult, stateValue)) {
       this._notifyChange(parsedResult);
     }
   }
@@ -973,7 +973,7 @@ export default class DatePickerFoundation extends BaseFoundation {
       const changedDates = this._getChangedDates(_value); // You cannot update the value directly when needConfirm, you can only change the value through handleConfirm
 
 
-      if (!this._isControlledComponent() && !this._someDateDisabled(changedDates) && !this._adapter.needConfirm()) {
+      if (!this._isControlledComponent() && !this._someDateDisabled(changedDates, _value) && !this._adapter.needConfirm()) {
         this._adapter.updateValue(_value);
       }
     }
@@ -1019,7 +1019,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
     let inputValue, insetInputValue;
 
-    if (!this._someDateDisabled(changedDates)) {
+    if (!this._someDateDisabled(changedDates, dates)) {
       this.resetCachedSelectedValue(dates);
       inputValue = this._isMultiple() ? this.formatMultipleDates(dates) : this.formatDates(dates);
 
@@ -1326,12 +1326,12 @@ export default class DatePickerFoundation extends BaseFoundation {
   }
   /**
    * Whether a date is disabled
-   * @param {Array} value
+   * @param value The date that needs to be judged whether to disable
+   * @param selectedValue Selected date, when selecting a range, pass this date to the second parameter of `disabledDate`
    */
 
 
-  _someDateDisabled(value) {
-    const stateValue = this.getState('value');
+  _someDateDisabled(value, selectedValue) {
     const {
       rangeInputFocus
     } = this.getStates();
@@ -1341,14 +1341,14 @@ export default class DatePickerFoundation extends BaseFoundation {
       rangeInputFocus
     }; // DisabledDate needs to pass the second parameter
 
-    if (this._isRangeType() && Array.isArray(stateValue)) {
-      if (isValid(stateValue[0])) {
-        const rangeStart = format(stateValue[0], 'yyyy-MM-dd');
+    if (this._isRangeType() && Array.isArray(selectedValue)) {
+      if (isValid(selectedValue[0])) {
+        const rangeStart = format(selectedValue[0], 'yyyy-MM-dd');
         disabledOptions.rangeStart = rangeStart;
       }
 
-      if (isValid(stateValue[1])) {
-        const rangeEnd = format(stateValue[1], 'yyyy-MM-dd');
+      if (isValid(selectedValue[1])) {
+        const rangeEnd = format(selectedValue[1], 'yyyy-MM-dd');
         disabledOptions.rangeEnd = rangeEnd;
       }
     }

package/lib/es/sideSheet/sideSheet.css

@@ -92,6 +92,15 @@
 .semi-sidesheet-size-large {
   width: 920px;
 }
+.semi-sidesheet-size-small.semi-sidesheet {
+  width: 448px;
+}
+.semi-sidesheet-size-medium.semi-sidesheet {
+  width: 684px;
+}
+.semi-sidesheet-size-large.semi-sidesheet {
+  width: 920px;
+}
 .semi-sidesheet-content {
   height: 100%;
   display: flex;

package/lib/es/sideSheet/sideSheet.scss

@@ -116,6 +116,18 @@ $module: #{$prefix}-sidesheet;
         width: $width-sideSheet_size-large;
     }
 
+    &-size-small.#{$module} {
+        width: $width-sideSheet_size-small;
+    }
+
+    &-size-medium.#{$module} {
+        width: $width-sideSheet_size-medium;
+    }
+
+    &-size-large.#{$module} {
+        width: $width-sideSheet_size-large;
+    }
+
 
 
     &-content {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.33.0-beta.0",
+    "version": "2.33.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "270966db4a563cf7b8670dc7d6b568858c5f9060",
+    "gitHead": "0fdea7209b852a6d18f2139013d2da13dc111244",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/sideSheet/sideSheet.scss

@@ -116,6 +116,18 @@ $module: #{$prefix}-sidesheet;
         width: $width-sideSheet_size-large;
     }
 
+    &-size-small.#{$module} {
+        width: $width-sideSheet_size-small;
+    }
+
+    &-size-medium.#{$module} {
+        width: $width-sideSheet_size-medium;
+    }
+
+    &-size-large.#{$module} {
+        width: $width-sideSheet_size-large;
+    }
+
 
 
     &-content {