@douyinfe/semi-foundation 2.24.2 → 2.25.0-alpha.0

package/lib/cjs/navigation/foundation.js

@@ -4,72 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _NavItem = _interopRequireDefault(require("./NavItem"));
-
 var _constants = require("./constants");
-
 var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable max-depth */
-
-/* eslint-disable max-len */
 class NavigationFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
   /* istanbul ignore next */
-
-
   static getZeroParentKeys() {
     let itemKeysMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const willAddKeys = [];
-
     for (var _len = arguments.length, itemKeys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       itemKeys[_key - 1] = arguments[_key];
     }
-
     if (itemKeys.length) {
       for (const itemKey of itemKeys) {
         if (Array.isArray(itemKeysMap[itemKey]) && itemKeysMap[itemKey].length) {
           const levelZeroParentKey = itemKeysMap[itemKey][0];
-
           if (!(0, _isNullOrUndefined.default)(levelZeroParentKey)) {
             willAddKeys.push(levelZeroParentKey);
           }
         }
       }
     }
-
     return willAddKeys;
   }
-
   static buildItemKeysMap() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let keysMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     let parentKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     let keyPropName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'itemKey';
-
     if (Array.isArray(items) && items.length) {
       for (const item of items) {
         if (Array.isArray(item)) {
           NavigationFoundation.buildItemKeysMap(item, keysMap, [...parentKeys], keyPropName);
         } else {
           let itemKey;
-
           if (item && typeof item === 'object') {
             itemKey = item[keyPropName] || item.props && item.props[keyPropName];
           }
-
           if (itemKey) {
             keysMap[itemKey] = [...parentKeys];
-
             if (Array.isArray(item.items) && item.items.length) {
               NavigationFoundation.buildItemKeysMap(item.items, keysMap, [...parentKeys, itemKey], keyPropName);
             } else if (item.props && item.props.children) {
@@ -80,7 +59,6 @@ class NavigationFoundation extends _foundation.default {
         }
       }
     }
-
     return keysMap;
   }
   /**
@@ -90,8 +68,6 @@ class NavigationFoundation extends _foundation.default {
    * @param {*} lifecycle
    * @returns
    */
-
-
   init(lifecycle) {
     const {
       defaultSelectedKeys,
@@ -105,7 +81,6 @@ class NavigationFoundation extends _foundation.default {
     } = this.getCalcState();
     const parentSelectKeys = this.selectLevelZeroParentKeys(itemKeysMap, willSelectedKeys);
     willSelectedKeys = willSelectedKeys.concat(parentSelectKeys);
-
     if (lifecycle === 'constructor') {
       return {
         selectedKeys: willSelectedKeys,
@@ -115,23 +90,16 @@ class NavigationFoundation extends _foundation.default {
       };
     } else {
       this._adapter.updateSelectedKeys(willSelectedKeys);
-
       this._adapter.setItemKeysMap(itemKeysMap);
-
       this._adapter.updateOpenKeys(willOpenKeys);
-
       this._adapter.updateItems(formattedItems);
-
       this._adapter.setItemsChanged(true);
     }
-
     return undefined;
   }
   /**
    * Get the state to be calculated
    */
-
-
   getCalcState() {
     const {
       itemKeysMap,
@@ -147,8 +115,6 @@ class NavigationFoundation extends _foundation.default {
   /**
    * Calculate formatted items and itemsKeyMap
    */
-
-
   getFormattedItems() {
     const {
       items,
@@ -166,8 +132,6 @@ class NavigationFoundation extends _foundation.default {
    * Calculate the keys that will need to be opened soon
    * @param {*} itemKeysMap
    */
-
-
   getWillOpenKeys(itemKeysMap) {
     const {
       defaultOpenKeys,
@@ -177,116 +141,85 @@ class NavigationFoundation extends _foundation.default {
       mode
     } = this.getProps();
     let willOpenKeys = openKeys || defaultOpenKeys || [];
-
     if (!(Array.isArray(defaultOpenKeys) || Array.isArray(openKeys)) && mode === _constants.strings.MODE_VERTICAL && (Array.isArray(defaultSelectedKeys) || Array.isArray(selectedKeys))) {
       const currentSelectedKeys = Array.isArray(selectedKeys) ? selectedKeys : defaultSelectedKeys;
       willOpenKeys = this.getShouldOpenKeys(itemKeysMap, currentSelectedKeys);
     }
-
     return [...willOpenKeys];
   }
-
   getShouldOpenKeys() {
     let itemKeysMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let selectedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     const willOpenKeySet = new Set();
-
     if (Array.isArray(selectedKeys) && selectedKeys.length) {
       selectedKeys.forEach(item => {
         if (item) {
           const parentKeys = (0, _get2.default)(itemKeysMap, item);
-
           if (Array.isArray(parentKeys)) {
             parentKeys.forEach(k => willOpenKeySet.add(k));
           }
         }
       });
     }
-
     return [...willOpenKeySet];
   }
-
-  destroy() {} // eslint-disable-line
-
-
+  destroy() {}
   selectLevelZeroParentKeys(itemKeysMap) {
-    const _itemKeysMap = (0, _isNullOrUndefined.default)(itemKeysMap) ? this.getState('itemKeysMap') : itemKeysMap; // console.log(itemKeysMap);
-
-
+    const _itemKeysMap = (0, _isNullOrUndefined.default)(itemKeysMap) ? this.getState('itemKeysMap') : itemKeysMap;
+    // console.log(itemKeysMap);
     const willAddKeys = [];
-
     for (var _len2 = arguments.length, itemKeys = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       itemKeys[_key2 - 1] = arguments[_key2];
     }
-
     if (itemKeys.length) {
       for (const itemKey of itemKeys) {
         if (Array.isArray(_itemKeysMap[itemKey]) && _itemKeysMap[itemKey].length) {
           const levelZeroParentKey = _itemKeysMap[itemKey][0];
-
           if (!(0, _isNullOrUndefined.default)(levelZeroParentKey)) {
             willAddKeys.push(levelZeroParentKey);
           }
         }
       }
     }
-
     if (willAddKeys.length) {
       return willAddKeys;
     }
-
     return [];
   }
-
   formatItems() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     const formattedItems = [];
-
     for (const item of items) {
       formattedItems.push(new _NavItem.default(item));
     }
-
     return formattedItems;
   }
-
   handleSelect(data) {
     this._adapter.notifySelect(data);
   }
   /* istanbul ignore next */
-
-
   judgeIfOpen(openKeys, items) {
     let shouldBeOpen = false;
-
     const _openKeys = Array.isArray(openKeys) ? openKeys : openKeys && [openKeys];
-
     if (_openKeys && Array.isArray(items) && items.length) {
       for (const item of items) {
         shouldBeOpen = _openKeys.includes(item.itemKey) || this.judgeIfOpen(_openKeys, item.items);
-
         if (shouldBeOpen) {
           break;
         }
       }
     }
-
     return shouldBeOpen;
   }
-
   handleCollapseChange() {
     const isCollapsed = !this.getState('isCollapsed');
-
     if (!this._isControlledComponent('isCollapsed')) {
       this._adapter.setIsCollapsed(isCollapsed);
     }
-
     this._adapter.notifyCollapseChange(isCollapsed);
   }
-
   handleItemsChange(isChanged) {
     this._adapter.setItemsChanged(isChanged);
   }
-
 }
-
 exports.default = NavigationFoundation;

package/lib/cjs/navigation/itemFoundation.js

@@ -4,34 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* argus-disable unPkgSensitiveInfo */
 
 class ItemFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   init() {
     this._timer = null;
     this._mounted = true;
   }
-
   destroy() {
     this._mounted = false;
   }
-
   isValidKey(itemKey) {
-    // eslint-disable-next-line eqeqeq
     return itemKey != null && (typeof itemKey === 'string' || typeof itemKey === 'number');
   }
-
   handleClick(e) {
     const {
       isSubNav,
@@ -39,22 +31,18 @@ class ItemFoundation extends _foundation.default {
       text,
       disabled
     } = this.getProps();
-
     if (disabled) {
       return;
     }
-
     if (!isSubNav && this.isValidKey(itemKey) && !this._adapter.getSelectedKeysIsControlled() && !this._adapter.getSelected()) {
       this._adapter.updateSelected(true);
     }
-
-    const selectedKeys = [itemKey]; // If the current item is subNav, there is no need to trigger the global onSelect/onClick event, instead, the SubNav component will trigger the click event
-
+    const selectedKeys = [itemKey];
+    // If the current item is subNav, there is no need to trigger the global onSelect/onClick event, instead, the SubNav component will trigger the click event
     if (!isSubNav) {
       if (!this._adapter.getSelected()) {
         // internal-issues:51
         const selectedItems = [this._adapter.cloneDeep(this.getProps())];
-
         this._adapter.notifyGlobalOnSelect({
           itemKey,
           selectedKeys,
@@ -62,14 +50,12 @@ class ItemFoundation extends _foundation.default {
           domEvent: e
         });
       }
-
       this._adapter.notifyGlobalOnClick({
         itemKey,
         text,
         domEvent: e
       });
     }
-
     this._adapter.notifyClick({
       itemKey,
       text,
@@ -79,8 +65,6 @@ class ItemFoundation extends _foundation.default {
   /**
    * A11y: simulate item click
    */
-
-
   handleKeyPress(e) {
     if ((0, _isEnterPress.default)(e)) {
       const {
@@ -89,13 +73,10 @@ class ItemFoundation extends _foundation.default {
       } = this.getProps();
       const target = (0, _get2.default)(linkOptions, 'target', '_self');
       this.handleClick(e);
-
       if (typeof link === 'string') {
         target === '_blank' ? window.open(link) : window.location.href = link;
       }
     }
   }
-
 }
-
 exports.default = ItemFoundation;

package/lib/cjs/navigation/subNavFoundation.js

@@ -4,79 +4,59 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const addKeys = function addKeys() {
   let originKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   const keySet = new Set(originKeys);
-
   for (var _len = arguments.length, willAddKeys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     willAddKeys[_key - 1] = arguments[_key];
   }
-
   willAddKeys.forEach(key => key && keySet.add(key));
   return Array.from(keySet);
 };
-
 const removeKeys = function removeKeys() {
   let originKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   const keySet = new Set(originKeys);
-
   for (var _len2 = arguments.length, willRemoveKeys = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
     willRemoveKeys[_key2 - 1] = arguments[_key2];
   }
-
   willRemoveKeys.forEach(key => key && keySet.delete(key));
   return Array.from(keySet);
 };
-
 class SubNavFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   init() {
     // this.log('invoke SubNavFoundation init()');
     this._timer = null;
   }
-
-  destroy() {} // eslint-disable-line
-
-
+  destroy() {
+    this.clearDelayTimer();
+  }
   clearDelayTimer() {
     if (this._timer) {
       clearTimeout(this._timer);
       this._timer = null;
     }
   }
-
   isValidKey(itemKey) {
-    // eslint-disable-next-line eqeqeq
     return itemKey != null && (typeof itemKey === 'number' || typeof itemKey === 'string');
   }
-
   handleDropdownVisibleChange(visible) {
     const itemKey = this.getProp('itemKey');
-
     const openKeysIsControlled = this._adapter.getOpenKeysIsControlled();
-
     const canUpdateOpenKeys = this._adapter.getCanUpdateOpenKeys();
-
     const rawOpenKeys = this._adapter.getOpenKeys();
-
     const openKeys = visible ? addKeys(rawOpenKeys, itemKey) : removeKeys(rawOpenKeys, itemKey);
     this.clearDelayTimer();
-
     if (!openKeysIsControlled) {
       if (canUpdateOpenKeys) {
         this._adapter.updateOpen(visible);
-      } // this._adapter.updateIsHovered(visible);
-
+      }
+      // this._adapter.updateIsHovered(visible);
     }
 
     this._adapter.notifyGlobalOpenChange({
@@ -90,28 +70,22 @@ class SubNavFoundation extends _foundation.default {
    * @param {Event} e
    * @param {HTMLElement} titleRef
    */
-
-
   handleClick(e, titleRef) {
     const {
       itemKey,
       disabled
     } = this.getProps();
-
     if (disabled) {
       return;
-    } // this.log(e, titleRef, titleRef.contains(e.target));
-
-
+    }
+    // this.log(e, titleRef, titleRef.contains(e.target));
     const clickedDomIsTitle = titleRef && titleRef.contains(e.target);
     let isOpen = Boolean(this._adapter.getIsOpen());
-
     if (!clickedDomIsTitle) {
       isOpen = false;
     } else {
       isOpen = !isOpen;
     }
-
     const openKeys = isOpen ? addKeys(this._adapter.getOpenKeys(), itemKey) : removeKeys(this._adapter.getOpenKeys(), itemKey);
     const cbVal = {
       itemKey,
@@ -119,17 +93,12 @@ class SubNavFoundation extends _foundation.default {
       isOpen,
       domEvent: e
     };
-
     const openKeysIsControlled = this._adapter.getOpenKeysIsControlled();
-
     const canUpdateOpenKeys = this._adapter.getCanUpdateOpenKeys();
-
     if (!openKeysIsControlled && canUpdateOpenKeys) {
       this._adapter.updateOpen(isOpen);
     }
-
     this._adapter.notifyGlobalOpenChange(cbVal);
-
     this._adapter.notifyGlobalOnClick(cbVal);
   }
   /**
@@ -137,14 +106,10 @@ class SubNavFoundation extends _foundation.default {
    * @param e
    * @param titleRef
    */
-
-
   handleKeyPress(e, titleRef) {
     if ((0, _isEnterPress.default)(e)) {
       this.handleClick(e, titleRef);
     }
   }
-
 }
-
 exports.default = SubNavFoundation;

package/lib/cjs/notification/constants.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
-  WRAPPER: "".concat(_constants.BASE_CLASS_PREFIX, "-notification-wrapper"),
-  LIST: "".concat(_constants.BASE_CLASS_PREFIX, "-notification-list"),
-  NOTICE: "".concat(_constants.BASE_CLASS_PREFIX, "-notification-notice")
+  WRAPPER: `${_constants.BASE_CLASS_PREFIX}-notification-wrapper`,
+  LIST: `${_constants.BASE_CLASS_PREFIX}-notification-list`,
+  NOTICE: `${_constants.BASE_CLASS_PREFIX}-notification-notice`
 };
 exports.cssClasses = cssClasses;
 const strings = {
@@ -21,6 +19,5 @@ const strings = {
 exports.strings = strings;
 const numbers = {
   duration: 3 // default close time, unit: s
-
 };
 exports.numbers = numbers;

package/lib/cjs/notification/notification.css

@@ -105,14 +105,18 @@
   font-weight: 600;
   color: var(--semi-color-text-0);
   margin-bottom: 4px;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 .semi-notification-notice-inner {
   display: flex;
   width: 100%;
+  min-width: 0;
 }
 .semi-notification-notice-content-wrapper {
   flex: 1 1 auto;
   margin-right: 8px;
+  min-width: 0;
 }
 .semi-notification-notice-content {
   font-size: 14px;
@@ -120,6 +124,8 @@
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
   color: var(--semi-color-text-1);
+  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 .semi-notification-notice-icon-close {
   height: 24px;
@@ -264,39 +270,51 @@
 }
 .semi-notification-notice-animation-show_top {
   animation: semi-notification-slideShow_top 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-hide_top {
   animation: semi-notification-slideHide_top 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-show_topLeft {
   animation: semi-notification-slideShow_topLeft 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-hide_topLeft {
   animation: semi-notification-slideHide_topLeft 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-show_topRight {
   animation: semi-notification-slideShow_topRight 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-hide_topRight {
   animation: semi-notification-slideHide_topRight 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-show_bottom {
   animation: semi-notification-slideShow_bottom 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-hide_bottom {
   animation: semi-notification-slideHide_bottom 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-show_bottomLeft {
   animation: semi-notification-slideShow_bottomLeft 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-hide_bottomLeft {
   animation: semi-notification-slideHide_bottomLeft 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-show_bottomRight {
   animation: semi-notification-slideShow_bottomRight 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 .semi-notification-notice-animation-hide_bottomRight {
   animation: semi-notification-slideHide_bottomRight 300ms cubic-bezier(0.62, 0.63, 0, 1.13) 0ms;
+  animation-fill-mode: forwards;
 }
 
 .semi-notification-notice.semi-notification-notice-rtl {