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.
694 lines
24 KiB
694 lines
24 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[21104],{
|
|
|
|
/***/ 7918:
|
|
/*!******************************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 6 modules ***!
|
|
\******************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ AntdIcon; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__(97685);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(45987);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/Context.js
|
|
|
|
var IconContext = /*#__PURE__*/(0,react.createContext)({});
|
|
/* harmony default export */ var Context = (IconContext);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__(71002);
|
|
// EXTERNAL MODULE: ./node_modules/@ctrl/tinycolor/dist/module/conversion.js
|
|
var conversion = __webpack_require__(86500);
|
|
// EXTERNAL MODULE: ./node_modules/@ctrl/tinycolor/dist/module/format-input.js
|
|
var format_input = __webpack_require__(1350);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/node_modules/@ant-design/colors/es/generate.js
|
|
|
|
var hueStep = 2; // 色相阶梯
|
|
|
|
var saturationStep = 0.16; // 饱和度阶梯，浅色部分
|
|
|
|
var saturationStep2 = 0.05; // 饱和度阶梯，深色部分
|
|
|
|
var brightnessStep1 = 0.05; // 亮度阶梯，浅色部分
|
|
|
|
var brightnessStep2 = 0.15; // 亮度阶梯，深色部分
|
|
|
|
var lightColorCount = 5; // 浅色数量，主色上
|
|
|
|
var darkColorCount = 4; // 深色数量，主色下
|
|
// 暗色主题颜色映射关系表
|
|
|
|
var darkColorMap = [{
|
|
index: 7,
|
|
opacity: 0.15
|
|
}, {
|
|
index: 6,
|
|
opacity: 0.25
|
|
}, {
|
|
index: 5,
|
|
opacity: 0.3
|
|
}, {
|
|
index: 5,
|
|
opacity: 0.45
|
|
}, {
|
|
index: 5,
|
|
opacity: 0.65
|
|
}, {
|
|
index: 5,
|
|
opacity: 0.85
|
|
}, {
|
|
index: 4,
|
|
opacity: 0.9
|
|
}, {
|
|
index: 3,
|
|
opacity: 0.95
|
|
}, {
|
|
index: 2,
|
|
opacity: 0.97
|
|
}, {
|
|
index: 1,
|
|
opacity: 0.98
|
|
}];
|
|
|
|
// Wrapper function ported from TinyColor.prototype.toHsv
|
|
// Keep it here because of `hsv.h * 360`
|
|
function toHsv(_ref) {
|
|
var r = _ref.r,
|
|
g = _ref.g,
|
|
b = _ref.b;
|
|
var hsv = (0,conversion/* rgbToHsv */.py)(r, g, b);
|
|
return {
|
|
h: hsv.h * 360,
|
|
s: hsv.s,
|
|
v: hsv.v
|
|
};
|
|
} // Wrapper function ported from TinyColor.prototype.toHexString
|
|
// Keep it here because of the prefix `#`
|
|
|
|
|
|
function toHex(_ref2) {
|
|
var r = _ref2.r,
|
|
g = _ref2.g,
|
|
b = _ref2.b;
|
|
return "#".concat((0,conversion/* rgbToHex */.vq)(r, g, b, false));
|
|
} // Wrapper function ported from TinyColor.prototype.mix, not treeshakable.
|
|
// Amount in range [0, 1]
|
|
// Assume color1 & color2 has no alpha, since the following src code did so.
|
|
|
|
|
|
function mix(rgb1, rgb2, amount) {
|
|
var p = amount / 100;
|
|
var rgb = {
|
|
r: (rgb2.r - rgb1.r) * p + rgb1.r,
|
|
g: (rgb2.g - rgb1.g) * p + rgb1.g,
|
|
b: (rgb2.b - rgb1.b) * p + rgb1.b
|
|
};
|
|
return rgb;
|
|
}
|
|
|
|
function getHue(hsv, i, light) {
|
|
var hue; // 根据色相不同，色相转向不同
|
|
|
|
if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
|
|
hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
|
|
} else {
|
|
hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
|
|
}
|
|
|
|
if (hue < 0) {
|
|
hue += 360;
|
|
} else if (hue >= 360) {
|
|
hue -= 360;
|
|
}
|
|
|
|
return hue;
|
|
}
|
|
|
|
function getSaturation(hsv, i, light) {
|
|
// grey color don't change saturation
|
|
if (hsv.h === 0 && hsv.s === 0) {
|
|
return hsv.s;
|
|
}
|
|
|
|
var saturation;
|
|
|
|
if (light) {
|
|
saturation = hsv.s - saturationStep * i;
|
|
} else if (i === darkColorCount) {
|
|
saturation = hsv.s + saturationStep;
|
|
} else {
|
|
saturation = hsv.s + saturationStep2 * i;
|
|
} // 边界值修正
|
|
|
|
|
|
if (saturation > 1) {
|
|
saturation = 1;
|
|
} // 第一格的 s 限制在 0.06-0.1 之间
|
|
|
|
|
|
if (light && i === lightColorCount && saturation > 0.1) {
|
|
saturation = 0.1;
|
|
}
|
|
|
|
if (saturation < 0.06) {
|
|
saturation = 0.06;
|
|
}
|
|
|
|
return Number(saturation.toFixed(2));
|
|
}
|
|
|
|
function getValue(hsv, i, light) {
|
|
var value;
|
|
|
|
if (light) {
|
|
value = hsv.v + brightnessStep1 * i;
|
|
} else {
|
|
value = hsv.v - brightnessStep2 * i;
|
|
}
|
|
|
|
if (value > 1) {
|
|
value = 1;
|
|
}
|
|
|
|
return Number(value.toFixed(2));
|
|
}
|
|
|
|
function generate(color) {
|
|
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
var patterns = [];
|
|
var pColor = (0,format_input/* inputToRGB */.uA)(color);
|
|
|
|
for (var i = lightColorCount; i > 0; i -= 1) {
|
|
var hsv = toHsv(pColor);
|
|
var colorString = toHex((0,format_input/* inputToRGB */.uA)({
|
|
h: getHue(hsv, i, true),
|
|
s: getSaturation(hsv, i, true),
|
|
v: getValue(hsv, i, true)
|
|
}));
|
|
patterns.push(colorString);
|
|
}
|
|
|
|
patterns.push(toHex(pColor));
|
|
|
|
for (var _i = 1; _i <= darkColorCount; _i += 1) {
|
|
var _hsv = toHsv(pColor);
|
|
|
|
var _colorString = toHex((0,format_input/* inputToRGB */.uA)({
|
|
h: getHue(_hsv, _i),
|
|
s: getSaturation(_hsv, _i),
|
|
v: getValue(_hsv, _i)
|
|
}));
|
|
|
|
patterns.push(_colorString);
|
|
} // dark theme patterns
|
|
|
|
|
|
if (opts.theme === 'dark') {
|
|
return darkColorMap.map(function (_ref3) {
|
|
var index = _ref3.index,
|
|
opacity = _ref3.opacity;
|
|
var darkColorString = toHex(mix((0,format_input/* inputToRGB */.uA)(opts.backgroundColor || '#141414'), (0,format_input/* inputToRGB */.uA)(patterns[index]), opacity * 100));
|
|
return darkColorString;
|
|
});
|
|
}
|
|
|
|
return patterns;
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/node_modules/@ant-design/colors/es/index.js
|
|
|
|
var presetPrimaryColors = {
|
|
red: '#F5222D',
|
|
volcano: '#FA541C',
|
|
orange: '#FA8C16',
|
|
gold: '#FAAD14',
|
|
yellow: '#FADB14',
|
|
lime: '#A0D911',
|
|
green: '#52C41A',
|
|
cyan: '#13C2C2',
|
|
blue: '#1677FF',
|
|
geekblue: '#2F54EB',
|
|
purple: '#722ED1',
|
|
magenta: '#EB2F96',
|
|
grey: '#666666'
|
|
};
|
|
var presetPalettes = {};
|
|
var presetDarkPalettes = {};
|
|
Object.keys(presetPrimaryColors).forEach(function (key) {
|
|
presetPalettes[key] = generate(presetPrimaryColors[key]);
|
|
presetPalettes[key].primary = presetPalettes[key][5]; // dark presetPalettes
|
|
|
|
presetDarkPalettes[key] = generate(presetPrimaryColors[key], {
|
|
theme: 'dark',
|
|
backgroundColor: '#141414'
|
|
});
|
|
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
});
|
|
var red = presetPalettes.red;
|
|
var volcano = presetPalettes.volcano;
|
|
var gold = presetPalettes.gold;
|
|
var orange = presetPalettes.orange;
|
|
var yellow = presetPalettes.yellow;
|
|
var lime = presetPalettes.lime;
|
|
var green = presetPalettes.green;
|
|
var cyan = presetPalettes.cyan;
|
|
var blue = presetPalettes.blue;
|
|
var geekblue = presetPalettes.geekblue;
|
|
var purple = presetPalettes.purple;
|
|
var magenta = presetPalettes.magenta;
|
|
var grey = presetPalettes.grey;
|
|
var gray = presetPalettes.grey;
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
var warning = __webpack_require__(80334);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/dynamicCSS.js
|
|
var dynamicCSS = __webpack_require__(44958);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/utils.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function utils_warning(valid, message) {
|
|
(0,warning/* default */.ZP)(valid, "[@ant-design/icons] ".concat(message));
|
|
}
|
|
function isIconDefinition(target) {
|
|
return (0,esm_typeof/* default */.Z)(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && ((0,esm_typeof/* default */.Z)(target.icon) === 'object' || typeof target.icon === 'function');
|
|
}
|
|
function normalizeAttrs() {
|
|
var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
return Object.keys(attrs).reduce(function (acc, key) {
|
|
var val = attrs[key];
|
|
switch (key) {
|
|
case 'class':
|
|
acc.className = val;
|
|
delete acc.class;
|
|
break;
|
|
default:
|
|
acc[key] = val;
|
|
}
|
|
return acc;
|
|
}, {});
|
|
}
|
|
function utils_generate(node, key, rootProps) {
|
|
if (!rootProps) {
|
|
return /*#__PURE__*/react.createElement(node.tag, (0,objectSpread2/* default */.Z)({
|
|
key: key
|
|
}, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
|
|
return utils_generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
|
|
}));
|
|
}
|
|
return /*#__PURE__*/react.createElement(node.tag, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
key: key
|
|
}, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
|
|
return utils_generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
|
|
}));
|
|
}
|
|
function getSecondaryColor(primaryColor) {
|
|
// choose the second color
|
|
return generate(primaryColor)[0];
|
|
}
|
|
function normalizeTwoToneColors(twoToneColor) {
|
|
if (!twoToneColor) {
|
|
return [];
|
|
}
|
|
return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
|
|
}
|
|
// These props make sure that the SVG behaviours like general text.
|
|
// Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
|
|
var svgBaseProps = {
|
|
width: '1em',
|
|
height: '1em',
|
|
fill: 'currentColor',
|
|
'aria-hidden': 'true',
|
|
focusable: 'false'
|
|
};
|
|
var iconStyles = "\n.anticon {\n display: inline-block;\n color: inherit;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n line-height: 1;\n}\n\n.anticon svg {\n display: inline-block;\n}\n\n.anticon::before {\n display: none;\n}\n\n.anticon .anticon-icon {\n display: block;\n}\n\n.anticon[tabindex] {\n cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n display: inline-block;\n -webkit-animation: loadingCircle 1s infinite linear;\n animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n";
|
|
var useInsertStyles = function useInsertStyles() {
|
|
var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;
|
|
var _useContext = (0,react.useContext)(Context),
|
|
csp = _useContext.csp,
|
|
prefixCls = _useContext.prefixCls;
|
|
var mergedStyleStr = styleStr;
|
|
if (prefixCls) {
|
|
mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
|
|
}
|
|
(0,react.useEffect)(function () {
|
|
(0,dynamicCSS/* updateCSS */.hq)(mergedStyleStr, '@ant-design-icons', {
|
|
prepend: true,
|
|
csp: csp
|
|
});
|
|
}, []);
|
|
};
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/IconBase.js
|
|
|
|
|
|
var _excluded = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
|
|
|
|
var twoToneColorPalette = {
|
|
primaryColor: '#333',
|
|
secondaryColor: '#E6E6E6',
|
|
calculated: false
|
|
};
|
|
function setTwoToneColors(_ref) {
|
|
var primaryColor = _ref.primaryColor,
|
|
secondaryColor = _ref.secondaryColor;
|
|
twoToneColorPalette.primaryColor = primaryColor;
|
|
twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
|
|
twoToneColorPalette.calculated = !!secondaryColor;
|
|
}
|
|
function getTwoToneColors() {
|
|
return (0,objectSpread2/* default */.Z)({}, twoToneColorPalette);
|
|
}
|
|
var IconBase = function IconBase(props) {
|
|
var icon = props.icon,
|
|
className = props.className,
|
|
onClick = props.onClick,
|
|
style = props.style,
|
|
primaryColor = props.primaryColor,
|
|
secondaryColor = props.secondaryColor,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded);
|
|
var colors = twoToneColorPalette;
|
|
if (primaryColor) {
|
|
colors = {
|
|
primaryColor: primaryColor,
|
|
secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
|
|
};
|
|
}
|
|
useInsertStyles();
|
|
utils_warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
|
|
if (!isIconDefinition(icon)) {
|
|
return null;
|
|
}
|
|
var target = icon;
|
|
if (target && typeof target.icon === 'function') {
|
|
target = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, target), {}, {
|
|
icon: target.icon(colors.primaryColor, colors.secondaryColor)
|
|
});
|
|
}
|
|
return utils_generate(target.icon, "svg-".concat(target.name), (0,objectSpread2/* default */.Z)({
|
|
className: className,
|
|
onClick: onClick,
|
|
style: style,
|
|
'data-icon': target.name,
|
|
width: '1em',
|
|
height: '1em',
|
|
fill: 'currentColor',
|
|
'aria-hidden': 'true'
|
|
}, restProps));
|
|
};
|
|
IconBase.displayName = 'IconReact';
|
|
IconBase.getTwoToneColors = getTwoToneColors;
|
|
IconBase.setTwoToneColors = setTwoToneColors;
|
|
/* harmony default export */ var components_IconBase = (IconBase);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/twoTonePrimaryColor.js
|
|
|
|
|
|
|
|
function setTwoToneColor(twoToneColor) {
|
|
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
|
|
_normalizeTwoToneColo2 = (0,slicedToArray/* default */.Z)(_normalizeTwoToneColo, 2),
|
|
primaryColor = _normalizeTwoToneColo2[0],
|
|
secondaryColor = _normalizeTwoToneColo2[1];
|
|
return components_IconBase.setTwoToneColors({
|
|
primaryColor: primaryColor,
|
|
secondaryColor: secondaryColor
|
|
});
|
|
}
|
|
function getTwoToneColor() {
|
|
var colors = components_IconBase.getTwoToneColors();
|
|
if (!colors.calculated) {
|
|
return colors.primaryColor;
|
|
}
|
|
return [colors.primaryColor, colors.secondaryColor];
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js
|
|
|
|
|
|
|
|
|
|
var AntdIcon_excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Initial setting
|
|
// should move it to antd main repo?
|
|
setTwoToneColor('#1890ff');
|
|
var Icon = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
var _classNames;
|
|
var className = props.className,
|
|
icon = props.icon,
|
|
spin = props.spin,
|
|
rotate = props.rotate,
|
|
tabIndex = props.tabIndex,
|
|
onClick = props.onClick,
|
|
twoToneColor = props.twoToneColor,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, AntdIcon_excluded);
|
|
var _React$useContext = react.useContext(Context),
|
|
_React$useContext$pre = _React$useContext.prefixCls,
|
|
prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
|
|
rootClassName = _React$useContext.rootClassName;
|
|
var classString = classnames_default()(rootClassName, prefixCls, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
|
|
var iconTabIndex = tabIndex;
|
|
if (iconTabIndex === undefined && onClick) {
|
|
iconTabIndex = -1;
|
|
}
|
|
var svgStyle = rotate ? {
|
|
msTransform: "rotate(".concat(rotate, "deg)"),
|
|
transform: "rotate(".concat(rotate, "deg)")
|
|
} : undefined;
|
|
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
|
|
_normalizeTwoToneColo2 = (0,slicedToArray/* default */.Z)(_normalizeTwoToneColo, 2),
|
|
primaryColor = _normalizeTwoToneColo2[0],
|
|
secondaryColor = _normalizeTwoToneColo2[1];
|
|
return /*#__PURE__*/react.createElement("span", (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
role: "img",
|
|
"aria-label": icon.name
|
|
}, restProps), {}, {
|
|
ref: ref,
|
|
tabIndex: iconTabIndex,
|
|
onClick: onClick,
|
|
className: classString
|
|
}), /*#__PURE__*/react.createElement(components_IconBase, {
|
|
icon: icon,
|
|
primaryColor: primaryColor,
|
|
secondaryColor: secondaryColor,
|
|
style: svgStyle
|
|
}));
|
|
});
|
|
Icon.displayName = 'AntdIcon';
|
|
Icon.getTwoToneColor = getTwoToneColor;
|
|
Icon.setTwoToneColor = setTwoToneColor;
|
|
/* harmony default export */ var AntdIcon = (Icon);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 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);
|
|
|
|
/***/ })
|
|
|
|
}]); |