shineout 1.9.1 → 1.9.2

package/es/@types/common.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import { RuleParamsType } from '../Rule'
 
 export interface StandardProps {
     /**
@@ -79,6 +80,24 @@ export interface FormItemStandardProps<Value = any> {
      * default: false
      */
     filterSameChange?: boolean;
+
+    /**
+     * Validation rules
+     *
+     * 校验规则
+     *
+     * default: -
+     */
+      rules?: RuleParamsType<Value>;
+
+      /**
+       * Binding validation field name. When the value changes, the bound field validation is triggered.
+       *
+       * 绑定校验字段名。当值变化后，触发绑定的字段校验。
+       *
+       * default: -
+       */
+      bind?: string[];
 }
 export interface ListItemStandardProps<Item = any, Value = any> {
     /**

package/es/Cascader/Input.js

@@ -3,7 +3,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { cascaderClass } from './styles';
-import { focusElement, getCursorOffset } from '../utils/dom/element';
+import { focusElement, getCursorOffset, preventPasteFile } from '../utils/dom/element';
 
 var handleFocus = function handleFocus(e) {
   e.stopPropagation();
@@ -83,24 +83,15 @@ function (_Component) {
     this.lastCursorOffset = getCursorOffset(text.length);
     var t = this.getProcessedValue(text);
     this.props.onFilter(t);
-  };
+  } // eslint-disable-next-line class-methods-use-this
+  ;
 
   _proto.handlePaste = function handlePaste(e) {
-    var text = (e.clipboardData || window.clipboardData).getData('text/plain');
-    if (!text) return;
-    e.preventDefault();
-    document.execCommand('insertText', false, text);
-    this.handleInput({
-      target: {
-        innerText: text
-      }
-    });
+    preventPasteFile(e);
   };
 
   _proto.render = function render() {
-    var _this$props = this.props,
-        focus = _this$props.focus,
-        filterText = _this$props.filterText;
+    var focus = this.props.focus;
     var props = {
       className: cascaderClass('input', !focus && 'ellipsis'),
       ref: this.bindElement,

package/es/Checkbox/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { RuleParamsType } from '../Rule'
 import { StandardProps, FormItemStandardProps, ListItemStandardProps } from '../@types/common'
 
 type ReactNode = React.ReactNode;
@@ -33,16 +32,6 @@ export interface CheckboxProps<T> extends StandardProps, FormItemStandardProps<T
    */
   htmlValue?: any;
 
-
-  /**
-   * Validation rules
-   *
-   * 校验规则
-   *
-   * default: -
-   */
-  rules?: RuleParamsType<T, CheckboxProps<T>>
-
 }
 
 // attention: checkbox group value is array

package/es/Input/index.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react'
 import { PopoverProps } from '../Popover'
-import { RuleParamsType } from '../Rule'
 import { StandardProps, RegularAttributes, FormItemStandardProps, CommonProps } from '../@types/common'
 
 type ReactNode = React.ReactNode;
@@ -144,15 +143,6 @@ FormItemStandardProps<Value> {
    */
   maxLength?: number;
 
-  /**
-   * Validation rules
-   *
-   * 校验规则
-   *
-   * default: -
-   */
-  rules?: RuleParamsType<Value, InputProps<Value>>;
-
   /**
    * get input element
    *

package/es/InputTitle/styles/inputTitle.less

@@ -51,6 +51,10 @@
       flex-grow: 1;
       width: 0;
     }
+    .@{input-title-prefix}-title {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
   }
   &:not(&-open) &-hideable {opacity: 0;}
   &:hover + .@{input-prefix}-clear-wrapper {display: block;}

package/es/Radio/index.d.ts

@@ -1,8 +1,6 @@
 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 {
 

package/es/Rate/Rate.js

@@ -6,7 +6,6 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { PureComponent } from '../component';
 import { range } from '../utils/numbers';
-import { getParent } from '../utils/dom/element';
 import { getProps, defaultProps } from '../utils/proptypes';
 import { rateClass } from './styles';
 import getDataset from '../utils/dom/getDataset';
@@ -91,7 +90,7 @@ function (_PureComponent) {
         clearable = _this$props2.clearable,
         allowHalf = _this$props2.allowHalf;
 
-    if (allowHalf && getParent(e.target, "." + rateClass('allow-half'))) {
+    if (allowHalf && e.target.parentElement.querySelector("." + rateClass('allow-half'))) {
       value -= 0.5;
     }
 

package/es/Select/styles/select.less

@@ -335,8 +335,8 @@
           }
 
           &.@{select-prefix}-selected {
-            background-color: @primary-color-fade-60;
-            color: white;
+            background-color: @primary-color-fade-10;
+            color: @colors-primary;
           }
           &.@{select-prefix}-disabled {
             padding-right: @select-result-space;

package/es/TreeSelect/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { RuleParamsType } from '../Rule'
 import { CommonProps, StandardProps } from '../@types/common'
 
 type ReactNode = React.ReactNode;
@@ -280,15 +279,6 @@ export interface TreeSelectProps<Value, Data> extends StandardProps,
    */
   onCollapse?: (collapse: boolean) => void;
 
-  /**
-   * Validation rules
-   *
-   * 校验规则
-   *
-   * default: -
-   */
-  rules?: RuleParamsType<Value, TreeSelectProps<Value, Data>>;
-
   /**
    * render unmatch value
    *

package/es/index.d.ts

@@ -1,7 +1,7 @@
 // Created by scripts/src-index.js.
 import * as utils from './utils'
 
-export default { utils, version: '1.9.1' }
+export default { utils, version: '1.9.2' }
 export { utils }
 export { setLocale } from './locale'
 export { color, style } from './utils/expose'

package/es/index.js

@@ -2,7 +2,7 @@
 import * as utils from './utils';
 export default {
   utils: utils,
-  version: '1.9.1'
+  version: '1.9.2'
 };
 export { utils };
 export { setLocale } from './locale';

package/lib/@types/common.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import { RuleParamsType } from '../Rule'
 
 export interface StandardProps {
     /**
@@ -79,6 +80,24 @@ export interface FormItemStandardProps<Value = any> {
      * default: false
      */
     filterSameChange?: boolean;
+
+    /**
+     * Validation rules
+     *
+     * 校验规则
+     *
+     * default: -
+     */
+      rules?: RuleParamsType<Value>;
+
+      /**
+       * Binding validation field name. When the value changes, the bound field validation is triggered.
+       *
+       * 绑定校验字段名。当值变化后，触发绑定的字段校验。
+       *
+       * default: -
+       */
+      bind?: string[];
 }
 export interface ListItemStandardProps<Item = any, Value = any> {
     /**

package/lib/Cascader/Input.js

@@ -97,24 +97,15 @@ function (_Component) {
     this.lastCursorOffset = (0, _element.getCursorOffset)(text.length);
     var t = this.getProcessedValue(text);
     this.props.onFilter(t);
-  };
+  } // eslint-disable-next-line class-methods-use-this
+  ;
 
   _proto.handlePaste = function handlePaste(e) {
-    var text = (e.clipboardData || window.clipboardData).getData('text/plain');
-    if (!text) return;
-    e.preventDefault();
-    document.execCommand('insertText', false, text);
-    this.handleInput({
-      target: {
-        innerText: text
-      }
-    });
+    (0, _element.preventPasteFile)(e);
   };
 
   _proto.render = function render() {
-    var _this$props = this.props,
-        focus = _this$props.focus,
-        filterText = _this$props.filterText;
+    var focus = this.props.focus;
     var props = {
       className: (0, _styles.cascaderClass)('input', !focus && 'ellipsis'),
       ref: this.bindElement,

package/lib/Checkbox/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { RuleParamsType } from '../Rule'
 import { StandardProps, FormItemStandardProps, ListItemStandardProps } from '../@types/common'
 
 type ReactNode = React.ReactNode;
@@ -33,16 +32,6 @@ export interface CheckboxProps<T> extends StandardProps, FormItemStandardProps<T
    */
   htmlValue?: any;
 
-
-  /**
-   * Validation rules
-   *
-   * 校验规则
-   *
-   * default: -
-   */
-  rules?: RuleParamsType<T, CheckboxProps<T>>
-
 }
 
 // attention: checkbox group value is array

package/lib/Input/index.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react'
 import { PopoverProps } from '../Popover'
-import { RuleParamsType } from '../Rule'
 import { StandardProps, RegularAttributes, FormItemStandardProps, CommonProps } from '../@types/common'
 
 type ReactNode = React.ReactNode;
@@ -144,15 +143,6 @@ FormItemStandardProps<Value> {
    */
   maxLength?: number;
 
-  /**
-   * Validation rules
-   *
-   * 校验规则
-   *
-   * default: -
-   */
-  rules?: RuleParamsType<Value, InputProps<Value>>;
-
   /**
    * get input element
    *

package/lib/InputTitle/styles/inputTitle.less

@@ -51,6 +51,10 @@
       flex-grow: 1;
       width: 0;
     }
+    .@{input-title-prefix}-title {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
   }
   &:not(&-open) &-hideable {opacity: 0;}
   &:hover + .@{input-prefix}-clear-wrapper {display: block;}

package/lib/Radio/index.d.ts

@@ -1,8 +1,6 @@
 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 {
 

package/lib/Rate/Rate.js

@@ -21,8 +21,6 @@ var _component = require("../component");
 
 var _numbers = require("../utils/numbers");
 
-var _element = require("../utils/dom/element");
-
 var _proptypes = require("../utils/proptypes");
 
 var _styles = require("./styles");
@@ -110,7 +108,7 @@ function (_PureComponent) {
         clearable = _this$props2.clearable,
         allowHalf = _this$props2.allowHalf;
 
-    if (allowHalf && (0, _element.getParent)(e.target, "." + (0, _styles.rateClass)('allow-half'))) {
+    if (allowHalf && e.target.parentElement.querySelector("." + (0, _styles.rateClass)('allow-half'))) {
       value -= 0.5;
     }
 

package/lib/Select/styles/select.less

@@ -335,8 +335,8 @@
           }
 
           &.@{select-prefix}-selected {
-            background-color: @primary-color-fade-60;
-            color: white;
+            background-color: @primary-color-fade-10;
+            color: @colors-primary;
           }
           &.@{select-prefix}-disabled {
             padding-right: @select-result-space;

package/lib/TreeSelect/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { RuleParamsType } from '../Rule'
 import { CommonProps, StandardProps } from '../@types/common'
 
 type ReactNode = React.ReactNode;
@@ -280,15 +279,6 @@ export interface TreeSelectProps<Value, Data> extends StandardProps,
    */
   onCollapse?: (collapse: boolean) => void;
 
-  /**
-   * Validation rules
-   *
-   * 校验规则
-   *
-   * default: -
-   */
-  rules?: RuleParamsType<Value, TreeSelectProps<Value, Data>>;
-
   /**
    * render unmatch value
    *

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 // Created by scripts/src-index.js.
 import * as utils from './utils'
 
-export default { utils, version: '1.9.1' }
+export default { utils, version: '1.9.2' }
 export { utils }
 export { setLocale } from './locale'
 export { color, style } from './utils/expose'

package/lib/index.js

@@ -224,6 +224,6 @@ exports.Upload = _Upload.default;
 // Created by scripts/src-index.js.
 var _default = {
   utils: utils,
-  version: '1.9.1'
+  version: '1.9.2'
 };
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shineout",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "Shein 前端组件库",
   "main": "./lib/index.js",
   "module": "./es/index.js",