tntd 1.4.4 → 1.4.7

package/lib/Page/Box.js

@@ -1,86 +1,61 @@
-"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; }
-
-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;
+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;
+        }
     }
-  } // 如果设置了noPadding，优先级最高
-
-
-  if (noPadding) {
-    bodyStyle.padding = 0;
-    headStyle.padding = 0;
-  } // 如果传入只有数字，需要默认加px
 
+    // 如果设置了noPadding，优先级最高
+    if (noPadding) {
+        bodyStyle.padding = 0;
+        headStyle.padding = 0;
+    }
 
-  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);
+    // 如果传入只有数字，需要默认加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>
+    );
 };
 
-var _default = Box;
-exports["default"] = _default;
+export default Box;

package/lib/Page/index.js

@@ -1,183 +1,161 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _utils = require("./utils");
-
-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; } }
-
-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';
+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';
+    }
 
-var isPageBox = function isPageBox(child) {
-  var _child$props;
+    if (inLayout) {
+        computedHeaderHeight = '40px';
+    }
 
-  return (child == null ? void 0 : child.type) === _Box["default"] || (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.pageBox);
-};
+    // 计算中间的zIndex，灰色递减，白色递增
+    let whiteCols = 0;
+    let childrenToArray = [];
 
-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));
-    }
+    // 计算children type是box的数量
+    let boxCount = 0;
 
-    var extraProps = _objectSpread({
-      headerHeight: computedHeaderHeight,
-      size: size,
-      height: computedHeight,
-      contentTotalMargin: inLayout ? '32px' : '0px',
-      inLayout: inLayout
-    }, child.props);
+    // 如果children是单个节点，统一转为数组处理计算层级
+    console.log('children', children);
 
-    if (!isPageBox(child)) {
-      return _react["default"].cloneElement(child, extraProps);
+    if (typeof children === 'object') {
+        childrenToArray = [children];
+    } else if (Array.isArray(children)) {
+        childrenToArray = [...children];
     }
 
-    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++
+    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
     };
-    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));
-  })));
+    const contentStyle = {
+        display: boxCount > 0 ? 'flex' : 'block',
+        marginTop: computedHeaderHeight,
+        padding: inLayout ? '16px 20px' : '0px'
+    };
+
+    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>
+    );
 };
 
-PageLayout.Box = _Box["default"];
-var _default = PageLayout;
-exports["default"] = _default;
+PageLayout.Box = Box;
+
+export default PageLayout;

package/lib/Page/utils.js

@@ -1,34 +1,16 @@
-"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 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;
 };
 
-exports.computeWidth = computeWidth;
+const isValidNumber = (value) => !isNaN(parseFloat(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;
-};
+const addUnitForValue = (value, unit = 'px') => !isNaN(value) ? `${value}${unit}` : value;
 
-exports.addUnitForValue = addUnitForValue;
+export { computeWidth, isValidNumber, addUnitForValue };

package/lib/QueryForm/Field/Checkbox.js

@@ -1,33 +1,11 @@
-"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;
+import { Checkbox } from 'antd';
+
+export default ({ value, onChange, ...props }) => (
+    <Checkbox
+        {...props}
+        checked={value}
+        onChange={evt => {
+            onChange?.(evt.target.checked);
+        }}
+    />
+);