tntd 1.4.7 → 1.4.8

package/lib/Page/Box.js

@@ -1,61 +1,86 @@
-import React from 'react';
-import { Card } from 'antd';
-import { addUnitForValue } from './utils';
-
-const Box = ({
-    inLayout,
-    clsPrefix = 'tnt-page',
-    children,
-    noPadding = false,
-    headerHeight,
-    bordered = false,
-    bodyStyle = {},
-    headStyle = {},
-    height,
-    size = 'small',
-    contentTotalMargin = '0px',
-    ...restProps
-}) => {
-
-    let cardTitleHeight = 0;
-    console.log('inLayout', inLayout);
-    console.log('restProps', restProps);
-    if (restProps.title) {
-        // 根据Card的size,计算Card的title的高度值
-        cardTitleHeight = size === 'small' ? 40 : 60;
-        // 如果Card的自定义高度，Card的title就使用此高度
-        if (headStyle.hasOwnProperty(height)) {
-            cardTitleHeight = headStyle.height;
-        }
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("antd/lib/card/style");
+
+var _card = _interopRequireDefault(require("antd/lib/card"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-    // 如果设置了noPadding，优先级最高
-    if (noPadding) {
-        bodyStyle.padding = 0;
-        headStyle.padding = 0;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Box = function Box(_ref) {
+  var inLayout = _ref.inLayout,
+      _ref$clsPrefix = _ref.clsPrefix,
+      clsPrefix = _ref$clsPrefix === void 0 ? 'tnt-page' : _ref$clsPrefix,
+      children = _ref.children,
+      _ref$noPadding = _ref.noPadding,
+      noPadding = _ref$noPadding === void 0 ? false : _ref$noPadding,
+      headerHeight = _ref.headerHeight,
+      _ref$bordered = _ref.bordered,
+      bordered = _ref$bordered === void 0 ? false : _ref$bordered,
+      _ref$bodyStyle = _ref.bodyStyle,
+      bodyStyle = _ref$bodyStyle === void 0 ? {} : _ref$bodyStyle,
+      _ref$headStyle = _ref.headStyle,
+      headStyle = _ref$headStyle === void 0 ? {} : _ref$headStyle,
+      height = _ref.height,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'small' : _ref$size,
+      _ref$contentTotalMarg = _ref.contentTotalMargin,
+      contentTotalMargin = _ref$contentTotalMarg === void 0 ? '0px' : _ref$contentTotalMarg,
+      restProps = _objectWithoutProperties(_ref, ["inLayout", "clsPrefix", "children", "noPadding", "headerHeight", "bordered", "bodyStyle", "headStyle", "height", "size", "contentTotalMargin"]);
+
+  var cardTitleHeight = 0;
+  console.log('inLayout', inLayout);
+  console.log('restProps', restProps);
+
+  if (restProps.title) {
+    // 根据Card的size,计算Card的title的高度值
+    cardTitleHeight = size === 'small' ? 40 : 60; // 如果Card的自定义高度，Card的title就使用此高度
+
+    if (headStyle.hasOwnProperty(height)) {
+      cardTitleHeight = headStyle.height;
     }
+  } // 如果设置了noPadding，优先级最高
+
+
+  if (noPadding) {
+    bodyStyle.padding = 0;
+    headStyle.padding = 0;
+  } // 如果传入只有数字，需要默认加px
+
 
-    // 如果传入只有数字，需要默认加px
-    cardTitleHeight = addUnitForValue(cardTitleHeight);
-
-    const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`;
-
-    return (
-        <Card
-            className={`${clsPrefix}-box-card`}
-            bordered={bordered}
-            bodyStyle={{
-                ...bodyStyle,
-                // overflow: 'auto',
-                height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight
-            }}
-            size={size}
-            headStyle={headStyle}
-            {...restProps}
-        >
-            {children}
-        </Card>
-    );
+  cardTitleHeight = (0, _utils.addUnitForValue)(cardTitleHeight);
+  var cardBodyHeight = "calc(".concat(height, " - ").concat(headerHeight, " - ").concat(contentTotalMargin, " - ").concat(cardTitleHeight, ")");
+  return _react["default"].createElement(_card["default"], _extends({
+    className: "".concat(clsPrefix, "-box-card"),
+    bordered: bordered,
+    bodyStyle: _objectSpread({}, bodyStyle, {
+      // overflow: 'auto',
+      height: inLayout ? "calc(100% - ".concat(headerHeight, ")") : cardBodyHeight
+    }),
+    size: size,
+    headStyle: headStyle
+  }, restProps), children);
 };
 
-export default Box;
+var _default = Box;
+exports["default"] = _default;

package/lib/Page/index.js

@@ -1,161 +1,183 @@
-import React from 'react';
-import cn from 'classnames';
-import Icon from '../Icon';
-import { computeWidth, addUnitForValue } from './utils';
-import Box from './Box';
-import './index.less';
-
-const clsPrefix = 'tnt-page';
-
-const isPageBox = child => child?.type === Box || child?.props?.pageBox;
-
-const PageLayout = ({
-    height = '100vh',
-    headerHeight = 50,
-    children,
-    title,
-    goBack,
-    goBackText,
-    center,
-    extra,
-    size = 'small',
-    inLayout = false,
-    className,
-    ...restProps
-}) => {
-    // 如果传入只有数字，需要默认加px
-    let computedHeaderHeight = addUnitForValue(headerHeight);
-    let computedHeight = addUnitForValue(height);
-
-    // 判断是否有标题栏
-    if (!(title || extra || center)) {
-        computedHeaderHeight = '0px';
-    }
+"use strict";
 
-    if (inLayout) {
-        computedHeaderHeight = '40px';
-    }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 
-    // 计算中间的zIndex，灰色递减，白色递增
-    let whiteCols = 0;
-    let childrenToArray = [];
+var _react = _interopRequireDefault(require("react"));
 
-    // 计算children type是box的数量
-    let boxCount = 0;
+var _classnames = _interopRequireDefault(require("classnames"));
 
-    // 如果children是单个节点，统一转为数组处理计算层级
-    console.log('children', children);
+var _Icon = _interopRequireDefault(require("../Icon"));
 
-    if (typeof children === 'object') {
-        childrenToArray = [children];
-    } else if (Array.isArray(children)) {
-        childrenToArray = [...children];
-    }
+var _utils = require("./utils");
 
-    console.log('React.Children', React.Children);
-    React.Children.map(children, (child) => {
-        if (isPageBox(child)) {
-            boxCount += 1;
-        }
-    });
-
-    console.log(boxCount);
-
-    whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length;
-    const total = childrenToArray?.length + 5;
-    let startIndex = total - whiteCols - 1;
-    let endIndex = total - 2;
-    const headerStyle = {
-        height: computedHeaderHeight,
-        padding: `${size === 'small' ? 20 : 24}px`,
-        zIndex: inLayout ? 1 : total || 1
-    };
-    const contentStyle = {
-        display: boxCount > 0 ? 'flex' : 'block',
-        marginTop: computedHeaderHeight,
-        padding: inLayout ? '16px 20px' : '0px'
-    };
+var _Box = _interopRequireDefault(require("./Box"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
 
-    return (
-        <section
-            className={
-                cn(clsPrefix, {
-                    [className]: className,
-                    'in-layout': inLayout,
-                    'not-in-layout': !inLayout
-                })
-            }
-            {...restProps}
-        >
-            {
-                (title || goBack || center || extra) &&
-                <div className={`${clsPrefix}-header`} style={headerStyle}>
-                    <div className={`${clsPrefix}-header-section`}>
-                        {
-                            goBack &&
-                            <div
-                                className='page-header-section-back'
-                                onClick={() => {
-                                    goBack();
-                                }}
-                            >
-                                <Icon type="left" />
-                                <span>{goBackText ? goBackText : '返回'}</span>
-                            </div>
-                        }
-                        {title}
-                    </div>
-                    {
-                        [center, extra].map(item => (
-                            <div className={`${clsPrefix}-header-section`}>
-                                {item}
-                            </div>
-                        ))
-                    }
-                </div>
-            }
-            <div className={`${clsPrefix}-content`} style={contentStyle}>
-                {React.Children.map(children, (child) => {
-                    // 如果children不是Box,就不需要多列布局
-                    if (!child.type) {
-                        // console.log("没有type");
-                        return React.cloneElement(<div>{child}</div>);
-                    }
-
-                    const extraProps = {
-                        headerHeight: computedHeaderHeight,
-                        size,
-                        height: computedHeight,
-                        contentTotalMargin: inLayout ? '32px' : '0px',
-                        inLayout,
-                        ...child.props
-                    };
-
-                    if (!isPageBox(child)) {
-                        return React.cloneElement(child, extraProps);
-                    }
-
-                    const { mode = 'gray', width } = child.props;
-
-                    const style = {
-                        flex: computeWidth(width),
-                        // 设置cols层级关系
-                        zIndex: mode === 'gray' ? endIndex-- : startIndex++
-                    };
-
-                    const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
-
-                    return React.createElement(
-                        'div',
-                        { className, style },
-                        React.cloneElement(child, extraProps)
-                    );
-                })}
-            </div>
-        </section>
-    );
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var clsPrefix = 'tnt-page';
+
+var isPageBox = function isPageBox(child) {
+  var _child$props;
+
+  return (child == null ? void 0 : child.type) === _Box["default"] || (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.pageBox);
 };
 
-PageLayout.Box = Box;
+var PageLayout = function PageLayout(_ref) {
+  var _childrenToArray, _childrenToArray$filt, _childrenToArray2, _cn;
+
+  var _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '100vh' : _ref$height,
+      _ref$headerHeight = _ref.headerHeight,
+      headerHeight = _ref$headerHeight === void 0 ? 50 : _ref$headerHeight,
+      children = _ref.children,
+      title = _ref.title,
+      goBack = _ref.goBack,
+      goBackText = _ref.goBackText,
+      center = _ref.center,
+      extra = _ref.extra,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'small' : _ref$size,
+      _ref$inLayout = _ref.inLayout,
+      inLayout = _ref$inLayout === void 0 ? false : _ref$inLayout,
+      className = _ref.className,
+      restProps = _objectWithoutProperties(_ref, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
+
+  // 如果传入只有数字，需要默认加px
+  var computedHeaderHeight = (0, _utils.addUnitForValue)(headerHeight);
+  var computedHeight = (0, _utils.addUnitForValue)(height); // 判断是否有标题栏
+
+  if (!(title || extra || center)) {
+    computedHeaderHeight = '0px';
+  }
+
+  if (inLayout) {
+    computedHeaderHeight = '40px';
+  } // 计算中间的zIndex，灰色递减，白色递增
+
+
+  var whiteCols = 0;
+  var childrenToArray = []; // 计算children type是box的数量
+
+  var boxCount = 0; // 如果children是单个节点，统一转为数组处理计算层级
+
+  console.log('children', children);
+
+  if (_typeof(children) === 'object') {
+    childrenToArray = [children];
+  } else if (Array.isArray(children)) {
+    childrenToArray = _toConsumableArray(children);
+  }
+
+  console.log('React.Children', _react["default"].Children);
+
+  _react["default"].Children.map(children, function (child) {
+    if (isPageBox(child)) {
+      boxCount += 1;
+    }
+  });
+
+  console.log(boxCount);
+  whiteCols = (_childrenToArray = childrenToArray) == null ? void 0 : (_childrenToArray$filt = _childrenToArray.filter(function (_ref2) {
+    var props = _ref2.props;
+    return (props == null ? void 0 : props.mode) === 'white';
+  })) == null ? void 0 : _childrenToArray$filt.length;
+  var total = ((_childrenToArray2 = childrenToArray) == null ? void 0 : _childrenToArray2.length) + 5;
+  var startIndex = total - whiteCols - 1;
+  var endIndex = total - 2;
+  var headerStyle = {
+    height: computedHeaderHeight,
+    padding: "".concat(size === 'small' ? 20 : 24, "px"),
+    zIndex: inLayout ? 1 : total || 1
+  };
+  var contentStyle = {
+    display: boxCount > 0 ? 'flex' : 'block',
+    marginTop: computedHeaderHeight,
+    padding: inLayout ? '16px 20px' : '0px'
+  };
+  return _react["default"].createElement("section", _extends({
+    className: (0, _classnames["default"])(clsPrefix, (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, 'in-layout', inLayout), _defineProperty(_cn, 'not-in-layout', !inLayout), _cn))
+  }, restProps), (title || goBack || center || extra) && _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-header"),
+    style: headerStyle
+  }, _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-header-section")
+  }, goBack && _react["default"].createElement("div", {
+    className: "page-header-section-back",
+    onClick: function onClick() {
+      goBack();
+    }
+  }, _react["default"].createElement(_Icon["default"], {
+    type: "left"
+  }), _react["default"].createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map(function (item) {
+    return _react["default"].createElement("div", {
+      className: "".concat(clsPrefix, "-header-section")
+    }, item);
+  })), _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-content"),
+    style: contentStyle
+  }, _react["default"].Children.map(children, function (child) {
+    // 如果children不是Box,就不需要多列布局
+    if (!child.type) {
+      // console.log("没有type");
+      return _react["default"].cloneElement(_react["default"].createElement("div", null, child));
+    }
+
+    var extraProps = _objectSpread({
+      headerHeight: computedHeaderHeight,
+      size: size,
+      height: computedHeight,
+      contentTotalMargin: inLayout ? '32px' : '0px',
+      inLayout: inLayout
+    }, child.props);
+
+    if (!isPageBox(child)) {
+      return _react["default"].cloneElement(child, extraProps);
+    }
+
+    var _child$props2 = child.props,
+        _child$props2$mode = _child$props2.mode,
+        mode = _child$props2$mode === void 0 ? 'gray' : _child$props2$mode,
+        width = _child$props2.width;
+    var style = {
+      flex: (0, _utils.computeWidth)(width),
+      // 设置cols层级关系
+      zIndex: mode === 'gray' ? endIndex-- : startIndex++
+    };
+    var className = (0, _classnames["default"])("".concat(clsPrefix, "-box ").concat(clsPrefix, "-box-").concat(mode));
+    return _react["default"].createElement('div', {
+      className: className,
+      style: style
+    }, _react["default"].cloneElement(child, extraProps));
+  })));
+};
 
-export default PageLayout;
+PageLayout.Box = _Box["default"];
+var _default = PageLayout;
+exports["default"] = _default;

package/lib/Page/utils.js

@@ -1,16 +1,34 @@
-const computeWidth = (width) => {
-	let flex = '1';
-	const validNumber = isValidNumber(width);
-	if (/(%|px)$/.test(width) && validNumber) {
-		flex = `0 0 ${width}`;
-	} else if (!isNaN(width)) {
-		flex = `0 0 ${width}px`;
-	}
-	return flex;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addUnitForValue = exports.isValidNumber = exports.computeWidth = void 0;
+
+var computeWidth = function computeWidth(width) {
+  var flex = '1';
+  var validNumber = isValidNumber(width);
+
+  if (/(%|px)$/.test(width) && validNumber) {
+    flex = "0 0 ".concat(width);
+  } else if (!isNaN(width)) {
+    flex = "0 0 ".concat(width, "px");
+  }
+
+  return flex;
 };
 
-const isValidNumber = (value) => !isNaN(parseFloat(value));
+exports.computeWidth = computeWidth;
 
-const addUnitForValue = (value, unit = 'px') => !isNaN(value) ? `${value}${unit}` : value;
+var isValidNumber = function isValidNumber(value) {
+  return !isNaN(parseFloat(value));
+};
+
+exports.isValidNumber = isValidNumber;
+
+var addUnitForValue = function addUnitForValue(value) {
+  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
+  return !isNaN(value) ? "".concat(value).concat(unit) : value;
+};
 
-export { computeWidth, isValidNumber, addUnitForValue };
+exports.addUnitForValue = addUnitForValue;

package/lib/QueryForm/Field/Checkbox.js

@@ -1,11 +1,33 @@
-import { Checkbox } from 'antd';
-
-export default ({ value, onChange, ...props }) => (
-    <Checkbox
-        {...props}
-        checked={value}
-        onChange={evt => {
-            onChange?.(evt.target.checked);
-        }}
-    />
-);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("antd/lib/checkbox/style");
+
+var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var _default = function _default(_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange,
+      props = _objectWithoutProperties(_ref, ["value", "onChange"]);
+
+  return React.createElement(_checkbox["default"], _extends({}, props, {
+    checked: value,
+    onChange: function onChange(evt) {
+      _onChange == null ? void 0 : _onChange(evt.target.checked);
+    }
+  }));
+};
+
+exports["default"] = _default;