@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.1-alpha.0

package/lib/cjs/navigation/index.js

@@ -4,88 +4,60 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/navigation/foundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/navigation/constants");
-
 var _SubNav = _interopRequireDefault(require("./SubNav"));
-
 var _Item = _interopRequireDefault(require("./Item"));
-
 var _Footer = _interopRequireDefault(require("./Footer"));
-
 var _Header = _interopRequireDefault(require("./Header"));
-
 var _navContext = _interopRequireDefault(require("./nav-context"));
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-lines-per-function */
+
 function createAddKeysFn(context, keyName) {
   return function addKeys() {
     const handleKeys = new Set(context.state[keyName]);
-
     for (var _len = arguments.length, keys = new Array(_len), _key = 0; _key < _len; _key++) {
       keys[_key] = arguments[_key];
     }
-
     keys.forEach(key => key && handleKeys.add(key));
     context.setState({
       [keyName]: Array.from(handleKeys)
     });
   };
 }
-
 function createRemoveKeysFn(context, keyName) {
   return function removeKeys() {
     const handleKeys = new Set(context.state[keyName]);
-
     for (var _len2 = arguments.length, keys = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       keys[_key2] = arguments[_key2];
     }
-
     keys.forEach(key => key && handleKeys.delete(key));
     context.setState({
       [keyName]: Array.from(handleKeys)
     });
   };
 }
-
 const {
   hasOwnProperty
 } = Object.prototype;
-
 class Nav extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.onCollapseChange = () => {
       this.foundation.handleCollapseChange();
     };
-
     this.foundation = new _foundation.default(this.adapter);
     this.itemsChanged = true;
     const {
@@ -103,26 +75,21 @@ class Nav extends _baseComponent.default {
       selectedKeys: []
     };
     this.state = Object.assign({}, initState);
-
     if (items && items.length || children) {
       const calcState = this.foundation.init('constructor');
       this.state = Object.assign(Object.assign({}, initState), calcState);
     }
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateState = {};
-
     if (hasOwnProperty.call(props, 'isCollapsed') && props.isCollapsed !== state.isCollapsed) {
       willUpdateState.isCollapsed = props.isCollapsed;
     }
-
     return willUpdateState;
   }
-
-  componentDidMount() {// override BaseComponent
+  componentDidMount() {
+    // override BaseComponent
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (prevProps.items !== this.props.items || prevProps.children !== this.props.children) {
       this.foundation.init();
@@ -131,25 +98,20 @@ class Nav extends _baseComponent.default {
       const {
         selectedKeys
       } = this.state;
-
       if (this.props.selectedKeys && !(0, _isEqual2.default)(prevProps.selectedKeys, this.props.selectedKeys)) {
         this.adapter.updateSelectedKeys(this.props.selectedKeys);
       }
-
       if (this.props.openKeys && !(0, _isEqual2.default)(prevProps.openKeys, this.props.openKeys)) {
         this.adapter.updateOpenKeys(this.props.openKeys);
       }
-
       if (!(0, _isEqual2.default)(selectedKeys, prevState.selectedKeys)) {
         const parentSelectKeys = this.foundation.selectLevelZeroParentKeys(null, ...selectedKeys);
         this.adapter.addSelectedKeys(...parentSelectKeys);
       }
     }
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       notifySelect: function () {
         return _this.props.onSelect(...arguments);
@@ -190,15 +152,12 @@ class Nav extends _baseComponent.default {
    * @param {NavItem[]} items
    * @returns {JSX.Element}
    */
-
-
   renderItems() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     const {
       expandIcon
     } = this.props;
-
     const finalDom = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, items.map((item, idx) => {
       if (Array.isArray(item.items) && item.items.length) {
         return /*#__PURE__*/_react.default.createElement(_SubNav.default, Object.assign({
@@ -215,10 +174,8 @@ class Nav extends _baseComponent.default {
         }));
       }
     }));
-
     return finalDom;
   }
-
   render() {
     const {
       children: originChildren,
@@ -257,12 +214,9 @@ class Nav extends _baseComponent.default {
       removeSelectedKeys
     } = this.adapter;
     const finalStyle = Object.assign({}, style);
-
     let children = _react.Children.toArray(originChildren);
-
     const footers = [];
     const headers = [];
-
     if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
       footers.push( /*#__PURE__*/_react.default.createElement(_Footer.default, {
         key: 0
@@ -272,7 +226,6 @@ class Nav extends _baseComponent.default {
         key: 0
       }, footer)));
     }
-
     if ( /*#__PURE__*/_react.default.isValidElement(header)) {
       headers.push( /*#__PURE__*/_react.default.createElement(_Header.default, {
         key: 0
@@ -282,14 +235,11 @@ class Nav extends _baseComponent.default {
         key: 0
       }, header)));
     }
-
     if (Array.isArray(children) && children.length) {
       children = [...children];
       let childrenLength = children.length;
-
       for (let i = 0; i < childrenLength; i++) {
         const child = children[i];
-
         if (child.type === _Footer.default || (0, _get2.default)(child, 'type.elementType') === 'NavFooter') {
           footers.push(child);
           children.splice(i, 1);
@@ -303,7 +253,6 @@ class Nav extends _baseComponent.default {
         }
       }
     }
-
     const finalCls = (0, _classnames.default)(prefixCls, className, {
       [`${prefixCls}-collapsed`]: isCollapsed,
       [`${prefixCls}-horizontal`]: mode === 'horizontal',
@@ -312,11 +261,9 @@ class Nav extends _baseComponent.default {
     const headerListOuterCls = (0, _classnames.default)(`${prefixCls}-header-list-outer`, {
       [`${prefixCls}-header-list-outer-collapsed`]: isCollapsed
     });
-
     if (this.itemsChanged) {
       this.adapter.setCache('itemElems', this.renderItems(items));
     }
-
     return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
       componentName: "Navigation"
     }, locale => /*#__PURE__*/_react.default.createElement(_navContext.default.Provider, {
@@ -367,9 +314,7 @@ class Nav extends _baseComponent.default {
       className: `${prefixCls}-list`
     }, this.adapter.getCache('itemElems'), children))), footers))));
   }
-
 }
-
 Nav.Sub = _SubNav.default;
 Nav.Item = _Item.default;
 Nav.Header = _Header.default;
@@ -429,10 +374,10 @@ Nav.defaultProps = {
   prefixCls: _constants.cssClasses.PREFIX,
   subNavMotion: true,
   // isOpen: false,
-  mode: _constants.strings.MODE_VERTICAL // defaultOpenKeys: [],
+  mode: _constants.strings.MODE_VERTICAL
+  // defaultOpenKeys: [],
   // defaultSelectedKeys: [],
   // items: [],
-
 };
 var _default = Nav;
 exports.default = _default;

package/lib/cjs/navigation/nav-context.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const NavContext = /*#__PURE__*/_react.default.createContext({
   isCollapsed: false,
   selectedKeys: [],
   openKeys: []
 });
-
 var _default = NavContext;
 exports.default = _default;

package/lib/cjs/notification/index.d.ts

@@ -10,7 +10,7 @@ export interface NoticeReactProps extends NoticeProps {
     style?: CSSProperties;
 }
 export type { NoticeState, NotificationListProps, NotificationListState, ConfigProps };
-export declare type NoticesInPosition = {
+export type NoticesInPosition = {
     top: NoticeInstance[];
     topLeft: NoticeInstance[];
     topRight: NoticeInstance[];

package/lib/cjs/notification/index.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _notificationListFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/notification/notificationListFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/notification/constants");
-
 var _notice = _interopRequireDefault(require("./notice"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 require("@douyinfe/semi-foundation/lib/cjs/notification/notification.css");
-
 var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/uuid"));
-
 var _useNotification = _interopRequireDefault(require("./useNotification"));
-
 var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 let ref = null;
 const defaultConfig = {
   duration: 3,
@@ -42,29 +27,22 @@ const defaultConfig = {
   title: '',
   zIndex: 1010
 };
-
 class NotificationList extends _baseComponent.default {
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
-
     this.remove = id => {
       this.foundation.removeNotice(String(id));
     };
-
     this.destroyAll = () => this.foundation.destroyAll();
-
     this.renderNoticeInPosition = function (notices, position) {
       let removedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-      const className = (0, _classnames.default)(_constants.cssClasses.LIST); // TODO notifyOnClose
-
+      const className = (0, _classnames.default)(_constants.cssClasses.LIST);
+      // TODO notifyOnClose
       if (notices.length) {
         const style = _this.setPosInStyle(notices[0]);
-
         return (
           /*#__PURE__*/
           // @ts-ignore
@@ -98,10 +76,8 @@ class NotificationList extends _baseComponent.default {
           }))
         );
       }
-
       return null;
     };
-
     this.state = {
       notices: [],
       removedItems: []
@@ -110,16 +86,14 @@ class NotificationList extends _baseComponent.default {
     this.removeItemStorage = [];
     this.foundation = new _notificationListFoundation.default(this.adapter);
   }
-
   get adapter() {
     var _this2 = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       updateNotices: function (notices) {
         let removedItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
         _this2.noticeStorage = [...notices];
-        _this2.removeItemStorage = [...removedItems]; // setState is async sometimes and react often merges state, so use "this" , make sure other code always get right data.
-
+        _this2.removeItemStorage = [...removedItems];
+        // setState is async sometimes and react often merges state, so use "this" , make sure other code always get right data.
         _this2.setState({
           notices,
           removedItems
@@ -128,31 +102,25 @@ class NotificationList extends _baseComponent.default {
       getNotices: () => this.noticeStorage
     });
   }
-
   static addNotice(notice) {
     const id = (0, _uuid.default)('notification');
-
     if (!ref) {
       const {
         getPopupContainer
       } = notice;
       const div = document.createElement('div');
-
       if (!this.wrapperId) {
         this.wrapperId = (0, _uuid.default)('notification-wrapper').slice(0, 32);
       }
-
       div.className = _constants.cssClasses.WRAPPER;
       div.id = this.wrapperId;
       div.style.zIndex = String(typeof notice.zIndex === 'number' ? notice.zIndex : defaultConfig.zIndex);
-
       if (getPopupContainer) {
         const container = getPopupContainer();
         container.appendChild(div);
       } else {
         document.body.appendChild(div);
       }
-
       _reactDom.default.render( /*#__PURE__*/_react.default.createElement(NotificationList, {
         ref: instance => ref = instance
       }), div, () => {
@@ -165,85 +133,68 @@ class NotificationList extends _baseComponent.default {
         id
       }));
     }
-
     return id;
   }
-
   static removeNotice(id) {
     if (ref) {
       ref.remove(id);
     }
-
     return id;
   }
-
   static info(opts) {
     return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'info'
     }));
   }
-
   static success(opts) {
     return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'success'
     }));
   }
-
   static error(opts) {
     return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'error'
     }));
   }
-
   static warning(opts) {
     return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'warning'
     }));
   }
-
   static open(opts) {
     return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
       type: 'default'
     }));
   }
-
   static close(id) {
     return this.removeNotice(id);
   }
-
   static destroyAll() {
     if (ref) {
       ref.destroyAll();
       const wrapper = document.querySelector(`#${this.wrapperId}`);
-
       _reactDom.default.unmountComponentAtNode(wrapper);
-
       wrapper && wrapper.parentNode.removeChild(wrapper);
       ref = null;
       this.wrapperId = null;
     }
   }
-
   static config(opts) {
     ['top', 'left', 'bottom', 'right'].map(pos => {
       if (pos in opts) {
         defaultConfig[pos] = opts[pos];
       }
     });
-
     if (typeof opts.zIndex === 'number') {
       defaultConfig.zIndex = opts.zIndex;
     }
-
     if (typeof opts.duration === 'number') {
       defaultConfig.duration = opts.duration;
     }
-
     if (typeof opts.position === 'string') {
       defaultConfig.position = opts.position;
     }
   }
-
   setPosInStyle(noticeInstance) {
     const style = {};
     ['top', 'left', 'bottom', 'right'].forEach(pos => {
@@ -254,7 +205,6 @@ class NotificationList extends _baseComponent.default {
     });
     return style;
   }
-
   render() {
     let {
       notices
@@ -284,9 +234,7 @@ class NotificationList extends _baseComponent.default {
     });
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, noticesList);
   }
-
 }
-
 NotificationList.contextType = _context.default;
 NotificationList.propTypes = {
   style: _propTypes.default.object,

package/lib/cjs/notification/notice.js

@@ -4,38 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/notification/constants");
-
 var _notificationFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/notification/notificationFoundation"));
-
 var _iconButton = _interopRequireDefault(require("../iconButton"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _utils = require("../_utils");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
@@ -43,7 +27,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable no-unreachable */
 
-
 const prefixCls = _constants.cssClasses.NOTICE;
 const {
   duration
@@ -53,50 +36,41 @@ const {
   themes,
   directions
 } = _constants.strings;
-
 class Notice extends _baseComponent.default {
+  get adapter() {
+    return Object.assign(Object.assign({}, super.adapter), {
+      notifyWrapperToRemove: id => {
+        this.props.close(id);
+      },
+      notifyClose: () => {
+        this.props.onClose();
+        this.props.onHookClose && this.props.onHookClose();
+      }
+    });
+  }
   constructor(props) {
     super(props);
-
     this.clearCloseTimer = () => {
       this.foundation._clearCloseTimer();
     };
-
     this.startCloseTimer = () => {
       this.foundation._startCloseTimer();
     };
-
     this.close = e => {
       this.props.onCloseClick(this.props.id);
       this.foundation.close(e);
     };
-
     this.notifyClick = e => {
       this.props.onClick(e);
     };
-
     this.state = {
       visible: true
     };
     this.foundation = new _notificationFoundation.default(this.adapter);
   }
-
-  get adapter() {
-    return Object.assign(Object.assign({}, super.adapter), {
-      notifyWrapperToRemove: id => {
-        this.props.close(id);
-      },
-      notifyClose: () => {
-        this.props.onClose();
-        this.props.onHookClose && this.props.onHookClose();
-      }
-    });
-  }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   renderTypeIcon() {
     const {
       type,
@@ -121,11 +95,9 @@ class Notice extends _baseComponent.default {
       [`${prefixCls}-icon`]: true,
       [`${prefixCls}-${type}`]: true
     });
-
     if (icon) {
       iconType = icon;
     }
-
     if (iconType) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: iconCls,
@@ -134,29 +106,25 @@ class Notice extends _baseComponent.default {
         size: iconType.props.size || 'large'
       }) : iconType);
     }
-
     return null;
   }
-
   render() {
     const direction = this.props.direction || this.context.direction;
     const defaultPosition = direction === 'rtl' ? 'topLeft' : 'topRight';
-
     const _a = this.props,
-          {
-      content,
-      title,
-      theme,
-      position = defaultPosition,
-      type,
-      id,
-      onCloseClick,
-      className,
-      showClose,
-      style
-    } = _a,
-          attr = __rest(_a, ["content", "title", "theme", "position", "type", "id", "onCloseClick", "className", "showClose", "style"]);
-
+      {
+        content,
+        title,
+        theme,
+        position = defaultPosition,
+        type,
+        id,
+        onCloseClick,
+        className,
+        showClose,
+        style
+      } = _a,
+      attr = __rest(_a, ["content", "title", "theme", "position", "type", "id", "onCloseClick", "className", "showClose", "style"]);
     const {
       visible
     } = this.state;
@@ -202,9 +170,7 @@ class Notice extends _baseComponent.default {
       })))
     );
   }
-
 }
-
 Notice.contextType = _context.default;
 Notice.propTypes = {
   duration: _propTypes.default.number,