@douyinfe/semi-ui 2.8.0-beta.0 → 2.9.0-beta.0

package/dist/umd/semi-ui.js

@@ -5478,7 +5478,7 @@ const fillInChunks = _ref3 => {
 
 const findAll = _ref4 => {
   let {
-    autoEscape,
+    autoEscape = true,
     caseSensitive = false,
     searchWords,
     sourceString
@@ -8995,6 +8995,13 @@ module.exports = stackHas;
 
 module.exports = __webpack_require__("pb5m");
 
+/***/ }),
+
+/***/ "LDNj":
+/***/ (function(module, exports) {
+
+
+
 /***/ }),
 
 /***/ "LF7m":
@@ -22829,6 +22836,7 @@ __webpack_require__.d(__webpack_exports__, "Collapsible", function() { return /*
 __webpack_require__.d(__webpack_exports__, "ConfigProvider", function() { return /* reexport */ configProvider_ConfigProvider; });
 __webpack_require__.d(__webpack_exports__, "DatePicker", function() { return /* reexport */ datePicker_0; });
 __webpack_require__.d(__webpack_exports__, "Descriptions", function() { return /* reexport */ descriptions_0; });
+__webpack_require__.d(__webpack_exports__, "Divider", function() { return /* reexport */ divider_0; });
 __webpack_require__.d(__webpack_exports__, "Empty", function() { return /* reexport */ empty_Empty; });
 __webpack_require__.d(__webpack_exports__, "Modal", function() { return /* reexport */ modal_0; });
 __webpack_require__.d(__webpack_exports__, "Dropdown", function() { return /* reexport */ dropdown_0; });
@@ -35752,6 +35760,22 @@ var badge = __webpack_require__("rU3k");
 
 
 
+var badge_rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && index_of_default()(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof get_own_property_symbols_default.a === "function") for (var i = 0, p = get_own_property_symbols_default()(s); i < p.length; i++) {
+    if (index_of_default()(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
 
 const badge_prefixCls = badge_constants_cssClasses.PREFIX;
 class badge_Badge extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
@@ -35764,7 +35788,8 @@ class badge_Badge extends external_root_React_commonjs2_react_commonjs_react_amd
 
     const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop'; // eslint-disable-next-line max-len
 
-    const {
+    const _a = this.props,
+          {
       count,
       dot,
       type,
@@ -35774,7 +35799,9 @@ class badge_Badge extends external_root_React_commonjs2_react_commonjs_react_amd
       style,
       children,
       className
-    } = this.props;
+    } = _a,
+          rest = badge_rest(_a, ["count", "dot", "type", "theme", "position", "overflowCount", "style", "children", "className"]);
+
     const custom = count && !(isNumber_default()(count) || isString_default()(count));
     const showBadge = count !== null && typeof count !== 'undefined';
     const wrapper = classnames_default()(className, {
@@ -35794,9 +35821,9 @@ class badge_Badge extends external_root_React_commonjs2_react_commonjs_react_amd
       content = count;
     }
 
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", assign_default()({
       className: badge_prefixCls
-    }, children, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    }, rest), children, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: wrapper,
       style: style
     }, dot ? null : content));
@@ -35813,13 +35840,19 @@ badge_Badge.propTypes = {
   overflowCount: prop_types_default.a.number,
   style: prop_types_default.a.object,
   className: prop_types_default.a.string,
-  children: prop_types_default.a.node
+  children: prop_types_default.a.node,
+  onClick: prop_types_default.a.func,
+  onMouseEnter: prop_types_default.a.func,
+  onMouseLeave: prop_types_default.a.func
 };
 badge_Badge.defaultProps = {
   dot: false,
   type: 'primary',
   theme: 'solid',
-  className: ''
+  className: '',
+  onClick: () => noop_default.a,
+  onMouseEnter: () => noop_default.a,
+  onMouseLeave: () => noop_default.a
 };
 // CONCATENATED MODULE: ../semi-foundation/banner/constants.ts
 
@@ -44064,7 +44097,7 @@ const cascader_constants_cssClasses = {
 };
 const cascader_constants_strings = {
   SIZE_SET: ['small', 'large', 'default'],
-  VALIDATE_STATUS: ['default', 'error', 'warning'],
+  VALIDATE_STATUS: ['success', 'default', 'error', 'warning'],
   IS_KEY: 'isKey',
   IS_VALUE: 'isValue',
   SHOW_NEXT_BY_CLICK: 'click',
@@ -46526,7 +46559,7 @@ const tagInput_constants_cssClasses = {
 };
 const tagInput_constants_strings = {
   SIZE_SET: ['large', 'default', 'small'],
-  STATUS: ["default", "error", "warning"]
+  STATUS: ["success", "default", "error", "warning"]
 };
 
 // EXTERNAL MODULE: ../semi-foundation/tagInput/tagInput.scss
@@ -61592,10 +61625,11 @@ class descriptions_Descriptions extends external_root_React_commonjs2_react_comm
       ["".concat(descriptions_prefixCls, "-double")]: row,
       [concat_default()(_context2 = "".concat(descriptions_prefixCls, "-double-")).call(_context2, size)]: row
     });
-    const childrenList = data && data.length ? map_default()(data).call(data, item => isPlainObject_default()(item) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(descriptions_item_Item, assign_default()({
-      key: item.key,
+    const childrenList = data && data.length ? map_default()(data).call(data, (item, index) => isPlainObject_default()(item) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(descriptions_item_Item, assign_default()({
       itemKey: item.key
-    }, item), item.value) : null) : children;
+    }, item, {
+      key: index
+    }), item.value) : null) : children;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: classNames,
       style: style
@@ -61631,6 +61665,87 @@ descriptions_Descriptions.defaultProps = {
   data: []
 };
 /* harmony default export */ var descriptions_0 = (descriptions_Descriptions);
+// CONCATENATED MODULE: ../semi-foundation/divider/constants.ts
+
+const divider_constants_cssClasses = {
+  PREFIX: "".concat(BASE_CLASS_PREFIX)
+};
+const divider_constants_strings = {
+  LAYOUT: ['vertical', 'horizontal']
+};
+
+// EXTERNAL MODULE: ../semi-foundation/divider/divider.scss
+var divider = __webpack_require__("LDNj");
+
+// CONCATENATED MODULE: ./divider/index.tsx
+
+
+
+
+
+var divider_rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && index_of_default()(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof get_own_property_symbols_default.a === "function") for (var i = 0, p = get_own_property_symbols_default()(s); i < p.length; i++) {
+    if (index_of_default()(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+const divider_prefixCls = divider_constants_cssClasses.PREFIX;
+
+const Divider = props => {
+  var _context;
+
+  const {
+    layout = 'horizontal',
+    dashed,
+    align = 'center',
+    className,
+    margin,
+    style,
+    children
+  } = props,
+        rest = divider_rest(props, ["layout", "dashed", "align", "className", "margin", "style", "children"]);
+
+  const dividerClassNames = classnames_default()("".concat(divider_prefixCls, "-divider"), className, {
+    ["".concat(divider_prefixCls, "-divider-horizontal")]: layout === 'horizontal',
+    ["".concat(divider_prefixCls, "-divider-vertical")]: layout === 'vertical',
+    ["".concat(divider_prefixCls, "-divider-dashed")]: !!dashed,
+    ["".concat(divider_prefixCls, "-divider-with-text")]: children && layout === 'horizontal',
+    [concat_default()(_context = "".concat(divider_prefixCls, "-divider-with-text-")).call(_context, align)]: children && layout === 'horizontal'
+  });
+  let overrideDefaultStyle = {};
+
+  if (margin !== undefined) {
+    if (layout === 'vertical') {
+      overrideDefaultStyle = {
+        'marginLeft': margin,
+        'marginRight': margin
+      };
+    } else if (layout === 'horizontal') {
+      overrideDefaultStyle = {
+        'marginTop': margin,
+        'marginBottom': margin
+      };
+    }
+  }
+
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, rest, {
+    className: dividerClassNames,
+    style: assign_default()(assign_default()({}, overrideDefaultStyle), style)
+  }), children && layout === 'horizontal' ? typeof children === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    className: "".concat(divider_prefixCls, "-divider_inner-text")
+  }, children) : children : null);
+};
+
+/* harmony default export */ var divider_0 = (Divider);
 // CONCATENATED MODULE: ../semi-foundation/empty/constants.ts
 
 const empty_constants_cssClasses = {
@@ -78941,6 +79056,16 @@ class foundation_SliderFoundation extends foundation {
     };
 
     this.checkAndUpdateIsInRenderTreeState = () => this._adapter.checkAndUpdateIsInRenderTreeState();
+
+    this.calculateOutputValue = (position, isMin) => {
+      const moveValue = this.transPosToValue(position, isMin);
+
+      if (moveValue === false) {
+        return undefined;
+      }
+
+      return this.outPutValue(moveValue);
+    };
     /**
      *
      *
@@ -79056,7 +79181,16 @@ class foundation_SliderFoundation extends foundation {
       pagePos = pagePos - this._dragOffset;
 
       if (chooseMovePos === 'min' && dragging[0] || chooseMovePos === 'max' && dragging[1]) {
-        this._adapter.onHandleMove(pagePos, chooseMovePos === 'min');
+        const outPutValue = this.calculateOutputValue(pagePos, chooseMovePos === 'min');
+
+        if (outPutValue === undefined) {
+          return false;
+        }
+
+        this._adapter.notifyChange(outPutValue); // allow drag for controlled component, so no _isControlledComponent check
+
+
+        this._adapter.onHandleMove(pagePos, chooseMovePos === 'min', undefined, false, outPutValue);
       }
 
       return true;
@@ -79163,7 +79297,22 @@ class foundation_SliderFoundation extends foundation {
       const mousePos = this.handleMousePos(e.pageX, e.pageY);
       const position = vertical ? mousePos.y : mousePos.x;
       const isMin = this.checkWhichHandle(position);
-      this.setHandlePos(position, isMin, true);
+      const outPutValue = this.calculateOutputValue(position, isMin);
+
+      if (outPutValue === undefined) {
+        return;
+      }
+
+      this._adapter.notifyChange(outPutValue); // check if is controlled component
+
+
+      if (this._isControlledComponent()) {
+        // only perform callback ops, skip UI update
+        return;
+      } // trigger UI state update
+
+
+      this.setHandlePos(position, isMin, true, outPutValue);
     };
     /**
      * Move the slider to the current click position
@@ -79174,8 +79323,9 @@ class foundation_SliderFoundation extends foundation {
 
     this.setHandlePos = function (position, isMin) {
       let clickTrack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      let outPutValue = arguments.length > 3 ? arguments[3] : undefined;
 
-      _this._adapter.onHandleMove(position, isMin, () => _this._adapter.onHandleUpAfter(), clickTrack);
+      _this._adapter.onHandleMove(position, isMin, () => _this._adapter.onHandleUpAfter(), clickTrack, outPutValue);
     };
     /**
      * Determine which slider should be moved currently
@@ -79538,7 +79688,10 @@ class slider_Slider extends baseComponent_BaseComponent {
           ["".concat(slider_prefixCls, "-dot-active")]: this.foundation.isMarkActive(Number(mark)) === 'active'
         });
         const markPercent = (Number(mark) - min) / (max - min);
-        return activeResult ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+        return activeResult ?
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
           key: mark,
           onClick: e => this.foundation.handleWrapClick(e),
           className: markClass,
@@ -79720,6 +79873,7 @@ class slider_Slider extends baseComponent_BaseComponent {
       onHandleMove: function (mousePos, isMin) {
         let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop_default.a;
         let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+        let outPutValue = arguments.length > 4 ? arguments[4] : undefined;
 
         const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
 
@@ -79728,32 +79882,32 @@ class slider_Slider extends baseComponent_BaseComponent {
         }
 
         const {
-          value,
-          onChange
+          value
         } = _this.props;
+        let finalOutPutValue = outPutValue;
 
-        const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
+        if (finalOutPutValue === undefined) {
+          const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
 
-        if (moveValue === false) {
-          return;
-        }
+          if (moveValue === false) {
+            return;
+          }
 
-        const outPutValue = _this.foundation.outPutValue(moveValue);
+          finalOutPutValue = _this.foundation.outPutValue(moveValue);
+        }
 
         const {
           currentValue
         } = _this.state;
 
-        if (!isEqual_default()(_this.foundation.outPutValue(currentValue), outPutValue)) {
-          onChange(outPutValue);
-
+        if (!isEqual_default()(_this.foundation.outPutValue(currentValue), finalOutPutValue)) {
           if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
             // still require afterChangeCallback when click on the track directly, need skip here
             return false;
           }
 
           _this.setState({
-            currentValue: outPutValue
+            currentValue: finalOutPutValue
           }, stateChangeCallback);
         }
       },
@@ -99474,9 +99628,21 @@ function sortableHandle(WrappedComponent) {
     _inherits(WithSortableHandle, _React$Component);
 
     function WithSortableHandle() {
+      var _getPrototypeOf2;
+
+      var _this;
+
       _classCallCheck(this, WithSortableHandle);
 
-      return _possibleConstructorReturn(this, _getPrototypeOf(WithSortableHandle).apply(this, arguments));
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithSortableHandle)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
+
+      return _this;
     }
 
     _createClass(WithSortableHandle, [{
@@ -99489,12 +99655,12 @@ function sortableHandle(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableHandle() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
+        var ref = config.withRef ? this.wrappedInstance : null;
         return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
         }, this.props));
@@ -99695,6 +99861,9 @@ function _finallyRethrows(body, finalizer) {
 
   return finalizer(false, value);
 }
+var SortableContext = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createContext"])({
+  manager: {}
+});
 function sortableContainer(WrappedComponent) {
   var _class, _temp;
 
@@ -99933,7 +100102,7 @@ function sortableContainer(WrappedComponent) {
                   });
                 }
 
-                _this.listenerNode = event.touches ? _node : _this.contentWindow;
+                _this.listenerNode = event.touches ? event.target : _this.contentWindow;
 
                 if (_isKeySorting) {
                   _this.listenerNode.addEventListener('wheel', _this.handleKeyEnd, true);
@@ -100018,7 +100187,7 @@ function sortableContainer(WrappedComponent) {
       _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleSortMove", function (event) {
         var onSortMove = _this.props.onSortMove;
 
-        if (typeof event.preventDefault === 'function') {
+        if (typeof event.preventDefault === 'function' && event.cancelable) {
           event.preventDefault();
         }
 
@@ -100265,8 +100434,13 @@ function sortableContainer(WrappedComponent) {
         return node && node.sortableInfo && !node.sortableInfo.disabled && (useDragHandle ? isSortableHandle(target) : target.sortableInfo);
       });
 
+      var manager = new react_sortable_hoc_esm_Manager();
       react_sortable_hoc_esm_validateProps(props);
-      _this.manager = new react_sortable_hoc_esm_Manager();
+      _this.manager = manager;
+      _this.wrappedInstance = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])();
+      _this.sortableContextValue = {
+        manager: manager
+      };
       _this.events = {
         end: _this.handleEnd,
         move: _this.handleMove,
@@ -100276,13 +100450,6 @@ function sortableContainer(WrappedComponent) {
     }
 
     _createClass(WithSortableContainer, [{
-      key: "getChildContext",
-      value: function getChildContext() {
-        return {
-          manager: this.manager
-        };
-      }
-    }, {
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
@@ -100533,7 +100700,7 @@ function sortableContainer(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableContainer() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "getContainer",
@@ -100549,10 +100716,12 @@ function sortableContainer(WrappedComponent) {
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
-        return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
+        var ref = config.withRef ? this.wrappedInstance : null;
+        return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(SortableContext.Provider, {
+          value: this.sortableContextValue
+        }, Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
-        }, react_sortable_hoc_esm_omit(this.props, omittedProps)));
+        }, react_sortable_hoc_esm_omit(this.props, omittedProps))));
       }
     }, {
       key: "helperContainer",
@@ -100593,9 +100762,7 @@ function sortableContainer(WrappedComponent) {
     }]);
 
     return WithSortableContainer;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableList', WrappedComponent)), _defineProperty(_class, "defaultProps", react_sortable_hoc_esm_defaultProps), _defineProperty(_class, "propTypes", propTypes), _defineProperty(_class, "childContextTypes", {
-    manager: prop_types_default.a.object.isRequired
-  }), _temp;
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableList', WrappedComponent)), _defineProperty(_class, "defaultProps", react_sortable_hoc_esm_defaultProps), _defineProperty(_class, "propTypes", propTypes), _temp;
 }
 
 var propTypes$1 = {
@@ -100614,9 +100781,21 @@ function sortableElement(WrappedComponent) {
     _inherits(WithSortableElement, _React$Component);
 
     function WithSortableElement() {
+      var _getPrototypeOf2;
+
+      var _this;
+
       _classCallCheck(this, WithSortableElement);
 
-      return _possibleConstructorReturn(this, _getPrototypeOf(WithSortableElement).apply(this, arguments));
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithSortableElement)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
+
+      return _this;
     }
 
     _createClass(WithSortableElement, [{
@@ -100677,12 +100856,12 @@ function sortableElement(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableElement() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
+        var ref = config.withRef ? this.wrappedInstance : null;
         return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
         }, react_sortable_hoc_esm_omit(this.props, omittedProps$1)));
@@ -100690,9 +100869,7 @@ function sortableElement(WrappedComponent) {
     }]);
 
     return WithSortableElement;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableElement', WrappedComponent)), _defineProperty(_class, "contextTypes", {
-    manager: prop_types_default.a.object.isRequired
-  }), _defineProperty(_class, "propTypes", propTypes$1), _defineProperty(_class, "defaultProps", {
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableElement', WrappedComponent)), _defineProperty(_class, "contextType", SortableContext), _defineProperty(_class, "propTypes", propTypes$1), _defineProperty(_class, "defaultProps", {
     collection: 0
   }), _temp;
 }
@@ -104628,6 +104805,7 @@ arrayField_ArrayFieldComponent.contextType = FormUpdaterContext;
 
 
 
+
 
 
 /** Form */