shineout 1.7.0 → 1.7.1-beta.3

package/css/DatePicker/index.d.ts

@@ -0,0 +1,262 @@
+import * as React from 'react'
+import { StandardProps, FormItemStandardProps, CommonProps } from '../@types/common'
+
+export type DateTimeType = Date | number | string | undefined
+
+export type AreaType = 'year' | 'month' | 'week' | 'day' | 'time' | 'quick'
+
+export type DisabledType = 'start' | 'end'
+
+export type DatePickerValue = DateTimeType | [DateTimeType, DateTimeType];
+
+interface Base {
+  [propType: string]: any
+}
+
+export interface QuickSelect extends Base {
+  name?: string;
+  value?: Array<DateTimeType> | DateTimeType;
+}
+
+export interface DatePickerProps<T =DatePickerValue > extends StandardProps,
+FormItemStandardProps<T>,
+  Pick<CommonProps, 'absolute'> {
+
+  /**
+   * onChange get undefined while clear
+   *
+   * 清空值时抛出 undefined
+   *
+   * default: false
+   */
+  clearWithUndefined?: boolean;
+
+  /**
+   * show border bottom
+   *
+   * 仅仅展示下边框
+   *
+   * default: false
+   */
+   underline?: boolean;
+
+  /**
+   * width
+   *
+   * 宽度
+   *
+   * default: null
+   */
+  width?: number | string;
+
+  /**
+   * whether it can be cleared
+   *
+   * 是否可清空
+   *
+   * default: true
+   */
+  clearable?: boolean;
+
+  /**
+   * When the value is true, disabled all options; When the value is function, disable the options that this function returns true.
+   *
+   * 如果 disabled 为 true，禁用全部选项，如果 disabled 为函数，根据函数反回结果禁用选项
+   *
+   * default: false
+   */
+  disabled?: ((date: Date, type: DisabledType, value: DatePickerValue,) => boolean) | boolean;
+
+  /**
+   * default values for different types: 'date': 'yyyy-MM-dd'. 'time': 'HH:mm:ss'. 'week': 'RRRR II'. 'month': 'yyyy-MM'. 'datetime': 'yyyy-MM-dd HH:mm:ss'
+   *
+   *
+   * 不同type对应的默认值。'date': 'yyyy-MM-dd'。'time': 'HH:mm:ss'。'week': 'RRRR II'。'month': 'yyyy-MM'。'datetime': 'yyyy-MM-dd HH:mm:ss'
+   *
+   *
+   * default:
+   */
+  format?: string;
+
+  /**
+   * Format the selected time
+   *
+   * 对选中时间进行格式化
+   *
+   * default: props.format
+   */
+  formatResult?: string | ((date: Date) => string);
+
+  /**
+   * a callback when the value is changing
+   *
+   * 值改变回调函数
+   *
+   * default: -
+   */
+  onChange?: (value: T, quickSelect?: QuickSelect | void) => void;
+
+  /**
+   * placeholder text. When the range property is not empty, it is an array of length 2.
+   *
+   * 占位文字。range 属性不为空时，为长度为2的数组
+   *
+   * default: -
+   */
+  placeholder?: string | string[];
+
+  /**
+   * range span，unit: **second**，When it is true, selection scope is not limited.
+   *
+   * 范围跨度，单位 **秒**，为 true 时表示不限制选择范围。
+   *
+   * default: -
+   */
+  range?: boolean | number;
+
+  /**
+   * type of datepicker
+   *
+   * 时间类型
+   *
+   * default: 'date'
+   */
+  type?: 'date' | 'time' | 'datetime' | 'month' | 'week';
+
+  /**
+   * Default time when selecting a date, the format is: 'HH:mm:ss'
+   *
+   * 选择日期时默认的时间, 格式为: 'HH:mm:ss'
+   *
+   * default: -
+   */
+  defaultTime?: DatePickerValue;
+
+  /**
+   * panel z-index
+   *
+   * 选择面板 z-index 值
+   *
+   * default: 1000
+   */
+  zIndex?: number;
+
+  /**
+   * allow single select, only in range can set
+   *
+   * 是否允许单选, 仅在 range 模式下有效
+   *
+   * default: false
+   */
+  allowSingle?: boolean;
+
+  /**
+   * quick select, only in range can set, name: tip, value: range date
+   *
+   * 快速选择, 仅在 range 模式下有效, name: 文字提示, value: 时间范围
+   *
+   * default: false
+   */
+  quickSelect?: Array<QuickSelect>;
+
+  /**
+   * option min value
+   *
+   * 可选最小值
+   *
+   * default: none
+   */
+  min?: DateTimeType;
+
+  /**
+   * option max value
+   *
+   * 可选最大值
+   *
+   * default: none
+   */
+  max?: DateTimeType;
+
+  /**
+   * The initial month of range selection, the value is a time object, valid only in range mode, and the priority is lower than value and defaultValue
+   *
+   * 范围选择的初始月份, 值为时间对象 或者时间戳, 仅在 range 模式下生效, 优先级低于 value 和 defaultValue
+   *
+   * default: -
+   */
+  defaultRangeMonth?: Array<DateTimeType>;
+
+  /**
+   *
+   * default date of panel，work under has no value
+   *
+   * 面板默认时间，在未选择日期时生效
+   *
+   * default: -
+   *
+   */
+  defaultPickerValue?: DateTimeType | DateTimeType[];
+
+  /**
+   * hour step
+   *
+   * 小时选项步长
+   *
+   * default: none
+   */
+  hourStep?: number;
+
+  /**
+   * minute step
+   *
+   * 分钟选项步长
+   *
+   * default: none
+   */
+  minuteStep?: number;
+
+  /**
+   * second step
+   *
+   * 秒选项步长
+   *
+   * default: none
+   */
+  secondStep?: number;
+
+  /**
+   * Disable the specified Time.
+   *
+   * 禁用指定 Time。
+   *
+   * default: none
+   */
+  disabledTime?: string | ((time: string) => boolean);
+
+  /**
+   * horizontal align of the value
+   *
+   * 值水平排布方式
+   *
+   * default: center
+   *
+   */
+  align?: 'left' | 'right' | 'center';
+
+  /**
+   * value onchange callback (every type of date)
+   *
+   * 值改变回调，有别于 onChange, onPickerChange会在每项值改变的时候执行
+   *
+   * default: none
+   */
+  onPickerChange?: (value: DatePickerValue, quickSelect: QuickSelect | void, areaType: AreaType) => void;
+}
+
+declare class DatePicker extends React.Component<DatePickerProps, {}> {
+
+  render(): JSX.Element;
+}
+
+export default DatePicker
+

package/css/DatePicker/utils.js

@@ -153,7 +153,7 @@ function startOfWeek(day, options) {
 
 function toDate(day) {
   if (!day) return new Date('');
-  if (day instanceof Date) return day;
+  if (day instanceof Date) return (0, _dayjs.default)(day).toDate();
   return (0, _dayjs.default)(day).toDate();
 }
 

package/css/Datum/List.js

@@ -50,6 +50,16 @@ function () {
     this.$cachedFlatten = new Map();
   };
 
+  _proto.resetValueMap = function resetValueMap() {
+    var map = new Map();
+
+    for (var i = 0; i < this.$values.length; i++) {
+      map.set(this.$values[i], true);
+    }
+
+    this.valueMap = map;
+  };
+
   _proto.setDisabled = function setDisabled(disabled) {
     if (this.$cachedDisabled === disabled) return;
     this.$cachedDisabled = disabled;
@@ -70,6 +80,7 @@ function () {
 
   _proto.handleChange = function handleChange(values) {
     this.$values = values;
+    this.resetValueMap();
     this.dispatch(_types.CHANGE_TOPIC);
 
     if (this.onChange) {
@@ -119,6 +130,7 @@ function () {
     if (data === undefined || data === null) return; // clear value
 
     if (this.limit === 1) this.$values = [];
+    this.resetValueMap();
     var raws = Array.isArray(data) ? data : [data];
 
     if (childrenKey && this.limit !== 1) {
@@ -156,6 +168,7 @@ function () {
 
   _proto.set = function set(value) {
     this.$values = [];
+    this.resetValueMap();
     this.add(value);
   };
 
@@ -168,7 +181,7 @@ function () {
       return false;
     }
 
-    return this.values.indexOf(this.format(raw)) >= 0;
+    return this.valueMap.get(this.format(raw));
   };
 
   _proto.getDataByValue = function getDataByValue(data, value) {
@@ -246,30 +259,51 @@ function () {
       return !_this4.disabled(r);
     });
     var values = [];
-    var prediction = this.prediction || this.defaultPrediction.bind(this);
 
-    outer: for (var _iterator2 = this.values, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
-      var _ref2;
+    if (!this.prediction) {
+      var rowValueMap = new Map();
 
-      if (_isArray2) {
-        if (_i2 >= _iterator2.length) break;
-        _ref2 = _iterator2[_i2++];
-      } else {
-        _i2 = _iterator2.next();
-        if (_i2.done) break;
-        _ref2 = _i2.value;
+      for (var i = 0; i < raws.length; i++) {
+        if (raws[i].IS_NOT_MATCHED_VALUE) {
+          rowValueMap.set(raws[i].value, true);
+        } else {
+          rowValueMap.set(this.format(raws[i]), true);
+        }
       }
 
-      var val = _ref2;
+      for (var _i2 = 0; _i2 < this.values.length; _i2++) {
+        var val = this.values[_i2];
 
-      for (var j = 0; j < raws.length; j++) {
-        if (raws[j].IS_NOT_MATCHED_VALUE && val === raws[j].value || prediction(val, raws[j])) {
-          raws.splice(j, 1);
-          continue outer;
+        if (!rowValueMap.get(val)) {
+          values.push(val);
         }
       }
+    } else {
+      var prediction = this.prediction;
+
+      outer: for (var _iterator2 = this.values, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
+        var _ref2;
+
+        if (_isArray2) {
+          if (_i3 >= _iterator2.length) break;
+          _ref2 = _iterator2[_i3++];
+        } else {
+          _i3 = _iterator2.next();
+          if (_i3.done) break;
+          _ref2 = _i3.value;
+        }
+
+        var _val = _ref2;
 
-      values.push(val);
+        for (var j = 0; j < raws.length; j++) {
+          if (raws[j].IS_NOT_MATCHED_VALUE && _val === raws[j].value || prediction(_val, raws[j])) {
+            raws.splice(j, 1);
+            continue outer;
+          }
+        }
+
+        values.push(_val);
+      }
     } // this.values = values
 
 
@@ -300,6 +334,7 @@ function () {
 
   _proto.resetValue = function resetValue(values, cached) {
     this.$values = values;
+    this.resetValueMap();
 
     if (this.onChange && !cached) {
       this.onChange(this.getValue());
@@ -348,6 +383,7 @@ function () {
 
     if (type === _types.WITH_OUT_DISPATCH) {
       this.$values = this.formatValue(values);
+      this.resetValueMap();
     } else {
       this.resetValue(this.formatValue(values), (0, _shallowEqual.default)(this.$cachedValue, values));
     }
@@ -367,6 +403,7 @@ function () {
     },
     set: function set(values) {
       this.$values = values;
+      this.resetValueMap();
       this.dispatch(_types.CHANGE_TOPIC);
 
       if (this.onChange) {

package/css/Divider/index.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react'
+import { StandardProps } from '../@types/common'
+
+type ReactNode = React.ReactNode;
+
+export interface DividerProps extends StandardProps{
+  
+    /**
+     * desc: Content, text or react component
+     * 
+     * 分割线中文字内容
+     * 
+     * default: -
+     */
+    children?: ReactNode;
+  
+    /**
+     * desc: mode of divider
+     * 
+     * 分割线排布模式
+     * 
+     * default: *horizontal*
+     */
+    mode?: 'horizontal' | 'vertical';
+  
+    /**
+     * desc: The position of title inside divider
+     * 
+     * 水平分割线的文字排布位置
+     * 
+     * default: *center*
+     */
+    orientation?: 'center' | 'left' | 'right';
+  
+}
+
+
+
+declare class Divider extends React.Component<DividerProps, {}>  {}
+export default Divider

package/css/Drawer/index.d.ts

@@ -0,0 +1,165 @@
+import * as React from 'react';
+type ReactNode = React.ReactNode;
+
+
+
+declare class Drawer extends React.Component<DrawerProps, {}> { 
+  
+  render(): JSX.Element;
+}
+
+export interface DrawerProps {
+  
+    /**
+     * desc: Extend className
+     * default: -
+     */
+    className?: string;
+  
+    /**
+     * desc: Extend Drawer body style
+     * default: -
+     */
+    bodyStyle?: object;
+  
+    /**
+     * desc: The content at the bottom
+     * default: -
+     */
+    footer?: ReactNode;
+  
+    /**
+     * desc: Whether to close the mask when the mask is clicked
+     * default: true
+     */
+    maskCloseAble?: boolean;
+  
+    /**
+     * desc: The opacity of the mask
+     * default: 0.25
+     */
+    maskOpacity?: number;
+  
+    /**
+     * desc: Pop-up position, one of ['top', 'right', 'bottom', 'left']
+     * default: -
+     */
+    position?: string;
+  
+    /**
+     * desc: Extend style
+     * default: -
+     */
+    style?: object;
+  
+    /**
+     * desc: the title of the pop-up layer
+     * default: -
+     */
+    title?: ReactNode;
+  
+    /**
+     * desc: When the usePortal is true, use ReactDOM.createPortal to create the pop-up layer, otherwise use ReactDOM.render.<br /> Use ReactDOM.render while func call.
+     * default: true
+     */
+    usePortal?: boolean;
+  
+    /**
+     * desc: 
+     * default: false
+     */
+    visible?: boolean;
+  
+    /**
+     * desc: the width of the Drawer
+     * default: 'auto'
+     */
+    width?: number | string;
+  
+    /**
+     * desc: the height of the Drawer
+     * default: 'auto'
+     */
+    height?: number | string;
+  
+    /**
+     * desc: Drawer z-index
+     * default: 1050
+     */
+    zIndex?: number;
+  
+    /**
+     * desc: the root element of Drawer, the mask parent element
+     * default: -
+     */
+    rootClassName?: string;
+  
+    /**
+     * desc: target element
+     * default: document.body
+     */
+    container?: () => HTMLElement | HTMLElement;
+  
+    /**
+     * desc: mask background
+     * default: null
+     */
+    maskBackground?: string;
+  
+    /**
+     * desc: Drawer close callback
+     * default: none
+     */
+    onClose?: () => void;
+  
+    /**
+     * desc: Whether to destroy elements when it is closed
+     * default: false
+     */
+    destroy?: boolean;
+  
+    /**
+     * desc: hide the close button
+     * default: none
+     */
+    hideClose?: boolean;
+  
+    /**
+     * desc: Drawer Title show status icon
+     * default: null
+     */
+    type?: 'info' | 'success' | 'warning' | 'error' | 'normal';
+  
+    /**
+     * desc: toggle zoom animation
+     * default: false
+     */
+    zoom?: boolean;
+  
+    /**
+     * desc: esc to close
+     * default: true
+     */
+    esc?: boolean;
+  
+    /**
+     * desc: Drawer events list, use stopPropagation at createPortal
+     * default: none
+     */
+    events?: object;
+  
+    /**
+     * desc: display Drawer with full screen
+     * default: false
+     */
+    fullScreen?: boolean;
+  
+    /**
+     * desc: Whether to force the mask transparency (in multi-layer Drawer, the transparency of other Drawer masks except the first layer will be adjusted to 0.01)
+     * default: false
+     */
+    forceMask?: boolean;
+  
+}
+
+export default Drawer;