@douyinfe/semi-foundation 2.1.0-next.0 → 2.1.0

package/lib/cjs/navigation/foundation.js

@@ -1,313 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-var _NavItem = _interopRequireDefault(require("./NavItem"));
-
-var _constants = require("./constants");
-
-var _lodashEs = require("lodash-es");
-
-var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
-
-/* eslint-disable max-depth */
-
-/* eslint-disable max-len */
-class NavigationFoundation extends _foundation.default {
-  constructor(adapter) {
-    super((0, _assign.default)({}, adapter));
-  }
-
-  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 ((0, _isArray.default)(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 ((0, _isArray.default)(items) && items.length) {
-      for (const item of items) {
-        if ((0, _isArray.default)(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 ((0, _isArray.default)(item.items) && item.items.length) {
-              NavigationFoundation.buildItemKeysMap(item.items, keysMap, [...parentKeys, itemKey], keyPropName);
-            } else if (item.props && item.props.children) {
-              const children = (0, _isArray.default)(item.props.children) ? item.props.children : [item.props.children];
-              NavigationFoundation.buildItemKeysMap(children, keysMap, [...parentKeys, itemKey], keyPropName);
-            }
-          }
-        }
-      }
-    }
-
-    return keysMap;
-  }
-  /**
-   * init is called in constructor and componentDidMount.
-   * if you want to update state in constructor, please add it to return object;
-   * if you want to update state in componentDidMount, please call adapter in else logic.
-   * @param {*} lifecycle
-   * @returns
-   */
-
-
-  init(lifecycle) {
-    const {
-      defaultSelectedKeys,
-      selectedKeys
-    } = this.getProps();
-    let willSelectedKeys = selectedKeys || defaultSelectedKeys || [];
-    const {
-      itemKeysMap,
-      willOpenKeys,
-      formatedItems
-    } = this.getCalcState();
-    const parentSelectKeys = this.selectLevelZeroParentKeys(itemKeysMap, willSelectedKeys);
-    willSelectedKeys = (0, _concat.default)(willSelectedKeys).call(willSelectedKeys, parentSelectKeys);
-
-    if (lifecycle === 'constructor') {
-      return {
-        selectedKeys: willSelectedKeys,
-        itemKeysMap,
-        openKeys: willOpenKeys,
-        items: formatedItems
-      };
-    } else {
-      this._adapter.updateSelectedKeys(willSelectedKeys);
-
-      this._adapter.setItemKeysMap(itemKeysMap);
-
-      this._adapter.updateOpenKeys(willOpenKeys);
-
-      this._adapter.updateItems(formatedItems);
-
-      this._adapter.setItemsChanged(true);
-    }
-
-    return undefined;
-  }
-  /**
-   * Get the state to be calculated
-   */
-
-
-  getCalcState() {
-    const {
-      itemKeysMap,
-      formatedItems
-    } = this.getFormatedItems();
-    const willOpenKeys = this.getWillOpenKeys(itemKeysMap);
-    return {
-      itemKeysMap,
-      willOpenKeys,
-      formatedItems
-    };
-  }
-  /**
-   * Calculate formatted items and itemsKeyMap
-   */
-
-
-  getFormatedItems() {
-    const {
-      items,
-      children
-    } = this.getProps();
-    const formatedItems = this.formatItems(items);
-    const willHandleItems = (0, _isArray.default)(items) && items.length ? formatedItems : children;
-    const itemKeysMap = NavigationFoundation.buildItemKeysMap(willHandleItems);
-    return {
-      itemKeysMap,
-      formatedItems
-    };
-  }
-  /**
-   * Calculate the keys that will need to be opened soon
-   * @param {*} itemKeysMap
-   */
-
-
-  getWillOpenKeys(itemKeysMap) {
-    const {
-      defaultOpenKeys,
-      openKeys,
-      defaultSelectedKeys,
-      selectedKeys,
-      mode
-    } = this.getProps();
-    let willOpenKeys = openKeys || defaultOpenKeys || [];
-
-    if (!((0, _isArray.default)(defaultOpenKeys) || (0, _isArray.default)(openKeys)) && mode === _constants.strings.MODE_VERTICAL && ((0, _isArray.default)(defaultSelectedKeys) || (0, _isArray.default)(selectedKeys))) {
-      const currentSelectedKeys = (0, _isArray.default)(selectedKeys) ? selectedKeys : defaultSelectedKeys;
-      willOpenKeys = this.getShouldOpenKeys(itemKeysMap, currentSelectedKeys);
-    }
-
-    return [...willOpenKeys];
-  }
-
-  getItemKey(item) {
-    let keyPropName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'itemKey';
-
-    if (item && typeof item === 'object') {
-      return item[keyPropName];
-    }
-
-    return item;
-  }
-
-  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.default();
-
-    if ((0, _isArray.default)(selectedKeys) && selectedKeys.length) {
-      (0, _forEach.default)(selectedKeys).call(selectedKeys, item => {
-        if (item) {
-          const parentKeys = (0, _lodashEs.get)(itemKeysMap, this.getItemKey(item));
-
-          if ((0, _isArray.default)(parentKeys)) {
-            (0, _forEach.default)(parentKeys).call(parentKeys, k => willOpenKeySet.add(k));
-          }
-        }
-      });
-    }
-
-    return [...willOpenKeySet];
-  }
-
-  destroy() {} // eslint-disable-line
-
-
-  selectLevelZeroParentKeys(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 ((0, _isArray.default)(_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 formatedItems = [];
-
-    for (const item of items) {
-      formatedItems.push(new _NavItem.default(item));
-    }
-
-    return formatedItems;
-  }
-
-  handleSelect(data) {
-    this._adapter.notifySelect(data);
-  }
-
-  judgeIfOpen(openKeys, items) {
-    let shouldBeOpen = false;
-
-    const _openKeys = (0, _isArray.default)(openKeys) ? openKeys : openKeys && [openKeys];
-
-    if (_openKeys && (0, _isArray.default)(items) && items.length) {
-      for (const item of items) {
-        shouldBeOpen = (0, _includes.default)(_openKeys).call(_openKeys, 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.d.ts

@@ -1,45 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export interface ItemProps {
-    text?: any;
-    itemKey?: any;
-    icon?: any;
-    toggleIcon?: string;
-    indent?: boolean | number;
-    isCollapsed?: boolean;
-    isSubNav?: boolean;
-    link?: string;
-    linkOptions?: Record<string, any>;
-    disabled?: boolean;
-    children?: any;
-}
-export interface SelectedItemProps<Props = ItemProps> {
-    itemKey: string | number;
-    text?: any;
-    selectedKeys?: string | number[];
-    selectedItems?: Props[];
-    domEvent?: any;
-}
-export interface ItemAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    cloneDeep(value: any, customizer?: (value: any) => void): any;
-    updateTooltipShow(showTooltip: boolean): void;
-    updateSelected(selected: boolean): void;
-    updateGlobalSelectedKeys(keys: string[]): void;
-    getSelectedKeys(): string[];
-    getSelectedKeysIsControlled(): boolean;
-    notifyGlobalOnSelect(item: SelectedItemProps): void;
-    notifyGlobalOnClick(item: SelectedItemProps): void;
-    notifyClick(item: SelectedItemProps): void;
-    notifyMouseEnter(e: any): void;
-    notifyMouseLeave(e: any): void;
-    getIsCollapsed(): boolean;
-    getSelected(): boolean;
-}
-export default class ItemFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<ItemAdapter<P, S>, P, S> {
-    _timer: number;
-    _mounted: boolean;
-    constructor(adapter: ItemAdapter<P, S>);
-    init(): void;
-    destroy(): void;
-    isValidKey(itemKey: string): boolean;
-    handleClick(e: any): void;
-}

package/lib/cjs/navigation/itemFoundation.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-/* argus-disable unPkgSensitiveInfo */
-class ItemFoundation extends _foundation.default {
-  constructor(adapter) {
-    super((0, _assign.default)({}, 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,
-      itemKey,
-      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
-
-    if (!isSubNav) {
-      if (!this._adapter.getSelected()) {
-        // internal-issues:51
-        const selectedItems = [this._adapter.cloneDeep(this.getProps())];
-
-        this._adapter.notifyGlobalOnSelect({
-          itemKey,
-          selectedKeys,
-          selectedItems,
-          domEvent: e
-        });
-      }
-
-      this._adapter.notifyGlobalOnClick({
-        itemKey,
-        text,
-        domEvent: e
-      });
-    }
-
-    this._adapter.notifyClick({
-      itemKey,
-      text,
-      domEvent: e
-    });
-  }
-
-}
-
-exports.default = ItemFoundation;

package/lib/cjs/navigation/mixin.css

@@ -1,3 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */

package/lib/cjs/navigation/mixin.scss

@@ -1,98 +0,0 @@
-// Mixins
-@mixin item-selected {
-    background-color: $color-navigation_itemL1_selected-bg-default;
-    color: $color-navigation_itemL1_selected-text-default;
-
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_itemL1_selected_icon-default;
-    }
-}
-@mixin item-disabled {
-    background-color: $color-navigation_itemL1_disabled-bg-default;
-    color: $color-navigation_itemL1_disabled-text-default;
-    cursor: not-allowed;
-
-    .#{$module}-item-icon,
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_itemL1_disabled_icon-default;
-    }
-}
-@mixin item-hover-selected {
-    color: $color-navigation_itemL1_selected-text-hover;
-    background-color: $color-navigation_itemL1-bg-hover;
-
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_itemL1_selected_icon-default;
-    }
-}
-@mixin item-active-selected {
-    color: $color-navigation_itemL1_selected-text-active;
-    background-color: $color-navigation_itemL1-bg-active;
-
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_itemL1_selected_icon-default;
-    }
-}
-@mixin item-disabled-selected {
-    background-color: $color-navigation_itemL1_selected_disabled-bg-default;
-    color: $color-navigation_itemL1_selected_disabled-text-default;
-    cursor: not-allowed;
-
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_itemL1_selected_disabled_icon-default;
-    }
-}
-@mixin item-hover {
-    background-color: $color-navigation_itemL1-bg-hover;
-    color: $color-navigation_itemL1-text-hover;
-
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_itemL1_icon-hover;
-    }
-}
-@mixin item-active {
-    background-color: $color-navigation_itemL1-bg-active;
-    color: $color-navigation_itemL1-text-active;
-
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_itemL1_icon-active;
-    }
-}
-@mixin item-horizontal-selected {
-    color: $color-navigation_horizontal_itemL1_selected-text-default;
-    background-color: $color-navigation_horizontal_itemL1_selected-bg-default;
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_horizontal_itemL1_selected_icon-default;
-    }
-}
-@mixin item-horizontal-disabled {
-    color: $color-navigation_horizontal_itemL1_disabled-text-default;
-    background-color: $color-navigation_horizontal_itemL1_disabled-bg-default;
-    cursor: not-allowed;
-
-    .#{$module}-item-icon,
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_horizontal_itemL1_disabled_icon-default;
-    }
-}
-@mixin item-horizontal-default {
-    color: $color-navigation_horizontal_itemL1-text-default;
-    background-color: $color-navigation_horizontal_itemL1-bg-default;
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_horizontal_itemL1_icon-default;
-    }
-}
-@mixin item-horizontal-hover {
-    color: $color-navigation_horizontal_itemL1-text-hover;
-    background-color: $color-navigation_horizontal_itemL1-bg-hover;
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_horizontal_itemL1_icon-hover;
-    }
-}
-@mixin item-horizontal-active {
-    color: $color-navigation_horizontal_itemL1-text-active;
-    background-color: $color-navigation_horizontal_itemL1-bg-active;
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_horizontal_itemL1_icon-active;
-    }
-}