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

package/dist/umd/semi-ui.js

@@ -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);
         }
       },
@@ -104651,6 +104805,7 @@ arrayField_ArrayFieldComponent.contextType = FormUpdaterContext;
 
 
 
+
 
 
 /** Form */