shineout 1.8.7-beta.1 → 1.8.8

package/css/Alert/index.d.ts

@@ -5,59 +5,59 @@ export interface AlertProps extends StandardProps {
 
   /**
    * Content, text or react component
-   * 
+   *
    * 内容，文字或react组件
-   * 
+   *
    * default: -
    */
   children?: React.ReactNode;
 
   /**
    * When the type is true, the status icon is displayed according to the type property. If you need to display a custom icon, pass in ReactElement.
-   * 
+   *
    * 为true时，根据type属性显示状态图标。如果需要显示自定义图标，传入ReactElement。
-   * 
+   *
    * default: -
    */
   icon?: React.ReactElement | boolean;
 
   /**
    * The size for icon
-   * 
+   *
    * icon 的尺寸
-   * 
+   *
    * default: 14
    */
   iconSize?: number;
 
   /**
    * When onClose is empty, no close is displayed. If you need to close and do not need to handle callbacks, set it true.
-   * 
+   *
    * 当 onClose 为空时，不显示关闭。如果需要关闭又不需要处理回调，设置为true即可
-   * 
+   *
    * default: -
    */
   onClose?: (() => void) | boolean;
 
   /**
    * types
-   * 
+   *
    * 类型
-   * 
+   *
    * default: *warning*
-   * 
+   *
    */
-  type?: 'success' | 'info' | 'warning' | 'danger' | 'error';
+  type?: 'success' | 'info' | 'warning' | 'danger' | 'error' | 'confirmwarning';
 
   /**
    * show close button
-   * 
+   *
    * 是否隐藏关闭按钮
-   * 
+   *
    * default: false
    */
   hideClose?: boolean,
 }
 
 declare class Alert extends React.Component<AlertProps> {}
-export default Alert
+export default Alert

package/css/Alert/styles/alert.css

@@ -134,7 +134,8 @@
   fill: var(--success-color, #00cc66);
 }
 .so-alert-danger,
-.so-alert-error {
+.so-alert-error,
+.so-alert-confirmwarning {
   border-color: var(--alert-danger-border-color, #ebccd1);
   background-color: var(--alert-danger-bg, #f2dede);
   color: var(--alert-danger-text-color, #a94442);
@@ -142,14 +143,17 @@
           box-shadow: var(--alert-danger-box-shadow, 'none');
 }
 .so-alert-danger hr,
-.so-alert-error hr {
+.so-alert-error hr,
+.so-alert-confirmwarning hr {
   border-top-color: var(--alert-danger-border-darken-5-color, #e4b9c0);
 }
 .so-alert-danger .alert-link,
-.so-alert-error .alert-link {
+.so-alert-error .alert-link,
+.so-alert-confirmwarning .alert-link {
   color: var(--alert-danger-text-darken-10-color, #843534);
 }
 .so-alert-danger .so-alert-icon path,
-.so-alert-error .so-alert-icon path {
+.so-alert-error .so-alert-icon path,
+.so-alert-confirmwarning .so-alert-icon path {
   fill: var(--danger-color, #f85555);
 }

package/css/Alert/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.alertClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _classname = _interopRequireDefault(require("../../utils/classname"));
 
 var _alert = _interopRequireDefault(require("./alert.css"));

package/css/AnimationList/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.listClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _classname = _interopRequireDefault(require("../../utils/classname"));
 
 var _list = _interopRequireDefault(require("./list.css"));

package/css/Breadcrumb/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.breadcrumbClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _breadcrumb = _interopRequireDefault(require("./breadcrumb.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Button/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.buttonClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _button = _interopRequireDefault(require("./button.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Card/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.cardClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _card = _interopRequireDefault(require("./card.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/CardGroup/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.cardGroupClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _cardGroup = _interopRequireDefault(require("./cardGroup.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Carousel/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.carouselClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _carousel = _interopRequireDefault(require("./carousel.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Cascader/Result.js

@@ -96,7 +96,9 @@ function (_PureComponent) {
     var compressed = this.props.compressed;
 
     if (compressed) {
-      this.cancelResizeObserver = (0, _element.addResizeObserver)(this.resultEl, this.resetMore);
+      this.cancelResizeObserver = (0, _element.addResizeObserver)(this.resultEl, this.resetMore, {
+        direction: 'x'
+      });
     }
   };
 

package/css/Cascader/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.cascaderClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _cascader = _interopRequireDefault(require("./cascader.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Checkbox/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.checkinputClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _checkinput = _interopRequireDefault(require("./checkinput.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/DataList/List.js

@@ -133,7 +133,8 @@ function (_Component) {
         keygen = _this$props2.keygen,
         fixed = _this$props2.fixed,
         rowsInView = _this$props2.rowsInView,
-        lineHeight = _this$props2.lineHeight;
+        lineHeight = _this$props2.lineHeight,
+        value = _this$props2.value;
     if (isEmpty) return _react.default.createElement("div", {
       className: (0, _styles.listClass)('item', 'empty')
     }, empty || (0, _locale.getLocale)('noData'));
@@ -143,7 +144,8 @@ function (_Component) {
       data: data,
       keygen: keygen,
       renderItem: this.renderItem,
-      itemsInView: rowsInView
+      itemsInView: rowsInView,
+      force: value
     });
   };
 
@@ -210,7 +212,8 @@ Index.propTypes = {
   fixed: _propTypes.default.bool,
   rowsInView: _propTypes.default.number,
   height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  lineHeight: _propTypes.default.number
+  lineHeight: _propTypes.default.number,
+  value: _propTypes.default.array
 };
 Index.defaultProps = {
   size: 'default',

package/css/DataList/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.listClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _classname = _interopRequireDefault(require("../../utils/classname"));
 
 var _list = _interopRequireDefault(require("./list.css"));

package/css/DatePicker/index.d.ts

@@ -18,8 +18,10 @@ export interface QuickSelect extends Base {
   value?: Array<DateTimeType> | DateTimeType;
 }
 
+export type FormItemProps<T> = Omit<FormItemStandardProps<T>, 'name'>
+
 export interface DatePickerProps<T =DatePickerValue > extends StandardProps,
-FormItemStandardProps<T>,
+  FormItemProps<T>,
   Pick<CommonProps, 'absolute'> {
 
   /**
@@ -251,6 +253,7 @@ FormItemStandardProps<T>,
    * default: none
    */
   onPickerChange?: (value: DatePickerValue, quickSelect: QuickSelect | void, areaType: AreaType) => void;
+  name: string | string[]
 }
 
 declare class DatePicker extends React.Component<DatePickerProps, {}> {

package/css/DatePicker/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.datepickerClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _datepicker = _interopRequireDefault(require("./datepicker.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Divider/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.dividerClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _divider = _interopRequireDefault(require("./divider.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Dropdown/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.dropdownClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _dropdown = _interopRequireDefault(require("./dropdown.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/EditableArea/EditableArea.js

@@ -110,7 +110,6 @@ function (_React$PureComponent) {
   _proto.renderTextarea = function renderTextarea() {
     var showTextarea = this.state.showTextarea;
     var _this$props = this.props,
-        delay = _this$props.delay,
         placeholder = _this$props.placeholder,
         maxHeight = _this$props.maxHeight,
         value = _this$props.value;
@@ -122,7 +121,7 @@ function (_React$PureComponent) {
       autosize: true,
       value: value,
       rows: 1,
-      delay: delay,
+      delay: 0,
       onChange: this.onChange,
       onBlur: this.onBlur,
       onFocus: this.handleFocus,

package/css/EditableArea/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.editableAreaClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _editableArea = _interopRequireDefault(require("./editableArea.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Form/Field.js

@@ -64,18 +64,13 @@ function (_Component) {
       });
     }
 
-    var cloneProps = {
-      value: value,
-      error: error,
-      onChange: this.handleChange
-    };
-
-    if (disabled !== undefined) {
-      cloneProps.disabled = disabled;
-    }
-
     if ((0, _react.isValidElement)(children)) {
-      return (0, _react.cloneElement)(children, cloneProps);
+      return (0, _react.cloneElement)(children, {
+        value: value,
+        error: error,
+        onChange: this.handleChange,
+        disabled: disabled || children.props && children.props.disabled
+      });
     }
 
     console.error(new Error('Form.Field expect a single ReactElement or a function.'));

package/css/Form/formContext.js

@@ -155,7 +155,10 @@ var formConsumer = (0, _func.curry)(function (keys, Origin, props) {
   };
 
   return _react.default.createElement(Consumer, null, function (value) {
-    return _react.default.createElement(Origin, (0, _extends2.default)({}, filterProps(value), props));
+    var formProps = filterProps(value);
+    return _react.default.createElement(Origin, (0, _extends2.default)({}, formProps, props, {
+      disabled: formProps.disabled || props.disabled
+    }));
   });
 });
 exports.formConsumer = formConsumer;

package/css/Form/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.inputBorderClass = exports.formClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _form = _interopRequireDefault(require("./form.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Gap/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.gapClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _gap = _interopRequireDefault(require("./gap.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Icon/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.iconClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _icon = _interopRequireDefault(require("./icon.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Image/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.imageClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _image = _interopRequireDefault(require("./image.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Input/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.inputClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _form = _interopRequireDefault(require("../../Form/styles/form.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Lazyload/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.lazyloadClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _lazyload = _interopRequireDefault(require("./lazyload.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Menu/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.menuClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _menu = _interopRequireDefault(require("./menu.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Menu/styles/menu.css

@@ -59,7 +59,7 @@
   font-size: var(--menu-item-font-size, 14px);
 }
 .so-menu-has-children > .so-menu-title {
-  padding-right: 32px;
+  padding-right: 40px;
 }
 .so-menu-has-children > .so-menu-title .so-menu-expand {
   position: absolute;
@@ -69,7 +69,7 @@
   right: 0;
   top: 0;
   bottom: 0;
-  width: 32px;
+  width: 40px;
 }
 .so-menu-has-children > .so-menu-title .so-menu-expand:after {
   display: inline-block;
@@ -540,7 +540,7 @@ ul.so-menu-root {
 }
 .so-menu.so-menu-rtl .so-menu-has-children > .so-menu-title {
   padding-right: 16px;
-  padding-left: 32px;
+  padding-left: 40px;
 }
 .so-menu.so-menu-rtl .so-menu-has-children > .so-menu-title .so-menu-expand {
   right: auto;

package/css/Message/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.messageClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _message = _interopRequireDefault(require("./message.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Modal/Panel.js

@@ -222,10 +222,9 @@ function (_PureComponent) {
         position = _this$props7.position,
         bodyStyle = _this$props7.bodyStyle,
         _this$props7$from = _this$props7.from,
-        from = _this$props7$from === void 0 ? null : _this$props7$from,
-        type = _this$props7.type;
+        from = _this$props7$from === void 0 ? null : _this$props7$from;
     var style = {
-      padding: noPadding === true || from === 'method' && type === 'normal' ? 0 : padding
+      padding: noPadding === true ? 0 : padding
     };
     if (position) style.overflow = 'auto';
     if (bodyStyle) style = Object.assign(style, bodyStyle);

package/css/Modal/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.modalClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _modal = _interopRequireDefault(require("./modal.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Modal/styles/modal.css

@@ -314,6 +314,12 @@
   width: var(--modal-divider-width, 100%);
   background: var(--modal-divider-color, #ddd);
 }
+.so-modal-mask > .so-card.so-modal-normal .so-modal-body {
+  padding-left: var(--modal-icon-body-padding-right, 40px);
+}
+.so-modal-mask > .so-card.so-modal-normal.so-modal-rtl .so-modal-body {
+  padding-right: var(--modal-icon-body-padding-right, 40px);
+}
 .so-modal-mask > .so-card.so-modal-rtl {
   direction: rtl;
   text-align: right;

package/css/Pagination/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.paginationClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _pagination = _interopRequireDefault(require("./pagination.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Popover/Confirm.js

@@ -138,7 +138,7 @@ Confirm.propTypes = (0, _objectSpread2.default)({}, (0, _proptypes.getProps)(_pr
   icon: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node])
 });
 Confirm.defaultProps = {
-  type: 'warning',
+  type: 'confirmwarning',
   icon: true,
   okType: 'danger'
 };

package/css/Popover/Content.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Panel = _interopRequireDefault(require("./Panel"));
+
+function Content(props) {
+  // eslint-disable-next-line
+  return _react.default.createElement(_Panel.default, (0, _extends2.default)({}, props, {
+    useTextStyle: true
+  }));
+}
+
+var _default = Content;
+exports.default = _default;

package/css/Popover/Panel.js

@@ -295,7 +295,8 @@ function (_Component) {
         children = _this$props4.children,
         type = _this$props4.type,
         visible = _this$props4.visible,
-        showArrow = _this$props4.showArrow;
+        showArrow = _this$props4.showArrow,
+        useTextStyle = _this$props4.useTextStyle;
     var show = typeof visible === 'boolean' ? visible : this.state.show;
 
     if (!this.isRendered && !show || !this.parentElement || !children) {
@@ -329,7 +330,7 @@ function (_Component) {
 
     this.element.className = (0, _classnames.default)((0, _styles.popoverClass)('_', position, type), this.props.className, this.id);
     var childrened = (0, _is.isFunc)(children) ? children(this.handleHide) : children;
-    if (typeof childrened === 'string') childrened = _react.default.createElement("span", {
+    if (typeof childrened === 'string' || useTextStyle) childrened = _react.default.createElement("span", {
       className: (0, _styles.popoverClass)('text')
     }, childrened);
     return _reactDom.default.createPortal([showArrow && _react.default.createElement("div", {
@@ -373,7 +374,8 @@ Panel.propTypes = {
   showArrow: _propTypes.default.bool,
   bindChain: _propTypes.default.func,
   zIndex: _propTypes.default.number,
-  clickToCancelDelay: _propTypes.default.bool
+  clickToCancelDelay: _propTypes.default.bool,
+  useTextStyle: _propTypes.default.bool
 };
 Panel.defaultProps = {
   background: '',

package/css/Popover/index.d.ts

@@ -131,7 +131,7 @@ export interface PopoverProps extends StandardProps {
    *
    * default: none
    */
-  type?: 'success' | 'info' | 'warning' | 'danger';
+  type?: 'success' | 'info' | 'warning' | 'danger' | 'confirmwarning';
 
   /**
    * Old API, out of date
@@ -232,8 +232,15 @@ declare class PopoverConfirm extends React.Component<PopoverConfirmProps, {}> {
   render(): JSX.Element;
 }
 
-declare class Popover extends React.Component<PopoverProps, {}> {
+declare class PopoverContent extends React.Component<PopoverProps, {}> {
+  render(): JSX.Element;
+}
+
+export type ContentProps = Omit<PopoverProps, 'content'>;
+
+declare class Popover extends React.Component<ContentProps, {}> {
   static Confirm: typeof PopoverConfirm;
+  static Content: typeof PopoverContent;
 
   render(): JSX.Element;
 }

package/css/Popover/index.js

@@ -17,6 +17,8 @@ var _Panel = _interopRequireDefault(require("./Panel"));
 
 var _Confirm = _interopRequireDefault(require("./Confirm"));
 
+var _Content = _interopRequireDefault(require("./Content"));
+
 var Component = (0, _Container.default)(events);
 
 function Popover(props) {
@@ -28,5 +30,6 @@ function Popover(props) {
 Popover.displayName = 'ShineoutPopover';
 Popover.Confirm = _Confirm.default;
 Popover.Confirm.displayName = 'ShineoutPopoverConfirm';
+Popover.Content = _Content.default;
 var _default = Popover;
 exports.default = _default;

package/css/Popover/styles/index.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.popoverClass = void 0;
 
+require("../../styles/normalize.css");
+
 var _popover = _interopRequireDefault(require("./popover.css"));
 
 var _classname = _interopRequireDefault(require("../../utils/classname"));

package/css/Popover/styles/popover.css

@@ -308,9 +308,6 @@
   margin-bottom: 8px;
   font-size: var(--font-size-base, 14px);
 }
-.so-popover-confirm .so-popover-mention .so-alert-warning .so-alert-icon path {
-  fill: var(--danger-color, #f85555);
-}
 .so-popover-text {
   display: inline-block;
   max-width: var(--popover-text-max-width, 320px);