shineout 2.0.0-rc.6 → 2.0.0-rc.8

package/css/Checkbox/CheckItem.js

@@ -31,6 +31,8 @@ var _is = require("../utils/is");
 
 var _Input = _interopRequireDefault(require("../Input"));
 
+var _Spin = _interopRequireDefault(require("../Spin"));
+
 var _styles = require("./styles");
 
 var _config = require("../config");
@@ -154,11 +156,13 @@ function checkItem(type) {
           size = _this$props5.size,
           children = _this$props5.children,
           inputable = _this$props5.inputable,
-          onClick = _this$props5.onClick;
+          onClick = _this$props5.onClick,
+          loading = _this$props5.loading;
       var rtl = (0, _config.isRTL)();
       var checked = this.getChecked();
       var isSwitch = type === 'switch';
-      var className = (0, _classnames.default)((0, _styles.checkinputClass)('_', disabled && 'disabled', checked === true && 'checked', checked === 'indeterminate' && 'indeterminate', isSwitch && 'switch', type + "-container", rtl && 'rtl', {
+      var ban = disabled || isSwitch && loading;
+      var className = (0, _classnames.default)((0, _styles.checkinputClass)('_', ban && 'disabled', checked === true && 'checked', checked === 'indeterminate' && 'indeterminate', isSwitch && 'switch', loading && 'loading', type + "-container", rtl && 'rtl', {
         large: size === 'large',
         small: size === 'small'
       }), this.props.className);
@@ -180,10 +184,10 @@ function checkItem(type) {
         ref: this.bindRef
         /* @ts-ignore */
         ,
-        disabled: disabled
+        disabled: ban
       }, (0, _getDataset.default)(this.props)), switchChildren, _react.default.createElement("input", {
         id: this.id,
-        disabled: disabled,
+        disabled: ban,
         tabIndex: -1,
         type: isSwitch ? 'checkbox' : type,
         onClick: onClick,
@@ -199,7 +203,11 @@ function checkItem(type) {
         value: value
       }), isSwitch && _react.default.createElement("span", {
         className: (0, _styles.checkinputClass)((0, _classname.getDirectionClass)('switch-indicator'))
-      }));
+      }, loading ? _react.default.createElement(_Spin.default, {
+        size: "auto",
+        color: "none",
+        name: "ring"
+      }) : null));
     };
 
     return CheckItem;

package/css/Checkbox/Props.d.ts

@@ -15,6 +15,15 @@ export interface CheckItemProps extends StandardProps {
      * default: false
      */
     disabled?: boolean;
+    /**
+     *
+     *  loading
+     *
+     * 加载中
+     *
+     * default: false
+     */
+    loading?: boolean;
     /**
      * if not set, use (value === htmlValue).
      *
@@ -61,10 +70,10 @@ export interface CheckItemProps extends StandardProps {
     size?: 'small' | 'default' | 'large';
     content?: [ReactNode, ReactNode] | [];
 }
-export declare type SimpleCheckProps = Omit<CheckItemProps, 'content' | 'onChange'> & {
+export declare type SimpleCheckProps = Omit<CheckItemProps, 'content' | 'onChange' | 'loading'> & {
     onChange?: ((value: any, checked: CheckValueType, index?: number) => void);
 };
-export declare type SimpleRadioProps = Omit<CheckItemProps, 'content' | 'onChange' | 'onRawChange' | 'inputable' | 'value'> & {
+export declare type SimpleRadioProps = Omit<CheckItemProps, 'content' | 'onChange' | 'onRawChange' | 'inputable' | 'value' | 'loading'> & {
     checked?: boolean | ((htmlValue: any) => boolean);
     onChange?: ((value: any, checked: CheckValueType, index?: number) => void);
 };

package/css/Checkbox/styles/checkinput.css

@@ -393,11 +393,22 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   border-radius: 50%;
   -webkit-box-shadow: 0 1px 4px var(--gray-500, #adb5bd);
           box-shadow: 0 1px 4px var(--gray-500, #adb5bd);
+  font-size: var(--switch-indicator-size, 24px);
+  color: var(--switch-unchecked-bg, #ced4da);
 }
 .so-checkinput-rtl .so-checkinput-switch-indicator {
   left: auto;
   right: var(--switch-indicator-padding-horizontal, 0px);
 }
+.so-checkinput-loading .so-checkinput-switch-indicator .so-spin-ring {
+  position: absolute;
+  top: 12%;
+  left: 12%;
+  right: 12%;
+  bottom: 12%;
+  border-width: 0.12em;
+  border-top-color: currentColor;
+}
 .so-checkinput-switch-children {
   font-size: 12px;
   color: #fff;
@@ -416,6 +427,7 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   -webkit-box-shadow: var(--switch-checked-box-shadow, 0 1px 4px var(--primary-color-fade-50, rgba(51, 153, 255, 0.5)));
           box-shadow: var(--switch-checked-box-shadow, 0 1px 4px var(--primary-color-fade-50, rgba(51, 153, 255, 0.5)));
   background: var(--switch-indicator-checked-bg, var(--primary-color, #3399ff));
+  color: var(--switch-checked-bg, var(--primary-color-fade-50, rgba(51, 153, 255, 0.5)));
 }
 .so-checkinput-checked.so-checkinput-switch .so-checkinput-switch-indicator-ltr {
   left: 100%;
@@ -465,6 +477,7 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   top: var(--switch-small-indicator-top, -3px);
   padding-left: 8px;
   padding-right: 8px;
+  font-size: var(--switch-small-indicator-size, 16px);
 }
 .so-checkinput-large.so-checkinput-switch {
   min-width: 60px;
@@ -482,6 +495,7 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   width: var(--switch-large-indicator-size, 32px);
   height: var(--switch-large-indicator-size, 32px);
   top: var(--switch-large-indicator-top, -5px);
+  font-size: var(--switch-large-indicator-size, 32px);
 }
 .so-checkinput-disabled.so-checkinput-switch {
   opacity: 0.4;

package/css/index.d.ts

@@ -1,58 +1,150 @@
-declare namespace _default {
-    export { utils };
-    export const version: string;
+// Created by scripts/src-index.js.
+import * as AlertType from './Alert/interface'
+import * as BreadcrumbType from './Breadcrumb/interface'
+import * as ButtonType from './Button/interface'
+import * as CardType from './Card/interface'
+import * as CardGroupType from './CardGroup/interface'
+import * as CarouselType from './Carousel/interface'
+import * as CascaderType from './Cascader/interface'
+import * as CheckboxType from './Checkbox/interface'
+import * as DatePickerType from './DatePicker/interface'
+import * as DividerType from './Divider/interface'
+import * as DrawerType from './Drawer/interface'
+import * as DropdownType from './Dropdown/interface'
+import * as EditableAreaType from './EditableArea/interface'
+import * as FormType from './Form/interface'
+import * as GapType from './Gap/interface'
+import * as GridType from './Grid/interface'
+import * as IconType from './Icon/interface'
+import * as ImageType from './Image/interface'
+import * as InputType from './Input/interface'
+import * as ListType from './List/interface'
+import * as MenuType from './Menu/interface'
+import * as MessageType from './Message/interface'
+import * as ModalType from './Modal/interface'
+import * as PaginationType from './Pagination/interface'
+import * as PopoverType from './Popover/interface'
+import * as ProgressType from './Progress/interface'
+import * as RadioType from './Radio/interface'
+import * as RateType from './Rate/interface'
+import * as RuleType from './Rule/interface'
+import * as SelectType from './Select/interface'
+import * as SliderType from './Slider/interface'
+import * as SpinType from './Spin/interface'
+import * as StickyType from './Sticky/interface'
+import * as SwitchType from './Switch/interface'
+import * as TableType from './Table/interface'
+import * as TabsType from './Tabs/interface'
+import * as TagType from './Tag/interface'
+import * as TextareaType from './Textarea/interface'
+import * as TooltipType from './Tooltip/interface'
+import * as TransferType from './Transfer/interface'
+import * as TreeType from './Tree/interface'
+import * as TreeSelectType from './TreeSelect/interface'
+import * as UploadType from './Upload/interface'
+export declare namespace TYPE {
+  export import Alert = AlertType
+  export import Breadcrumb = BreadcrumbType
+  export import Button = ButtonType
+  export import Card = CardType
+  export import CardGroup = CardGroupType
+  export import Carousel = CarouselType
+  export import Cascader = CascaderType
+  export import Checkbox = CheckboxType
+  export import DatePicker = DatePickerType
+  export import Divider = DividerType
+  export import Drawer = DrawerType
+  export import Dropdown = DropdownType
+  export import EditableArea = EditableAreaType
+  export import Form = FormType
+  export import Gap = GapType
+  export import Grid = GridType
+  export import Icon = IconType
+  export import Image = ImageType
+  export import Input = InputType
+  export import List = ListType
+  export import Menu = MenuType
+  export import Message = MessageType
+  export import Modal = ModalType
+  export import Pagination = PaginationType
+  export import Popover = PopoverType
+  export import Progress = ProgressType
+  export import Radio = RadioType
+  export import Rate = RateType
+  export import Rule = RuleType
+  export import Select = SelectType
+  export import Slider = SliderType
+  export import Spin = SpinType
+  export import Sticky = StickyType
+  export import Switch = SwitchType
+  export import Table = TableType
+  export import Tabs = TabsType
+  export import Tag = TagType
+  export import Textarea = TextareaType
+  export import Tooltip = TooltipType
+  export import Transfer = TransferType
+  export import Tree = TreeType
+  export import TreeSelect = TreeSelectType
+  export import Upload = UploadType
 }
-export default _default;
-export { utils };
-export { setLocale } from "./locale";
-export { default as LazyList } from "./AnimationList/LazyList";
-export { default as Alert } from "./Alert";
-export { default as AnimationList } from "./AnimationList";
-export { default as Breadcrumb } from "./Breadcrumb";
-export { default as Button } from "./Button";
-export { default as Card } from "./Card";
-export { default as CardGroup } from "./CardGroup";
-export { default as Carousel } from "./Carousel";
-export { default as Cascader } from "./Cascader";
-export { default as Checkbox } from "./Checkbox";
-export { default as DatePicker } from "./DatePicker";
-export { default as Datum } from "./Datum";
-export { default as Divider } from "./Divider";
-export { default as Drawer } from "./Drawer";
-export { default as Dropdown } from "./Dropdown";
-export { default as EditableArea } from "./EditableArea";
-export { default as Form } from "./Form";
-export { default as Gap } from "./Gap";
-export { default as Grid } from "./Grid";
-export { default as Icon } from "./Icon";
-export { default as Image } from "./Image";
-export { default as Input } from "./Input";
-export { default as Lazyload } from "./Lazyload";
-export { default as List } from "./List";
-export { default as Menu } from "./Menu";
-export { default as Message } from "./Message";
-export { default as Modal } from "./Modal";
-export { default as Pagination } from "./Pagination";
-export { default as Popover } from "./Popover";
-export { default as Progress } from "./Progress";
-export { default as Radio } from "./Radio";
-export { default as Rate } from "./Rate";
-export { default as Rule } from "./Rule";
-export { default as Scroll } from "./Scroll";
-export { default as Select } from "./Select";
-export { default as Slider } from "./Slider";
-export { default as Spin } from "./Spin";
-export { default as Sticky } from "./Sticky";
-export { default as Switch } from "./Switch";
-export { default as Table } from "./Table";
-export { default as Tabs } from "./Tabs";
-export { default as Tag } from "./Tag";
-export { default as Textarea } from "./Textarea";
-export { default as Tooltip } from "./Tooltip";
-export { default as Transfer } from "./Transfer";
-export { default as Tree } from "./Tree";
-export { default as TreeSelect } from "./TreeSelect";
-export { default as Upload } from "./Upload";
-import * as utils from "./utils";
-export { color, style } from "./utils/expose";
-export { default as config, setConfig, isRTL } from "./config";
+import * as utils from './utils'
+
+declare const __default: {
+  utils: typeof utils,
+  version: '1.12.0-rc.6'
+}
+export default __default
+  
+export { utils }
+export { setLocale } from './locale'
+export { color, style } from './utils/expose'
+export { default as config, setConfig, isRTL } from './config'
+
+export { default as LazyList } from './AnimationList/LazyList'
+export { default as Alert } from './Alert'
+export { default as AnimationList } from './AnimationList'
+export { default as Breadcrumb } from './Breadcrumb'
+export { default as Button } from './Button'
+export { default as Card } from './Card'
+export { default as CardGroup } from './CardGroup'
+export { default as Carousel } from './Carousel'
+export { default as Cascader } from './Cascader'
+export { default as Checkbox } from './Checkbox'
+export { default as DatePicker } from './DatePicker'
+export { default as Datum } from './Datum'
+export { default as Divider } from './Divider'
+export { default as Drawer } from './Drawer'
+export { default as Dropdown } from './Dropdown'
+export { default as EditableArea } from './EditableArea'
+export { default as Form } from './Form'
+export { default as Gap } from './Gap'
+export { default as Grid } from './Grid'
+export { default as Icon } from './Icon'
+export { default as Image } from './Image'
+export { default as Input } from './Input'
+export { default as Lazyload } from './Lazyload'
+export { default as List } from './List'
+export { default as Menu } from './Menu'
+export { default as Message } from './Message'
+export { default as Modal } from './Modal'
+export { default as Pagination } from './Pagination'
+export { default as Popover } from './Popover'
+export { default as Progress } from './Progress'
+export { default as Radio } from './Radio'
+export { default as Rate } from './Rate'
+export { default as Rule } from './Rule'
+export { default as Scroll } from './Scroll'
+export { default as Select } from './Select'
+export { default as Slider } from './Slider'
+export { default as Spin } from './Spin'
+export { default as Sticky } from './Sticky'
+export { default as Switch } from './Switch'
+export { default as Table } from './Table'
+export { default as Tabs } from './Tabs'
+export { default as Tag } from './Tag'
+export { default as Textarea } from './Textarea'
+export { default as Tooltip } from './Tooltip'
+export { default as Transfer } from './Transfer'
+export { default as Tree } from './Tree'
+export { default as TreeSelect } from './TreeSelect'
+export { default as Upload } from './Upload'

package/css/index.js

@@ -220,6 +220,6 @@ exports.Upload = _Upload.default;
 // Created by scripts/src-index.js.
 var _default = {
   utils: utils,
-  version: '2.0.0-rc.6'
+  version: '2.0.0-rc.8'
 };
 exports.default = _default;

package/css/utils/clone.js

@@ -18,6 +18,20 @@ var cloneObject = function cloneObject(source, specialKeys) {
   }
 
   var target = Object.create(Object.getPrototypeOf(source));
+  /* File or Response (non-serializable data) will throw error */
+
+  try {
+    // eslint-disable-next-line guard-for-in
+    for (var key in target) {
+      target[key] = target[key];
+    }
+  } catch (e) {
+    console.error('should not pass non-serializable data', source);
+    console.error(e);
+    target = {};
+  }
+
+  ;
   [].concat(specialKeys, Object.keys(source)).forEach(function (k) {
     // eslint-disable-next-line
     target[k] = deepClone(source[k]);