@douyinfe/semi-foundation 2.36.0-beta.0 → 2.37.0-beta.0

package/calendar/foundation.ts

@@ -201,7 +201,8 @@ export default class CalendarFoundation<P = Record<string, any>, S = Record<stri
         const { range, weekStartsOn } = this.getProps();
         const len = differenceInCalendarDays(range[1], range[0]);
         data.month = format(value, 'LLL', { locale: dateFnsLocale, weekStartsOn });
-        data.week = calcRangeData(value, range[0], len, 'week', dateFnsLocale, weekStartsOn);
+        const startDate = startOfDay(range[0]);
+        data.week = calcRangeData(value, startDate, len, 'week', dateFnsLocale, weekStartsOn);
         this._adapter.setRangeData(data);
         return data;
     }

package/datePicker/datePicker.scss

@@ -993,13 +993,16 @@ $module-list: #{$prefix}-scrolllist;
             &:hover {
                 .#{$module}-range-input-clearbtn {
                     display: flex;
-                    color: $color-datepicker_range_input_clearbtn-icon-hover;
                     cursor: pointer;
                 }
 
                 .#{$module}-range-input-clearbtn ~ .#{$module}-range-input-suffix {
                     display: none;
                 }
+
+                .#{$module}-range-input-clearbtn:hover {
+                    color: $color-datepicker_range_input_clearbtn-icon-hover;
+                }
             }
 
             &-disabled {

package/datePicker/foundation.ts

@@ -617,9 +617,11 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
         const inputValue = '';
         if (!this._isControlledComponent('value')) {
             this._updateValueAndInput(value, true, inputValue);
+            this._adapter.updateInsetInputValue(null);
             this.resetCachedSelectedValue(value);
         }
         this._notifyChange(value);
+        this._adapter.setRangeInputFocus(false);
         this._adapter.notifyClear(e);
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function

package/datePicker/inputFoundation.ts

@@ -261,6 +261,7 @@ export default class InputFoundation extends BaseFoundation<DateInputAdapter> {
             case 'dateTime':
             case 'dateTimeRange':
                 [datePlaceholder, timePlaceholder] = insetInputFormat.split(' ');
+                break;
             case 'monthRange':
                 datePlaceholder = insetInputFormat + rangeSeparator + insetInputFormat;
                 break;

package/dropdown/foundation.ts

@@ -13,7 +13,7 @@ export default class DropdownFoundation extends BaseFoundation<DropdownAdapter>
         this._adapter.notifyVisibleChange(visible);
 
         const { trigger } = this.getProps();
-        if (visible && trigger === "click"){
+        if (visible && trigger === "click") {
             const popupId = this._adapter.getPopupId();
             this.setFocusToFirstMenuItem(popupId);
         }
@@ -37,6 +37,7 @@ export default class DropdownFoundation extends BaseFoundation<DropdownAdapter>
 
     handleKeyDown(event: any): void {
         const id = event.target?.attributes['data-popupid']?.value;
+        const { visible } = this._adapter.getStates();
         switch (event.key) {
             case ' ':
             case 'Enter':
@@ -46,11 +47,11 @@ export default class DropdownFoundation extends BaseFoundation<DropdownAdapter>
                 break;
             case 'ArrowDown':
                 this.setFocusToFirstMenuItem(id);
-                handlePrevent(event);
+                visible && handlePrevent(event);
                 break;
             case 'ArrowUp':
                 this.setFocusToLastMenuItem(id);
-                handlePrevent(event);
+                visible && handlePrevent(event);
                 break;
             default:
                 break;

package/input/foundation.ts

@@ -270,8 +270,8 @@ class InputFoundation extends BaseFoundation<InputAdapter> {
 
     isAllowClear() {
         const { value, isFocus, isHovering } = this._adapter.getStates();
-        const { showClear, disabled } = this._adapter.getProps();
-        const allowClear = value && showClear && !disabled && (isFocus || isHovering);
+        const { showClear, disabled, showClearIgnoreDisabled } = this._adapter.getProps();
+        const allowClear = value && showClear && (!disabled || showClearIgnoreDisabled) && (isFocus || isHovering);
         return allowClear;
     }
 

package/lib/cjs/anchor/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-anchor`
 };

package/lib/cjs/anchor/foundation.js

@@ -4,85 +4,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
-
 var _constants = require("./constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class AnchorFoundation extends _foundation.default {
   constructor(adapter) {
     var _this;
-
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     super(Object.assign(Object.assign({}, AnchorFoundation.defaultAdapter), adapter));
     _this = this;
-
+    this.init = () => {};
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    this.init = () => {}; // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
     this.destroy = () => {};
-
     this.addLink = link => {
       this._adapter.addLink(link);
     };
-
     this.removeLink = link => {
       this._adapter.removeLink(link);
     };
-
     this.setActiveLink = function (link, prevLink) {
       let shouldNotify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
       const activeLink = _this._adapter.getState('activeLink');
-
       const onChange = _this._adapter.getProp('onChange');
-
       if (activeLink !== link) {
         _this._adapter.setActiveLink(link, _this._setActiveSlide);
-
         if (onChange && shouldNotify) {
           _this._adapter.notifyChange(link, prevLink);
         }
       }
-    }; // Adjust rail height according to text link content height
-
-
+    };
+    // Adjust rail height according to text link content height
     this.setScrollHeight = () => {
       const anchorWrapper = `.${prefixCls}-link-wrapper`;
-
       const anchorNode = this._adapter.getAnchorNode(anchorWrapper);
-
       if (anchorNode) {
         const scrollHeight = `${anchorNode.scrollHeight}px`;
-
         this._adapter.setScrollHeight(scrollHeight);
       }
     };
-
     this.updateScrollHeight = (prevState, state) => {
       const prevLinks = prevState.links.join('');
       const links = state.links.join('');
-
       if (prevLinks !== links) {
         this.setScrollHeight();
       }
     };
-
     this.setChildMap = () => {
       const children = this._adapter.getProp('children');
-
       const childMap = {};
-
       if ((0, _isArray2.default)(children)) {
         for (const link of children) {
           this._getLinkToMap(link, [], childMap);
@@ -90,21 +63,16 @@ class AnchorFoundation extends _foundation.default {
       } else {
         this._getLinkToMap(children, [], childMap);
       }
-
       this._adapter.setChildMap(childMap);
     };
-
     this.updateChildMap = (prevState, state) => {
       const prevLinks = prevState.links.join('');
       const links = state.links.join('');
-
       if (prevLinks !== links) {
         this.setChildMap();
       }
     };
-
     this.getLinksTop = () => this._adapter.getLinksBoundingTop();
-
     this.handleScroll = () => {
       const {
         clickLink,
@@ -112,89 +80,67 @@ class AnchorFoundation extends _foundation.default {
         activeLink: prevActiveLink
       } = this.getStates(); // TODO check this._adapter -> this.
       // ActiveLink Determined by the clicked link
-
       if (clickLink) {
         return;
       }
-
       const elTop = this.getLinksTop();
       let lastNegative = -Infinity;
       let lastNegativeIndex = -1;
-
       for (let i = 0; i < elTop.length; i++) {
         if (elTop[i] < 0 && elTop[i] > lastNegative) {
           lastNegative = elTop[i];
           lastNegativeIndex = i;
         }
       }
-
       const activeLink = links[lastNegativeIndex];
       this.setActiveLink(activeLink, prevActiveLink);
     };
-
     this.handleClick = function (e, link) {
       let shouldNotify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
       const destNode = _this._adapter.getContentNode(link);
-
       const prevLink = _this._adapter.getState('activeLink');
-
       _this.setActiveLink(link, prevLink, shouldNotify);
-
       if (destNode) {
         try {
           _this._adapter.setClickLinkWithCallBack(true, link, _this._scrollIntoView);
         } catch (error) {}
       }
-
       shouldNotify && _this._adapter.notifyClick(e, link);
     };
-
     this.handleClickLink = () => {
       this._adapter.setClickLink(false);
-    }; // Get the child nodes of each link
-
-
+    };
+    // Get the child nodes of each link
     this._getLinkToMap = (link, parents, linkMap) => {
       const node = link && link.props;
-
       if (!node || !node.href) {
         return;
       }
-
       if (!(node.href in linkMap)) {
         linkMap[node.href] = new Set();
-      } // Every ancestor kept a map
-
-
+      }
+      // Every ancestor kept a map
       for (const parent of parents) {
         linkMap[parent].add(node.href);
       }
-
       if (node.children && node.children.length) {
-        parents.push(node.href); // Maintain child node map
-
+        parents.push(node.href);
+        // Maintain child node map
         for (const child of node.children) {
           this._getLinkToMap(child, parents, linkMap);
         }
-
         parents.pop();
       }
     };
-
     this._scrollIntoView = link => {
       const {
         scrollMotion,
         targetOffset
       } = this.getProps(); // TODO check this._adapter -> this.
-
       const behavior = scrollMotion ? 'smooth' : 'auto';
-
       const canSmoothScroll = this._adapter.canSmoothScroll();
-
       if (link) {
         const destNode = this._adapter.getContentNode(link);
-
         const scrollOpts = {
           /**
            * Behavior defines scrolling behavior
@@ -222,10 +168,8 @@ class AnchorFoundation extends _foundation.default {
             const innermostAction = (0, _get2.default)(actions, '0');
             const el = (0, _get2.default)(innermostAction, 'el');
             const top = (0, _get2.default)(innermostAction, 'top');
-
             if (el) {
               const offsetTop = top - targetOffset;
-
               if (el.scroll && canSmoothScroll) {
                 el.scroll({
                   top: offsetTop,
@@ -238,26 +182,19 @@ class AnchorFoundation extends _foundation.default {
           },
           block: 'start'
         };
-
         if (destNode) {
           (0, _scrollIntoViewIfNeeded.default)(destNode, scrollOpts);
         }
       }
     };
-
     this._setActiveSlide = () => {
       const activeClass = `.${_constants.cssClasses.PREFIX}-link-title-active`;
-
       const linkNode = this._adapter.getAnchorNode(activeClass);
-
       if (linkNode) {
         const height = linkNode.offsetTop;
-
         this._adapter.setSlideBarTop(height);
       }
     };
   }
-
 }
-
 exports.default = AnchorFoundation;

package/lib/cjs/anchor/linkFoundation.js

@@ -4,42 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class LinkFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
-  init() {// this.setInitValue();
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  init() {
+    // this.setInitValue();
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
   handleAddLink() {
     const href = this._adapter.getProp('href');
-
     this._adapter.addLink(href);
   }
-
   handleUpdateLink(href, prevHref) {
     if (href !== prevHref) {
       this._adapter.removeLink(prevHref);
-
       this._adapter.addLink(href);
     }
   }
-
   handleRemoveLink() {
     const href = this._adapter.getProp('href');
-
     this._adapter.removeLink(href);
   }
-
 }
-
 exports.default = LinkFoundation;

package/lib/cjs/autoComplete/constants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../tooltip/constants");
-
 var _constants2 = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants2.BASE_CLASS_PREFIX}-autocomplete`,
   PREFIX_OPTION: `${_constants2.BASE_CLASS_PREFIX}-autoComplete-option`,

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

@@ -14,7 +14,7 @@ export interface StateOptionItem extends DataItem {
     show?: boolean;
     key?: string | number;
 }
-export declare type AutoCompleteData = Array<DataItem | string>;
+export type AutoCompleteData = Array<DataItem | string>;
 export interface AutoCompleteAdapter<P = Record<string, any>, S = Record<string, any>> extends KeyboardAdapter<P, S> {
     getTriggerWidth: () => number | undefined;
     setOptionWrapperWidth: (width: number) => void;