shineout 1.7.0 → 1.7.1-beta.3

package/css/Dropdown/index.d.ts

@@ -0,0 +1,122 @@
+import * as React from 'react'
+
+import { StandardProps, RegularAttributes, StructDataStandardProps } from '../@types/common'
+
+type TriggerType = 'click' | 'hover';
+
+interface DropdownNode {
+    content?: React.ReactNode
+    children?: DropdownItem[]
+    onClick?: (data: DropdownNode) => void
+    renderItem?: (data: DropdownNode) => void
+    target?: string
+    url?: string
+    [key: string]: any
+}
+
+export type DropdownItem = DropdownNode | React.ReactNode
+
+export interface DropdownProps extends StandardProps, Pick<StructDataStandardProps<DropdownNode>, 'renderItem'>{
+    /**
+     * Specifies the dropdown should be disabled
+     * 
+     * 是否开启动画
+     * 
+     * default: true
+     */
+    animation?: boolean;
+
+    /**
+     * Display multiple elements on the page. This property depends on the width attribute. Please set the number of columns and width appropriately.
+     * 
+     * 页面多元素展示,此属性需要依赖width属性,请合理的设置列数和宽度
+     * 
+     * default: -
+     */
+    columns?: number;
+
+    /**
+     * data of dropdown
+     * 
+     * 下拉数据
+     * 
+     * default: []
+     */
+    data: DropdownItem[];
+    
+    /**
+     * Specifies the dropdown should be disabled
+     * 
+     * 禁用
+     * 
+     * default: false
+     */
+    disabled?: boolean;
+
+    /**
+     * The click event. The parameter is the rendered data. <br /> Note: if the onClick is set in the data, this method will be ignored and data.onclick will be called.
+     * 
+     * 点击事件。参数为渲染的数据,注: 如果数据内设置了onClick，会忽略此方法，调用data.onClick
+     * 
+     * default: -
+     */
+    onClick?: (data: DropdownNode) => void;
+
+    /**
+     * same as Button
+     * 
+     * 同 Button
+     * 
+     * default: -
+     */
+    outline?: boolean;
+
+    /**
+     * Displayed content of the button
+     * 
+     * 按钮显示内容
+     * 
+     * default: -
+     */
+    placeholder?: React.ReactNode;
+
+    /**
+     * same as Button
+     * 
+     * 同 Button
+     * 
+     * default: 'default'
+     */
+    size?: RegularAttributes.Size;
+
+    /**
+     * Toggle mode
+     * 
+     * 触发方式
+     * 
+     * default: 'click'
+     */
+    trigger?: TriggerType;
+
+    /**
+     * type of Dropdown
+     * 
+     * 类型
+     * 
+     * default: -
+     */
+    type?: RegularAttributes.Type;
+    
+    /**
+     * The width of the pop-up option layer
+     * 
+     * 弹出选项层的宽度
+     * 
+     * default: -
+     */
+    width?: number;    
+}
+
+declare class Dropdown extends React.Component<DropdownProps> {}
+
+export default Dropdown

package/css/EditableArea/index.d.ts

@@ -0,0 +1,99 @@
+import React from 'react'
+import {StandardProps, FormItemStandardProps} from '../@types/common'
+
+export interface EditableAreaProps extends StandardProps, FormItemStandardProps<string> {
+
+  /**
+   * Whether to show the border
+   *
+   * 是否显示外边框
+   *
+   * default: false
+   */
+  bordered?: boolean;
+
+  /**
+   * Whether to show the clear button
+   *
+   * 是否展示清除按钮
+   *
+   * default: true
+   */
+  clearable?: boolean;
+
+  /**
+   * User input triggers the onChange and to check interval, unit: ms.
+   *
+   * 用户输入触发 onChange 和校验间隔时间，单位 毫秒
+   *
+   * default: 400
+   */
+  delay?: number;
+
+  /**
+   * Whether to disable
+   *
+   * 是否禁用
+   *
+   * default: false
+   */
+  disabled?: boolean;
+
+  /**
+   * Custom Popover container, override the default behavior which is rendering under the body, () => DOMElement
+   *
+   * 自定义Popover容器，覆盖默认渲染在body下的行为, () => DOMElement
+   *
+   *  default: none
+   */
+  getPopupContainer?: () => HTMLElement;
+
+  /**
+   * the maxHeight of the textarea, scroll bars appear after more than
+   *
+   * 输入框的最大高度, 超过之后会出现滚动条
+   *
+   * default: none
+   */
+  maxHeight?: number | string;
+
+  /**
+   * blur event
+   *
+   * 失去焦点事件
+   *
+   * default: none
+   */
+  onBlur?: (e: MouseEvent) => void;
+
+  /**
+   * focus event
+   *
+   * 聚焦事件
+   *
+   * default: none
+   */
+  onFocus?: (e: MouseEvent) => void;
+
+  /**
+   * When trim is true, blank characters are automatically deleted when lose focus
+   *
+   * trim 为 true 时，失去焦点时会自动删除空白字符
+   *
+   * default: false
+   */
+  trim?: boolean;
+
+  /**
+   * width of the editablearea
+   *
+   * 编辑域宽度
+   *
+   * default: none
+   */
+  width?: number | string;
+}
+
+declare class EditableArea extends React.PureComponent<EditableAreaProps, any>{}
+
+export default EditableArea

package/css/Form/Item.js

@@ -196,9 +196,10 @@ function (_Component) {
         labelVerticalAlign = _this$props2.labelVerticalAlign,
         labelWidth = _this$props2.labelWidth,
         required = _this$props2.required,
-        style = _this$props2.style;
+        style = _this$props2.style,
+        keepErrorHeight = _this$props2.keepErrorHeight;
     var errors = this.getErrors();
-    var className = (0, _classnames.default)((0, _utils.getGrid)(grid), (0, _styles.formClass)('item', required && 'required', errors.length > 0 && 'invalid', labelVerticalAlign && "label-vertical-align-" + labelVerticalAlign, ['top', 'right', 'left'].indexOf(labelAlign) >= 0 && "label-align-" + labelAlign), this.props.className);
+    var className = (0, _classnames.default)((0, _utils.getGrid)(grid), (0, _styles.formClass)('item', required && 'required', errors.length > 0 && 'invalid', labelVerticalAlign && "label-vertical-align-" + labelVerticalAlign, keepErrorHeight && "item-keep-height", ['top', 'right', 'left'].indexOf(labelAlign) >= 0 && "label-align-" + labelAlign), this.props.className);
     return _react.default.createElement(Provider, {
       value: this.events
     }, _react.default.createElement("div", {
@@ -217,6 +218,7 @@ function (_Component) {
 Item.propTypes = (0, _objectSpread2.default)({}, (0, _proptypes.getProps)(_propTypes.default, 'children', 'grid'), {
   className: _propTypes.default.string,
   // formItemErrors: PropTypes.array,
+  keepErrorHeight: _propTypes.default.bool,
   label: _propTypes.default.any,
   labelAlign: _propTypes.default.string,
   labelWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
@@ -224,7 +226,8 @@ Item.propTypes = (0, _objectSpread2.default)({}, (0, _proptypes.getProps)(_propT
   tip: _propTypes.default.any
 });
 Item.defaultProps = (0, _objectSpread2.default)({}, _proptypes.defaultProps, {
-  formItemErrors: []
+  formItemErrors: [],
+  keepErrorHeight: true
 });
 var _default = Item; // eslint-disable-next-line
 

package/css/Form/formContext.js

@@ -103,7 +103,8 @@ var formProvider = function formProvider(Origin) {
           disabled = _this$props.disabled,
           pending = _this$props.pending,
           mode = _this$props.mode,
-          size = _this$props.size;
+          size = _this$props.size,
+          keepErrorHeight = _this$props.keepErrorHeight;
       var value = {
         formDatum: datum,
         formMode: mode,
@@ -113,7 +114,8 @@ var formProvider = function formProvider(Origin) {
         labelWidth: labelWidth,
         size: size,
         combineRules: this.combineRules,
-        groupValidate: this.groupValidate
+        groupValidate: this.groupValidate,
+        keepErrorHeight: keepErrorHeight
       };
       return _react.default.createElement(Provider, {
         value: value
@@ -133,7 +135,8 @@ var formProvider = function formProvider(Origin) {
     pending: _propTypes.default.bool,
     rule: _propTypes.default.object,
     rules: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object]),
-    size: _propTypes.default.string
+    size: _propTypes.default.string,
+    keepErrorHeight: _propTypes.default.bool
   };
   return FormProvider;
 };