shineout 1.7.0 → 1.7.1-beta.3

package/css/Popover/index.d.ts

@@ -0,0 +1,241 @@
+import * as React from 'react'
+import { StandardProps, RegularAttributes } from '../@types/common'
+
+type ReactNode = React.ReactNode
+
+export interface PopoverProps extends StandardProps {
+
+  /**
+   * Cancel the popup after clicking the element in mouseEnterDelay
+   *
+   * 在 mouseEnterDelay 内点击元素后取消弹出
+   *
+   * default: false
+   */
+  clickToCancelDelay?: boolean;
+
+  /**
+   * z-index of popover
+   *
+   * Popover 层级
+   *
+   * default: 1060
+   */
+  zIndex?: number;
+
+  /**
+   * Pop-up background-color(with arrows)
+   *
+   * 弹出层背景色（含箭头）
+   *
+   * default: '#fff'
+   */
+  background?: string;
+
+  /**
+   * is visible (controlled)
+   *
+   * 是否显示(受控)
+   *
+   * default: -
+   */
+  visible?: boolean;
+
+  /**
+   * the event of visible change
+   *
+   * 显示隐藏改变时事件
+   *
+   * default: -
+   */
+  onVisibleChange?: (visible: boolean) => void;
+
+  /**
+   * the show delay of mouseenter(ms)
+   *
+   * 移入显示延迟(毫秒)
+   *
+   * default: 0
+   */
+  mouseEnterDelay?: number;
+
+  /**
+   * the hidden delay of mouseleave (ms)
+   *
+   * 移除隐藏延迟(毫秒)
+   *
+   * default: 0
+   */
+  mouseLeaveDelay?: number;
+
+  /**
+   * The color of pop-up border(with arrows)
+   *
+   * 弹出层边框颜色（含箭头）
+   *
+   * default: '#dee2e6'
+   */
+  border?: string;
+
+
+  /**
+   * Pop-up content.
+   *
+   * 弹出显示内容，如果内容为函数，则参数是主动关闭操作
+   *
+   * default: required
+   */
+  children?: ReactNode | ((close: (() => void)) => ReactNode);
+
+  /**
+   * Callback event when close.
+   *
+   * Popover 关闭时回调事件
+   *
+   * default: -
+   */
+  onClose?: () => void;
+
+  /**
+   * Callback event when open.
+   *
+   * Popover 弹出回调事件
+   *
+   * default: -
+   */
+  onOpen?: () => void;
+
+  /**
+   * The position of pop-up layer
+   *
+   * 弹出层位置
+   *
+   * default: 'top'
+   */
+  position?: 'top-left' | 'top' | 'top-right' | 'left-top' | 'left' | 'left-bottom' | 'right-top' | 'right' | 'right-bottom' | 'bottom-left' | 'bottom' | 'bottom-right';
+
+
+  /**
+   * type of show
+   *
+   * 触发方式
+   *
+   * default: 'hover'
+   */
+  trigger?: 'click' | 'hover';
+
+  /**
+   * type of popover
+   *
+   * 类型
+   *
+   * default: none
+   */
+  type?: 'success' | 'info' | 'warning' | 'danger';
+
+  /**
+   * Old API, out of date
+   * .
+   * 旧接口，如果content为空，父组件作为触发元素
+   *
+   * default:
+   */
+  content?: ((close: () => void) => void) | ReactNode;
+
+  /**
+   * Popup location priority, default is left and right priority, only valid when position is not set, Options: ['vertical', 'horizontal']
+   *
+   * 弹出位置优先级, 默认为左右优先, 只在未设置 position 时生效, 可选值['vertical', 'horizontal']
+   *
+   * default: 'vertical'
+   */
+  priorityDirection?: string;
+
+  /**
+   * Custom Popover container, override the default behavior which is rendering under the body, () => DOMElement
+   *
+   * 自定义Popover容器，覆盖默认渲染在body下的行为, () => DOMElement
+   *
+   * default: none
+   */
+  getPopupContainer?: () => HTMLElement;
+
+  /**
+   * scroll to dismiss, return el to order scroller
+   *
+   * 滚动来关闭气泡框，如果需要指定滚动元素，则通过函数返回
+   *
+   * default: false
+   */
+  scrollDismiss?: (() => HTMLElement) | boolean;
+
+  /**
+   * show arrow
+   *
+   * 是否显示箭头
+   *
+   * default: true
+   */
+  showArrow?: boolean;
+
+}
+
+export interface PopoverConfirmProps extends PopoverProps{
+
+  /**
+   * ok button click callback, will close tooltip while returned promise resolve
+   *
+   * 点击确定按钮时触发事件，返回 Promise 时，会在 Promise resolve 后关闭 Tooltip
+   *
+   * default: none
+   */
+  onOk?: () => void;
+
+  /**
+   * cancel button click callback, will close tooltip while returned promise resolve
+   *
+   * 点击取消按钮时触发事件，返回 Promise 时，会在 Promise resolve 后关闭 Tooltip
+   *
+   * default: none
+   */
+  onCancel?: () => void;
+
+  /**
+   * button text
+   *
+   * 按钮文字
+   *
+   * default: { ok: 'Ok', cancel: 'Cancel' }
+   */
+  text?: { ok?: string, cancel?: string };
+
+  /**
+   * ok button's type, same with button type
+   *
+   * 确认按钮的类型，与按钮类型相同
+   *
+   * default: danger
+   */
+  okType?: RegularAttributes.Type;
+
+  /**
+   * ok button's type, same with button type
+   *
+   * 确认按钮的类型，与按钮类型相同
+   *
+   * default: danger
+   */
+  icon?: boolean | ReactNode;
+}
+
+declare class PopoverConfirm extends React.Component<PopoverConfirmProps, {}> {
+  render(): JSX.Element;
+}
+
+declare class Popover extends React.Component<PopoverProps, {}> {
+  static Confirm: typeof PopoverConfirm;
+
+  render(): JSX.Element;
+}
+
+export default Popover

package/css/Popover/styles/popover.css

@@ -308,7 +308,7 @@
   margin-bottom: 8px;
   font-size: var(--font-size-base, 14px);
 }
-.so-popover-confirm .so-popover-mention .so-popover-alert .so-alert-icon path {
+.so-popover-confirm .so-popover-mention .so-alert-warning .so-alert-icon path {
   fill: var(--danger-color, #f85555);
 }
 .so-popover-text {

package/css/Progress/index.d.ts

@@ -0,0 +1,108 @@
+import React from 'react'
+import {StandardProps} from '../@types/common'
+
+type ReactNode = React.ReactNode;
+
+interface ColorStep {
+  form?: string;
+  to?: string;
+  [key: string]: string | undefined
+}
+
+export interface ProgressProps extends StandardProps {
+
+  /**
+   * popup to show children
+   *
+   * 是否通过弹出框展示children
+   *
+   * default: -
+   */
+  popup?: boolean;
+
+  /**
+   * Background color
+   *
+   * 背景色
+   *
+   * default: '#e9ecef'
+   */
+  background?: string;
+
+  /**
+   * Content
+   *
+   * 附加内容
+   *
+   * default: -
+   */
+  children?: string | ReactNode;
+
+  /**
+   * The foreground color can be set to the object to become a gradient
+   *
+   * 前景色, 可以设置为对象变成渐变.
+   *
+   * default: primary
+   */
+  color?: string | ColorStep;
+
+  /**
+   * Options: ['line', 'circle']
+   *
+   * 样式，可选值为 ['line', 'circle']
+   *
+   * default: 'line'
+   */
+  shape?: 'line' | 'circle';
+
+  /**
+   * The width and height of 'circle' shape
+   *
+   * 进度条大小，仅对 circle 有效
+   *
+   * default: 100
+   */
+  size?: number;
+
+  /**
+   * The width of the stroke
+   *
+   * 线框宽度
+   *
+   * default: 8
+   */
+  strokeWidth?: number;
+
+  /**
+   * Container element style
+   *
+   * 最外层扩展样式
+   *
+   * default: -
+   */
+  style?: React.CSSProperties;
+
+  /**
+   * Built-in color, options: ['success', 'info', 'warning', 'danger']
+   *
+   * 内置配色，可选值为，['success', 'info', 'warning', 'danger']
+   *
+   * default: -
+   */
+  type?: 'success' | 'info' | 'warning' | 'danger';
+
+  /**
+   * Percentage, 0 <= value <= 100
+   *
+   * 百分比值，0 <= value <= 100
+   *
+   * default: 0
+   */
+  value?: number;
+}
+
+
+declare class Progress extends React.Component<ProgressProps, {}> {}
+
+export default Progress

package/css/Radio/index.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react'
+import { RuleParamsType } from '../Rule'
+import { StandardProps, StructDataStandardProps, ListItemStandardProps, FormItemStandardProps } from '../@types/common'
+
+type ReactNode = React.ReactNode;
+
+export interface RadioProps<Item = any> extends StandardProps {
+
+  /**
+   * if not set, use (value === htmlValue).
+   *
+   * checked 传入时为受控组件
+   *
+   * default: -
+   */
+  checked?: boolean | 'indeterminate';
+
+  /**
+   * disable checkbox
+   *
+   * 是否禁用
+   *
+   * default: false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specifies the result
+   *
+   * 选中时返回值
+   *
+   * default: true
+   */
+  htmlValue?: any;
+}
+
+export interface RadioGroupProps<Value, Item> extends StandardProps, ListItemStandardProps<Item, Value>, FormItemStandardProps<Value>,
+  Pick<StructDataStandardProps<Item>,'data' | 'renderItem'> {
+  /**
+   * setting the block property can changed it to be vertical layout.
+   *
+   * 设置 block 属性可以改为垂直布局
+   *
+   * default: false
+   */
+  block?: boolean
+}
+
+declare class RadioGroup<Value, Data> extends React.Component<RadioGroupProps<Value, Data>, {}> {
+  render(): JSX.Element;
+}
+
+
+declare class Radio<Value> extends React.Component<RadioProps<Value>, {}> {
+  static Group: typeof RadioGroup;
+
+  render(): JSX.Element;
+}
+
+
+export default Radio

package/css/Rate/index.d.ts

@@ -0,0 +1,65 @@
+import React from 'react'
+import {FormItemStandardProps} from '../@types/common'
+
+export declare interface RateProps extends
+  Pick<FormItemStandardProps<number>, 'value' | 'defaultValue' | 'onChange'> {
+  /**
+   * Whether to allow semi selection
+   *
+   * 是否允许半选
+   *
+   * default: false
+   */
+  allowHalf?: boolean;
+
+  /**
+   * whether to allow clear when click again
+   *
+   * 是否允许再次点击后清除
+   *
+   * default: false
+   */
+  clearable?: boolean;
+
+  /**
+   * read-only
+   *
+   * 是否只读
+   *
+   * default: false
+   */
+  disabled?: boolean;
+
+  /**
+   * The maximum value of the option, integer
+   *
+   * 选项最大值，整数
+   *
+   * default: 5
+   */
+  max?: boolean;
+
+  /**
+   * When repeat is true, display item is a copy of the item corresponding to the current value
+   *
+   * 为 true 时，显示的选项为当前分值对应选项的复制
+   *
+   * default: true
+   */
+  repeat?: boolean;
+
+  /**
+   * the size of the icon
+   *
+   * 图标大小
+   *
+   * default: 20
+   */
+  size?: boolean;
+}
+
+declare class RateComponent extends React.Component<RateProps, any> {}
+type shape = React.ReactElement | string | Array< string | React.ReactElement >
+declare function Rate(background: shape, front: shape) : (typeof RateComponent)
+
+export default  Rate

package/css/Rule/index.d.ts

@@ -0,0 +1,90 @@
+type TypeEnum  = 'email' | 'integer' | 'number' | 'url' | 'json' | 'hex' | 'rgb' | 'ipv4';
+export interface Required {
+  required?: boolean;
+  message?: string;
+}
+
+export interface Max {
+  max?: number;
+  message?: string;
+}
+
+export interface Min {
+  min?: number;
+  message?: string;
+}
+
+export interface Range extends Min, Max {}
+
+export interface Type {
+  type?:  TypeEnum
+  message?: string;
+}
+
+export interface RegExpParams {
+  regExp?: RegExp | string;
+  message?: string;
+}
+
+export interface validFunc {
+  (value: any, formData: any, callback: (cbArgs: true | Error) => void, props: any) : (void | Promise<any>);
+}
+
+export interface RuleParams {
+  required?: Required;
+  min?: Min;
+  max?: Max;
+  range?: Range;
+  regExp?: RegExpParams;
+  email?: Type;
+  integer?: Type;
+  number?: Type;
+  url?: Type;
+  json?: Type;
+  hex?: Type;
+  rgb?:Type;
+  ipv4?: Type;
+  [propName: string]: ({
+    func?: validFunc;
+    message?: string
+    [propName: string]: any;
+  } | validFunc | any) ;
+}
+
+export type RuleParamsType<Value, P = any, FormData = any> = Array<RuleParams | ((value?: Value, formData?: FormData, callback?: ((cbArgs: true | Error) => void), props?: P) => void)>
+
+export interface RuleResult {
+  required (message?: string): Required;
+
+  min(number?: number, message?: string): Min;
+
+  max(number?: number, message?: string): Max;
+
+  range(min?: number, max?: number, message?: string): Range;
+
+  regExp(reg?: RegExp | string): RegExpParams;
+
+  email(message?: string): Type;
+
+  integer(message?: string): Type;
+
+  number(message?: string): Type;
+
+  url(message?: string): Type;
+
+  json(message?: string): Type;
+
+  hex(message?: string): Type;
+
+  rgb(message?: string):Type;
+
+  ipv4(message?: string): Type;
+
+}
+
+ declare function Rule<T extends RuleParams, U>(...options: T[]) : {
+  [P in keyof T]: (args?: U ) => {args: U, func: validFunc, message?: string}
+ } & RuleResult
+
+
+export default Rule

package/css/Select/BoxList.js

@@ -197,7 +197,8 @@ function (_Component) {
         loading = _this$props7.loading,
         columns = _this$props7.columns,
         data = _this$props7.data,
-        renderPending = _this$props7.renderPending;
+        renderPending = _this$props7.renderPending,
+        emptyText = _this$props7.emptyText;
     if (loading) return null;
     var stack = columns === -1;
     var empty = renderPending || data.length === 0;
@@ -206,7 +207,7 @@ function (_Component) {
     }, empty ? _react.default.createElement("div", {
       key: "empty",
       className: (0, _styles.selectClass)('no-data')
-    }, this.getText('noData')) : _react.default.createElement(_react.default.Fragment, null, stack ? this.renderStack() : this.renderLazyList()));
+    }, emptyText || this.getText('noData')) : _react.default.createElement(_react.default.Fragment, null, stack ? this.renderStack() : this.renderLazyList()));
   };
 
   _proto.render = function render() {
@@ -263,7 +264,8 @@ BoxList.propTypes = {
   getRef: _propTypes.default.func,
   columnsTitle: _propTypes.default.any,
   customHeader: _propTypes.default.node,
-  renderPending: _propTypes.default.bool
+  renderPending: _propTypes.default.bool,
+  emptyText: _propTypes.default.node
 };
 BoxList.defaultProps = {
   columnWidth: 160

package/css/Select/OptionList.js

@@ -215,7 +215,8 @@ function (_Component) {
         onChange = _this$props3.onChange,
         renderItem = _this$props3.renderItem,
         groupKey = _this$props3.groupKey,
-        filterText = _this$props3.filterText;
+        filterText = _this$props3.filterText,
+        emptyText = _this$props3.emptyText;
     var _this$state2 = this.state,
         hoverIndex = _this$state2.hoverIndex,
         currentIndex = _this$state2.currentIndex;
@@ -233,7 +234,7 @@ function (_Component) {
     }) : loading);
     if (data.length === 0 || renderPending) return _react.default.createElement("span", {
       className: (0, _styles.selectClass)('option')
-    }, this.getText('noData'));
+    }, emptyText || this.getText('noData'));
     return _react.default.createElement(_Scroll.default, {
       scroll: scroll,
       style: {
@@ -314,7 +315,8 @@ OptionList.propTypes = {
   getRef: _propTypes.default.func,
   customHeader: _propTypes.default.node,
   filterText: _propTypes.default.string,
-  hideCreateOption: _propTypes.default.bool
+  hideCreateOption: _propTypes.default.bool,
+  emptyText: _propTypes.default.node
 };
 var _default = OptionList;
 exports.default = _default;

package/css/Select/OptionTree.js

@@ -83,7 +83,8 @@ function (_Component) {
         defaultExpandAll = _this$props3.defaultExpandAll,
         renderPending = _this$props3.renderPending,
         childrenKey = _this$props3.childrenKey,
-        expandIcons = _this$props3.expandIcons;
+        expandIcons = _this$props3.expandIcons,
+        emptyText = _this$props3.emptyText;
     if (loading) return _react.default.createElement("span", {
       className: (0, _styles.selectClass)('option')
     }, typeof loading === 'boolean' ? _react.default.createElement(_Spin.default, {
@@ -91,7 +92,7 @@ function (_Component) {
     }) : loading);
     if (treeData.length === 0 || renderPending) return _react.default.createElement("span", {
       className: (0, _styles.selectClass)('option')
-    }, this.getText('noData'));
+    }, emptyText || this.getText('noData'));
     return _react.default.createElement("div", {
       className: (0, _styles.selectClass)('tree-wrapper')
     }, _react.default.createElement(_Tree.default, {
@@ -156,7 +157,8 @@ OptionList.propTypes = {
   childrenKey: _propTypes.default.string,
   getRef: _propTypes.default.func,
   customHeader: _propTypes.default.node,
-  expandIcons: _propTypes.default.array
+  expandIcons: _propTypes.default.array,
+  emptyText: _propTypes.default.node
 };
 var _default = OptionList;
 exports.default = _default;