You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
630 lines
26 KiB
630 lines
26 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[46981,36579,23805],{
|
|
|
|
/***/ 73481:
|
|
/*!*************************************************************!*\
|
|
!*** ./node_modules/antd/es/skeleton/index.js + 11 modules ***!
|
|
\*************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ skeleton; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__(71002);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/omit.js
|
|
var omit = __webpack_require__(98423);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Element.js
|
|
|
|
|
|
|
|
|
|
var Element = function Element(props) {
|
|
var _classNames, _classNames2;
|
|
var prefixCls = props.prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
size = props.size,
|
|
shape = props.shape;
|
|
var sizeCls = classnames_default()((_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames));
|
|
var shapeCls = classnames_default()((_classNames2 = {}, (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-circle"), shape === 'circle'), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-square"), shape === 'square'), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-round"), shape === 'round'), _classNames2));
|
|
var sizeStyle = react.useMemo(function () {
|
|
return typeof size === 'number' ? {
|
|
width: size,
|
|
height: size,
|
|
lineHeight: "".concat(size, "px")
|
|
} : {};
|
|
}, [size]);
|
|
return /*#__PURE__*/react.createElement("span", {
|
|
className: classnames_default()(prefixCls, sizeCls, shapeCls, className),
|
|
style: (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, sizeStyle), style)
|
|
});
|
|
};
|
|
/* harmony default export */ var skeleton_Element = (Element);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Avatar.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SkeletonAvatar = function SkeletonAvatar(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
active = props.active,
|
|
_props$shape = props.shape,
|
|
shape = _props$shape === void 0 ? 'circle' : _props$shape,
|
|
_props$size = props.size,
|
|
size = _props$size === void 0 ? 'default' : _props$size;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls', 'className']);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-avatar"),
|
|
shape: shape,
|
|
size: size
|
|
}, otherProps)));
|
|
};
|
|
/* harmony default export */ var Avatar = (SkeletonAvatar);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Button.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SkeletonButton = function SkeletonButton(props) {
|
|
var _classNames;
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
active = props.active,
|
|
_props$block = props.block,
|
|
block = _props$block === void 0 ? false : _props$block,
|
|
_props$size = props.size,
|
|
size = _props$size === void 0 ? 'default' : _props$size;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls']);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-block"), block), _classNames), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-button"),
|
|
size: size
|
|
}, otherProps)));
|
|
};
|
|
/* harmony default export */ var Button = (SkeletonButton);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/DotChartOutlined.js
|
|
// This icon file is generated automatically.
|
|
var DotChartOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM288 604a64 64 0 10128 0 64 64 0 10-128 0zm118-224a48 48 0 1096 0 48 48 0 10-96 0zm158 228a96 96 0 10192 0 96 96 0 10-192 0zm148-314a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "dot-chart", "theme": "outlined" };
|
|
/* harmony default export */ var asn_DotChartOutlined = (DotChartOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
|
var AntdIcon = __webpack_require__(93771);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/DotChartOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var DotChartOutlined_DotChartOutlined = function DotChartOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_DotChartOutlined
|
|
}));
|
|
};
|
|
DotChartOutlined_DotChartOutlined.displayName = 'DotChartOutlined';
|
|
/* harmony default export */ var icons_DotChartOutlined = (/*#__PURE__*/react.forwardRef(DotChartOutlined_DotChartOutlined));
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Node.js
|
|
|
|
|
|
|
|
|
|
|
|
var SkeletonNode = function SkeletonNode(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
active = props.active,
|
|
children = props.children;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
|
|
var content = children !== null && children !== void 0 ? children : /*#__PURE__*/react.createElement(icons_DotChartOutlined, null);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-image"), className),
|
|
style: style
|
|
}, content));
|
|
};
|
|
/* harmony default export */ var Node = (SkeletonNode);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Image.js
|
|
|
|
|
|
|
|
|
|
var path = 'M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z';
|
|
var SkeletonImage = function SkeletonImage(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
active = props.active;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-image"), className),
|
|
style: style
|
|
}, /*#__PURE__*/react.createElement("svg", {
|
|
viewBox: "0 0 1098 1024",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
className: "".concat(prefixCls, "-image-svg")
|
|
}, /*#__PURE__*/react.createElement("path", {
|
|
d: path,
|
|
className: "".concat(prefixCls, "-image-path")
|
|
}))));
|
|
};
|
|
/* harmony default export */ var Image = (SkeletonImage);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Input.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SkeletonInput = function SkeletonInput(props) {
|
|
var _classNames;
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
active = props.active,
|
|
block = props.block,
|
|
_props$size = props.size,
|
|
size = _props$size === void 0 ? 'default' : _props$size;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls']);
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-block"), block), _classNames), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-input"),
|
|
size: size
|
|
}, otherProps)));
|
|
};
|
|
/* harmony default export */ var Input = (SkeletonInput);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
var toConsumableArray = __webpack_require__(74902);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Paragraph.js
|
|
|
|
|
|
|
|
var Paragraph = function Paragraph(props) {
|
|
var getWidth = function getWidth(index) {
|
|
var width = props.width,
|
|
_props$rows = props.rows,
|
|
rows = _props$rows === void 0 ? 2 : _props$rows;
|
|
if (Array.isArray(width)) {
|
|
return width[index];
|
|
}
|
|
// last paragraph
|
|
if (rows - 1 === index) {
|
|
return width;
|
|
}
|
|
return undefined;
|
|
};
|
|
var prefixCls = props.prefixCls,
|
|
className = props.className,
|
|
style = props.style,
|
|
rows = props.rows;
|
|
var rowList = (0,toConsumableArray/* default */.Z)(Array(rows)).map(function (_, index) {
|
|
return (
|
|
/*#__PURE__*/
|
|
// eslint-disable-next-line react/no-array-index-key
|
|
react.createElement("li", {
|
|
key: index,
|
|
style: {
|
|
width: getWidth(index)
|
|
}
|
|
})
|
|
);
|
|
});
|
|
return /*#__PURE__*/react.createElement("ul", {
|
|
className: classnames_default()(prefixCls, className),
|
|
style: style
|
|
}, rowList);
|
|
};
|
|
/* harmony default export */ var skeleton_Paragraph = (Paragraph);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Title.js
|
|
|
|
/* eslint-disable jsx-a11y/heading-has-content */
|
|
|
|
|
|
var Title = function Title(_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
className = _ref.className,
|
|
width = _ref.width,
|
|
style = _ref.style;
|
|
return /*#__PURE__*/react.createElement("h3", {
|
|
className: classnames_default()(prefixCls, className),
|
|
style: (0,esm_extends/* default */.Z)({
|
|
width: width
|
|
}, style)
|
|
});
|
|
};
|
|
/* harmony default export */ var skeleton_Title = (Title);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Skeleton.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getComponentProps(prop) {
|
|
if (prop && (0,esm_typeof/* default */.Z)(prop) === 'object') {
|
|
return prop;
|
|
}
|
|
return {};
|
|
}
|
|
function getAvatarBasicProps(hasTitle, hasParagraph) {
|
|
if (hasTitle && !hasParagraph) {
|
|
// Square avatar
|
|
return {
|
|
size: 'large',
|
|
shape: 'square'
|
|
};
|
|
}
|
|
return {
|
|
size: 'large',
|
|
shape: 'circle'
|
|
};
|
|
}
|
|
function getTitleBasicProps(hasAvatar, hasParagraph) {
|
|
if (!hasAvatar && hasParagraph) {
|
|
return {
|
|
width: '38%'
|
|
};
|
|
}
|
|
if (hasAvatar && hasParagraph) {
|
|
return {
|
|
width: '50%'
|
|
};
|
|
}
|
|
return {};
|
|
}
|
|
function getParagraphBasicProps(hasAvatar, hasTitle) {
|
|
var basicProps = {};
|
|
// Width
|
|
if (!hasAvatar || !hasTitle) {
|
|
basicProps.width = '61%';
|
|
}
|
|
// Rows
|
|
if (!hasAvatar && hasTitle) {
|
|
basicProps.rows = 3;
|
|
} else {
|
|
basicProps.rows = 2;
|
|
}
|
|
return basicProps;
|
|
}
|
|
var Skeleton = function Skeleton(props) {
|
|
var customizePrefixCls = props.prefixCls,
|
|
loading = props.loading,
|
|
className = props.className,
|
|
style = props.style,
|
|
children = props.children,
|
|
_props$avatar = props.avatar,
|
|
avatar = _props$avatar === void 0 ? false : _props$avatar,
|
|
_props$title = props.title,
|
|
title = _props$title === void 0 ? true : _props$title,
|
|
_props$paragraph = props.paragraph,
|
|
paragraph = _props$paragraph === void 0 ? true : _props$paragraph,
|
|
active = props.active,
|
|
round = props.round;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
if (loading || !('loading' in props)) {
|
|
var _classNames;
|
|
var hasAvatar = !!avatar;
|
|
var hasTitle = !!title;
|
|
var hasParagraph = !!paragraph;
|
|
// Avatar
|
|
var avatarNode;
|
|
if (hasAvatar) {
|
|
var avatarProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-avatar")
|
|
}, getAvatarBasicProps(hasTitle, hasParagraph)), getComponentProps(avatar));
|
|
// We direct use SkeletonElement as avatar in skeleton internal.
|
|
avatarNode = /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-header")
|
|
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({}, avatarProps)));
|
|
}
|
|
var contentNode;
|
|
if (hasTitle || hasParagraph) {
|
|
// Title
|
|
var $title;
|
|
if (hasTitle) {
|
|
var titleProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-title")
|
|
}, getTitleBasicProps(hasAvatar, hasParagraph)), getComponentProps(title));
|
|
$title = /*#__PURE__*/react.createElement(skeleton_Title, (0,esm_extends/* default */.Z)({}, titleProps));
|
|
}
|
|
// Paragraph
|
|
var paragraphNode;
|
|
if (hasParagraph) {
|
|
var paragraphProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
|
|
prefixCls: "".concat(prefixCls, "-paragraph")
|
|
}, getParagraphBasicProps(hasAvatar, hasTitle)), getComponentProps(paragraph));
|
|
paragraphNode = /*#__PURE__*/react.createElement(skeleton_Paragraph, (0,esm_extends/* default */.Z)({}, paragraphProps));
|
|
}
|
|
contentNode = /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-content")
|
|
}, $title, paragraphNode);
|
|
}
|
|
var cls = classnames_default()(prefixCls, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-with-avatar"), hasAvatar), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-round"), round), _classNames), className);
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: cls,
|
|
style: style
|
|
}, avatarNode, contentNode);
|
|
}
|
|
return typeof children !== 'undefined' ? children : null;
|
|
};
|
|
Skeleton.Button = Button;
|
|
Skeleton.Avatar = Avatar;
|
|
Skeleton.Input = Input;
|
|
Skeleton.Image = Image;
|
|
Skeleton.Node = Node;
|
|
/* harmony default export */ var skeleton_Skeleton = (Skeleton);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/index.js
|
|
|
|
/* harmony default export */ var skeleton = (skeleton_Skeleton);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 61099:
|
|
/*!******************************************************************!*\
|
|
!*** ./node_modules/antd/es/skeleton/style/index.js + 1 modules ***!
|
|
\******************************************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
var style_default = __webpack_require__(43146);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/style/index.less
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/style/index.js
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 50132:
|
|
/*!**********************************************!*\
|
|
!*** ./node_modules/rc-checkbox/es/index.js ***!
|
|
\**********************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ 87462);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ 4942);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ 45987);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ 1413);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ 15671);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ 43144);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ 60136);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ 51630);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ 94184);
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
|
|
|
|
|
|
var Checkbox = /*#__PURE__*/function (_Component) {
|
|
(0,_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(Checkbox, _Component);
|
|
|
|
var _super = (0,_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(Checkbox);
|
|
|
|
function Checkbox(props) {
|
|
var _this;
|
|
|
|
(0,_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(this, Checkbox);
|
|
|
|
_this = _super.call(this, props);
|
|
|
|
_this.handleChange = function (e) {
|
|
var _this$props = _this.props,
|
|
disabled = _this$props.disabled,
|
|
onChange = _this$props.onChange;
|
|
|
|
if (disabled) {
|
|
return;
|
|
}
|
|
|
|
if (!('checked' in _this.props)) {
|
|
_this.setState({
|
|
checked: e.target.checked
|
|
});
|
|
}
|
|
|
|
if (onChange) {
|
|
onChange({
|
|
target: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)({}, _this.props), {}, {
|
|
checked: e.target.checked
|
|
}),
|
|
stopPropagation: function stopPropagation() {
|
|
e.stopPropagation();
|
|
},
|
|
preventDefault: function preventDefault() {
|
|
e.preventDefault();
|
|
},
|
|
nativeEvent: e.nativeEvent
|
|
});
|
|
}
|
|
};
|
|
|
|
_this.saveInput = function (node) {
|
|
_this.input = node;
|
|
};
|
|
|
|
var checked = 'checked' in props ? props.checked : props.defaultChecked;
|
|
_this.state = {
|
|
checked: checked
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
(0,_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(Checkbox, [{
|
|
key: "focus",
|
|
value: function focus() {
|
|
this.input.focus();
|
|
}
|
|
}, {
|
|
key: "blur",
|
|
value: function blur() {
|
|
this.input.blur();
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _classNames;
|
|
|
|
var _this$props2 = this.props,
|
|
prefixCls = _this$props2.prefixCls,
|
|
className = _this$props2.className,
|
|
style = _this$props2.style,
|
|
name = _this$props2.name,
|
|
id = _this$props2.id,
|
|
type = _this$props2.type,
|
|
disabled = _this$props2.disabled,
|
|
readOnly = _this$props2.readOnly,
|
|
tabIndex = _this$props2.tabIndex,
|
|
onClick = _this$props2.onClick,
|
|
onFocus = _this$props2.onFocus,
|
|
onBlur = _this$props2.onBlur,
|
|
onKeyDown = _this$props2.onKeyDown,
|
|
onKeyPress = _this$props2.onKeyPress,
|
|
onKeyUp = _this$props2.onKeyUp,
|
|
autoFocus = _this$props2.autoFocus,
|
|
value = _this$props2.value,
|
|
required = _this$props2.required,
|
|
others = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(_this$props2, ["prefixCls", "className", "style", "name", "id", "type", "disabled", "readOnly", "tabIndex", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyPress", "onKeyUp", "autoFocus", "value", "required"]);
|
|
|
|
var globalProps = Object.keys(others).reduce(function (prev, key) {
|
|
if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {
|
|
// eslint-disable-next-line no-param-reassign
|
|
prev[key] = others[key];
|
|
}
|
|
|
|
return prev;
|
|
}, {});
|
|
var checked = this.state.checked;
|
|
var classString = classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, className, (_classNames = {}, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-checked"), checked), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames));
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
|
|
className: classString,
|
|
style: style
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)({
|
|
name: name,
|
|
id: id,
|
|
type: type,
|
|
required: required,
|
|
readOnly: readOnly,
|
|
disabled: disabled,
|
|
tabIndex: tabIndex,
|
|
className: "".concat(prefixCls, "-input"),
|
|
checked: !!checked,
|
|
onClick: onClick,
|
|
onFocus: onFocus,
|
|
onBlur: onBlur,
|
|
onKeyUp: onKeyUp,
|
|
onKeyDown: onKeyDown,
|
|
onKeyPress: onKeyPress,
|
|
onChange: this.handleChange,
|
|
autoFocus: autoFocus,
|
|
ref: this.saveInput,
|
|
value: value
|
|
}, globalProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
|
|
className: "".concat(prefixCls, "-inner")
|
|
}));
|
|
}
|
|
}], [{
|
|
key: "getDerivedStateFromProps",
|
|
value: function getDerivedStateFromProps(props, state) {
|
|
if ('checked' in props) {
|
|
return (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)({}, state), {}, {
|
|
checked: props.checked
|
|
});
|
|
}
|
|
|
|
return null;
|
|
}
|
|
}]);
|
|
|
|
return Checkbox;
|
|
}(react__WEBPACK_IMPORTED_MODULE_0__.Component);
|
|
|
|
Checkbox.defaultProps = {
|
|
prefixCls: 'rc-checkbox',
|
|
className: '',
|
|
style: {},
|
|
type: 'checkbox',
|
|
defaultChecked: false,
|
|
onFocus: function onFocus() {},
|
|
onBlur: function onBlur() {},
|
|
onChange: function onChange() {},
|
|
onKeyDown: function onKeyDown() {},
|
|
onKeyPress: function onKeyPress() {},
|
|
onKeyUp: function onKeyUp() {}
|
|
};
|
|
/* harmony default export */ __webpack_exports__["Z"] = (Checkbox);
|
|
|
|
/***/ })
|
|
|
|
}]); |