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

package/lib/cjs/collapse/index.js

@@ -4,50 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapse/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/collapse/foundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _item = _interopRequireDefault(require("./item"));
-
 require("@douyinfe/semi-foundation/lib/cjs/collapse/collapse.css");
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 var _collapseContext = _interopRequireDefault(require("./collapse-context"));
-
 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]];
   }
   return t;
 };
-
 class Collapse extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.onChange = (activeKey, e) => {
       this.foundation.handleChange(activeKey, e);
     };
-
     this.foundation = new _foundation.default(this.adapter);
     const initKeys = this.foundation.initActiveKey();
     this.state = {
@@ -55,7 +37,6 @@ class Collapse extends _baseComponent.default {
     };
     this.onChange = this.onChange.bind(this);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       handleChange: (activeKey, e) => this.props.onChange(activeKey, e),
@@ -64,46 +45,39 @@ class Collapse extends _baseComponent.default {
       })
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     if (props.activeKey) {
       const keys = Array.isArray(props.activeKey) ? props.activeKey : [props.activeKey];
       const newSet = new Set(keys);
-
       if (!(0, _isEqual2.default)(newSet, state.activeSet)) {
         return Object.assign(Object.assign({}, state), {
           activeSet: newSet
         });
       }
-
       return state;
     }
-
     return state;
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     // eslint-disable-next-line max-len
     const _a = this.props,
-          {
-      defaultActiveKey,
-      accordion,
-      style,
-      motion,
-      className,
-      keepDOM,
-      expandIconPosition,
-      expandIcon,
-      collapseIcon,
-      children,
-      clickHeaderToExpand
-    } = _a,
-          rest = __rest(_a, ["defaultActiveKey", "accordion", "style", "motion", "className", "keepDOM", "expandIconPosition", "expandIcon", "collapseIcon", "children", "clickHeaderToExpand"]);
-
+      {
+        defaultActiveKey,
+        accordion,
+        style,
+        motion,
+        className,
+        keepDOM,
+        expandIconPosition,
+        expandIcon,
+        collapseIcon,
+        children,
+        clickHeaderToExpand
+      } = _a,
+      rest = __rest(_a, ["defaultActiveKey", "accordion", "style", "motion", "className", "keepDOM", "expandIconPosition", "expandIcon", "collapseIcon", "children", "clickHeaderToExpand"]);
     const clsPrefix = (0, _classnames.default)(_constants.cssClasses.PREFIX, className);
     const {
       activeSet
@@ -124,9 +98,7 @@ class Collapse extends _baseComponent.default {
       }
     }, children));
   }
-
 }
-
 Collapse.Panel = _item.default;
 Collapse.propTypes = {
   activeKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),

package/lib/cjs/collapse/item.js

@@ -4,57 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapse/constants");
-
 var _collapsible = _interopRequireDefault(require("../collapsible"));
-
 var _collapseContext = _interopRequireDefault(require("./collapse-context"));
-
 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 }; }
-
 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; }
-
 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]];
   }
   return t;
 };
-
 class CollapsePanel extends _react.PureComponent {
   constructor() {
     super(...arguments);
     this.headerExpandIconTriggerRef = /*#__PURE__*/_react.default.createRef();
     this.ariaID = (0, _uuid.getUuidShort)({});
-
     this.handleClick = (itemKey, e) => {
-      var _a; // Judge user click Icon or Header
+      var _a;
+      // Judge user click Icon or Header
       // Don't mount this func into icon span wrapper, or get triggered twice because of event propagation
-
-
       if (this.context.clickHeaderToExpand || ((_a = this.headerExpandIconTriggerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
         this.context.onClick(itemKey, e);
       }
     };
   }
-
   renderHeader(active) {
     let expandIconEnable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const {
@@ -69,15 +51,12 @@ class CollapsePanel extends _react.PureComponent {
     const {
       expandIconPosition
     } = this.context;
-
     if (typeof expandIcon === 'undefined') {
       expandIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null);
     }
-
     if (typeof collapseIcon === 'undefined') {
       collapseIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, null);
     }
-
     const icon = /*#__PURE__*/_react.default.createElement("span", {
       ref: this.headerExpandIconTriggerRef,
       "aria-hidden": 'true',
@@ -85,32 +64,27 @@ class CollapsePanel extends _react.PureComponent {
         [`${_constants.cssClasses.PREFIX}-header-iconDisabled`]: !expandIconEnable
       }])
     }, expandIconEnable ? active ? collapseIcon : expandIcon : expandIcon);
-
     const iconPosLeft = expandIconPosition === 'left';
-
     if (typeof header === 'string') {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showArrow && (iconPosLeft ? icon : null), /*#__PURE__*/_react.default.createElement("span", null, header), /*#__PURE__*/_react.default.createElement("span", {
         className: `${_constants.cssClasses.PREFIX}-header-right`
       }, /*#__PURE__*/_react.default.createElement("span", null, extra), showArrow && (iconPosLeft ? null : icon)));
     }
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showArrow && (iconPosLeft ? icon : null), header, showArrow && (iconPosLeft ? null : icon));
   }
-
   render() {
     const _a = this.props,
-          {
-      className,
-      children,
-      itemKey,
-      reCalcKey,
-      header,
-      extra,
-      showArrow,
-      disabled
-    } = _a,
-          restProps = __rest(_a, ["className", "children", "itemKey", "reCalcKey", "header", "extra", "showArrow", "disabled"]);
-
+      {
+        className,
+        children,
+        itemKey,
+        reCalcKey,
+        header,
+        extra,
+        showArrow,
+        disabled
+      } = _a,
+      restProps = __rest(_a, ["className", "children", "itemKey", "reCalcKey", "header", "extra", "showArrow", "disabled"]);
     const {
       keepDOM,
       expandIconPosition,
@@ -152,9 +126,7 @@ class CollapsePanel extends _react.PureComponent {
       className: `${_constants.cssClasses.PREFIX}-content-wrapper`
     }, children))));
   }
-
 }
-
 exports.default = CollapsePanel;
 CollapsePanel.contextType = _collapseContext.default;
 CollapsePanel.propTypes = {

package/lib/cjs/collapsible/index.js

@@ -4,40 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/collapsible/foundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapsible/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/collapsible/collapsible.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class Collapsible extends _baseComponent.default {
   constructor(props) {
     super(props);
     this.domRef = /*#__PURE__*/_react.default.createRef();
-
     this.handleResize = entryList => {
       const entry = entryList[0];
-
       if (entry) {
         const entryInfo = Collapsible.getEntryInfo(entry);
         this.foundation.updateDOMHeight(entryInfo.height);
         this.foundation.updateDOMInRenderTree(entryInfo.isShown);
       }
     };
-
     this.isChildrenInRenderTree = () => {
       if (this.domRef.current) {
         return this.domRef.current.offsetHeight > 0;
@@ -45,7 +32,6 @@ class Collapsible extends _baseComponent.default {
         return false;
       }
     };
-
     this.state = {
       domInRenderTree: false,
       domHeight: 0,
@@ -54,7 +40,6 @@ class Collapsible extends _baseComponent.default {
     };
     this.foundation = new _foundation.default(this.adapter);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setDOMInRenderTree: domInRenderTree => {
@@ -87,47 +72,38 @@ class Collapsible extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     super.componentDidMount();
     this.resizeObserver = new ResizeObserver(this.handleResize);
     this.resizeObserver.observe(this.domRef.current);
     const domInRenderTree = this.isChildrenInRenderTree();
     this.foundation.updateDOMInRenderTree(domInRenderTree);
-
     if (domInRenderTree) {
       this.foundation.updateDOMHeight(this.domRef.current.scrollHeight);
     }
   }
-
   componentDidUpdate(prevProps, prevState, snapshot) {
     const changedPropKeys = Object.keys(this.props).filter(key => !(0, _isEqual2.default)(this.props[key], prevProps[key]));
     const changedStateKeys = Object.keys(this.state).filter(key => !(0, _isEqual2.default)(this.state[key], prevState[key]));
-
     if (changedPropKeys.includes("reCalcKey")) {
       this.foundation.updateDOMHeight(this.domRef.current.scrollHeight);
     }
-
     if (changedStateKeys.includes("domInRenderTree") && this.state.domInRenderTree) {
       this.foundation.updateDOMHeight(this.domRef.current.scrollHeight);
     }
-
     if (changedPropKeys.includes("isOpen")) {
       if (this.props.isOpen || !this.props.motion) {
         this.foundation.updateVisible(this.props.isOpen);
       }
     }
-
     if (this.props.motion && prevProps.isOpen !== this.props.isOpen) {
       this.foundation.updateIsTransitioning(true);
     }
   }
-
   componentWillUnmount() {
     super.componentWillUnmount();
     this.resizeObserver.disconnect();
   }
-
   render() {
     const wrapperStyle = Object.assign({
       overflow: 'hidden',
@@ -143,11 +119,9 @@ class Collapsible extends _baseComponent.default {
       style: wrapperStyle,
       onTransitionEnd: () => {
         var _a, _b;
-
         if (!this.props.isOpen) {
           this.foundation.updateVisible(false);
         }
-
         this.foundation.updateIsTransitioning(false);
         (_b = (_a = this.props).onMotionEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
       }
@@ -160,9 +134,7 @@ class Collapsible extends _baseComponent.default {
       id: this.props.id
     }, (this.props.keepDOM || this.props.collapseHeight !== 0 || this.state.visible || this.props.isOpen) && this.props.children));
   }
-
 }
-
 Collapsible.defaultProps = {
   isOpen: false,
   duration: 250,
@@ -171,32 +143,26 @@ Collapsible.defaultProps = {
   collapseHeight: 0,
   fade: false
 };
-
 Collapsible.getEntryInfo = entry => {
   //judge whether parent or self display none
   let inRenderTree;
-
   if (entry.borderBoxSize) {
     inRenderTree = !(entry.borderBoxSize[0].blockSize === 0 && entry.borderBoxSize[0].inlineSize === 0);
   } else {
     inRenderTree = !(entry.contentRect.height === 0 && entry.contentRect.width === 0);
   }
-
   let height = 0;
-
   if (entry.borderBoxSize) {
     height = Math.ceil(entry.borderBoxSize[0].blockSize);
   } else {
     const target = entry.target;
     height = target.clientHeight;
   }
-
   return {
     isShown: inRenderTree,
     height
   };
 };
-
 Collapsible.propTypes = {
   motion: _propTypes.default.bool,
   children: _propTypes.default.node,

package/lib/cjs/configProvider/context.js

@@ -4,12 +4,8 @@ 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 ConfigContext = /*#__PURE__*/_react.default.createContext({});
-
 var _default = ConfigContext;
 exports.default = _default;

package/lib/cjs/configProvider/index.js

@@ -4,63 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/base/constants");
-
 var _zh_CN = _interopRequireDefault(require("../locale/source/zh_CN"));
-
 var _context = _interopRequireDefault(require("./context"));
-
 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]];
   }
   return t;
 };
-
 class ConfigProvider extends _react.default.Component {
   renderChilren() {
     const {
       direction,
       children
     } = this.props;
-
     if (direction === 'rtl') {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: `${_constants.BASE_CLASS_PREFIX}-rtl`
       }, children);
     }
-
     return children;
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      direction
-    } = _a,
-          rest = __rest(_a, ["children", "direction"]);
-
+      {
+        children,
+        direction
+      } = _a,
+      rest = __rest(_a, ["children", "direction"]);
     return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
       value: Object.assign({
         direction
       }, rest)
     }, this.renderChilren());
   }
-
 }
-
 exports.default = ConfigProvider;
 ConfigProvider.propTypes = {
   locale: _propTypes.default.object,