|
|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
"use strict";
|
|
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[73220],{
|
|
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[73220,83570],{
|
|
|
|
|
|
|
|
|
|
/***/ 63606:
|
|
|
|
|
/*!******************************************************************************!*\
|
|
|
|
|
@ -663,6 +663,10 @@ var progress = __webpack_require__(69814);
|
|
|
|
|
var es_button = __webpack_require__(71577);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
|
|
|
|
|
var input = __webpack_require__(79531);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/index.js
|
|
|
|
|
var row = __webpack_require__(71230);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/checkbox/index.js + 3 modules
|
|
|
|
|
var es_checkbox = __webpack_require__(84567);
|
|
|
|
|
;// CONCATENATED MODULE: ./src/assets/images/video/upload.png
|
|
|
|
|
var upload_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAwBAMAAABTZWEsAAAAIVBMVEVHcExMrf9Qr/9TuP9Mrf9Nrf9Mrf9MrP9Nrv9Orv9MrP98EuefAAAACnRSTlMA3CULV5jA84JH4j3LZgAAANVJREFUOMvl1a0OwjAUBeCb/QgcGckSphqeAASBoKaR4KpwJDwAYhaHQuGbLNtynpKWmTWs92rg2n45orc7I9qeEZzrjSgqwIxRtAI7M7rzoKMLjhScNRqqsAyDGC0BxIw9/UYQKQEUHQ9SoGSBBmoOpG4/JQO0A3UYpP2KyyDQaGG8CB/YgDnMfhjhAw2zgEmGER6wAVkEQzbiMQp29g07YCOmo2CDjBywEadRkOSqB5NcBa/6Dbhd/AmIq0Z41c/DL3y8n0AsMbEGxSIVq1gsc+l38AI000Nd23IRqQAAAABJRU5ErkJggg==";
|
|
|
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Video/Upload/index.less?modules
|
|
|
|
|
@ -790,7 +794,8 @@ var Uploads = function Uploads(_ref) {
|
|
|
|
|
title: item.title,
|
|
|
|
|
attachment_id: item.attachment_id,
|
|
|
|
|
course_id: params.coursesId,
|
|
|
|
|
category_id: Location === null || Location === void 0 ? void 0 : (_Location$query = Location.query) === null || _Location$query === void 0 ? void 0 : _Location$query.categoryId
|
|
|
|
|
category_id: Location === null || Location === void 0 ? void 0 : (_Location$query = Location.query) === null || _Location$query === void 0 ? void 0 : _Location$query.categoryId,
|
|
|
|
|
allow_skip: (item === null || item === void 0 ? void 0 : item.allow_skip) || false
|
|
|
|
|
};
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
@ -960,6 +965,20 @@ var Uploads = function Uploads(_ref) {
|
|
|
|
|
handleChange('attachment_id', e, item.name);
|
|
|
|
|
}
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
|
|
|
align: "middle",
|
|
|
|
|
className: "mt10",
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
|
|
className: "mr5",
|
|
|
|
|
children: "\u64AD\u653E\u8BBE\u7F6E:"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, {
|
|
|
|
|
className: "font14",
|
|
|
|
|
checked: item.allow_skip,
|
|
|
|
|
onChange: function onChange(e) {
|
|
|
|
|
handleChange('allow_skip', e.target.checked, item.name);
|
|
|
|
|
},
|
|
|
|
|
children: "\u5141\u8BB8\u5FEB\u8FDB\u64AD\u653E"
|
|
|
|
|
})]
|
|
|
|
|
})]
|
|
|
|
|
}, item.name);
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
@ -1057,6 +1076,550 @@ function useForceUpdate() {
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 84567:
|
|
|
|
|
/*!************************************************************!*\
|
|
|
|
|
!*** ./node_modules/antd/es/checkbox/index.js + 3 modules ***!
|
|
|
|
|
\************************************************************/
|
|
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
|
|
"Z": function() { return /* binding */ es_checkbox; }
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
|
|
|
var classnames = __webpack_require__(94184);
|
|
|
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-checkbox/es/index.js + 5 modules
|
|
|
|
|
var es = __webpack_require__(95860);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
|
|
var react = __webpack_require__(67294);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
|
|
|
var config_provider_context = __webpack_require__(53124);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/DisabledContext.js
|
|
|
|
|
var DisabledContext = __webpack_require__(98866);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/form/context.js
|
|
|
|
|
var context = __webpack_require__(65223);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/checkbox/GroupContext.js
|
|
|
|
|
|
|
|
|
|
const GroupContext = /*#__PURE__*/react.createContext(null);
|
|
|
|
|
/* harmony default export */ var checkbox_GroupContext = (GroupContext);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/checkbox/style/index.js
|
|
|
|
|
var checkbox_style = __webpack_require__(63185);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/checkbox/Checkbox.js
|
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
|
|
|
var t = {};
|
|
|
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
|
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
|
|
|
}
|
|
|
|
|
return t;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const InternalCheckbox = (props, ref) => {
|
|
|
|
|
var _a;
|
|
|
|
|
const {
|
|
|
|
|
prefixCls: customizePrefixCls,
|
|
|
|
|
className,
|
|
|
|
|
rootClassName,
|
|
|
|
|
children,
|
|
|
|
|
indeterminate = false,
|
|
|
|
|
style,
|
|
|
|
|
onMouseEnter,
|
|
|
|
|
onMouseLeave,
|
|
|
|
|
skipGroup = false,
|
|
|
|
|
disabled
|
|
|
|
|
} = props,
|
|
|
|
|
restProps = __rest(props, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]);
|
|
|
|
|
const {
|
|
|
|
|
getPrefixCls,
|
|
|
|
|
direction,
|
|
|
|
|
checkbox
|
|
|
|
|
} = react.useContext(config_provider_context/* ConfigContext */.E_);
|
|
|
|
|
const checkboxGroup = react.useContext(checkbox_GroupContext);
|
|
|
|
|
const {
|
|
|
|
|
isFormItemInput
|
|
|
|
|
} = react.useContext(context/* FormItemInputContext */.aM);
|
|
|
|
|
const contextDisabled = react.useContext(DisabledContext/* default */.Z);
|
|
|
|
|
const mergedDisabled = (_a = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.disabled) || disabled) !== null && _a !== void 0 ? _a : contextDisabled;
|
|
|
|
|
const prevValue = react.useRef(restProps.value);
|
|
|
|
|
react.useEffect(() => {
|
|
|
|
|
checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.registerValue(restProps.value);
|
|
|
|
|
false ? 0 : void 0;
|
|
|
|
|
}, []);
|
|
|
|
|
react.useEffect(() => {
|
|
|
|
|
if (skipGroup) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (restProps.value !== prevValue.current) {
|
|
|
|
|
checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.cancelValue(prevValue.current);
|
|
|
|
|
checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.registerValue(restProps.value);
|
|
|
|
|
prevValue.current = restProps.value;
|
|
|
|
|
}
|
|
|
|
|
return () => checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.cancelValue(restProps.value);
|
|
|
|
|
}, [restProps.value]);
|
|
|
|
|
const prefixCls = getPrefixCls('checkbox', customizePrefixCls);
|
|
|
|
|
const [wrapSSR, hashId] = (0,checkbox_style/* default */.ZP)(prefixCls);
|
|
|
|
|
const checkboxProps = Object.assign({}, restProps);
|
|
|
|
|
if (checkboxGroup && !skipGroup) {
|
|
|
|
|
checkboxProps.onChange = function () {
|
|
|
|
|
if (restProps.onChange) {
|
|
|
|
|
restProps.onChange.apply(restProps, arguments);
|
|
|
|
|
}
|
|
|
|
|
if (checkboxGroup.toggleOption) {
|
|
|
|
|
checkboxGroup.toggleOption({
|
|
|
|
|
label: children,
|
|
|
|
|
value: restProps.value
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
checkboxProps.name = checkboxGroup.name;
|
|
|
|
|
checkboxProps.checked = checkboxGroup.value.includes(restProps.value);
|
|
|
|
|
}
|
|
|
|
|
const classString = classnames_default()(`${prefixCls}-wrapper`, {
|
|
|
|
|
[`${prefixCls}-rtl`]: direction === 'rtl',
|
|
|
|
|
[`${prefixCls}-wrapper-checked`]: checkboxProps.checked,
|
|
|
|
|
[`${prefixCls}-wrapper-disabled`]: mergedDisabled,
|
|
|
|
|
[`${prefixCls}-wrapper-in-form-item`]: isFormItemInput
|
|
|
|
|
}, checkbox === null || checkbox === void 0 ? void 0 : checkbox.className, className, rootClassName, hashId);
|
|
|
|
|
const checkboxClass = classnames_default()({
|
|
|
|
|
[`${prefixCls}-indeterminate`]: indeterminate
|
|
|
|
|
}, hashId);
|
|
|
|
|
const ariaChecked = indeterminate ? 'mixed' : undefined;
|
|
|
|
|
return wrapSSR(
|
|
|
|
|
/*#__PURE__*/
|
|
|
|
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
|
|
|
react.createElement("label", {
|
|
|
|
|
className: classString,
|
|
|
|
|
style: Object.assign(Object.assign({}, checkbox === null || checkbox === void 0 ? void 0 : checkbox.style), style),
|
|
|
|
|
onMouseEnter: onMouseEnter,
|
|
|
|
|
onMouseLeave: onMouseLeave
|
|
|
|
|
}, /*#__PURE__*/react.createElement(es/* default */.Z, Object.assign({
|
|
|
|
|
"aria-checked": ariaChecked
|
|
|
|
|
}, checkboxProps, {
|
|
|
|
|
prefixCls: prefixCls,
|
|
|
|
|
className: checkboxClass,
|
|
|
|
|
disabled: mergedDisabled,
|
|
|
|
|
ref: ref
|
|
|
|
|
})), children !== undefined && /*#__PURE__*/react.createElement("span", null, children)));
|
|
|
|
|
};
|
|
|
|
|
const Checkbox = /*#__PURE__*/react.forwardRef(InternalCheckbox);
|
|
|
|
|
if (false) {}
|
|
|
|
|
/* harmony default export */ var checkbox_Checkbox = (Checkbox);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
|
|
|
var toConsumableArray = __webpack_require__(74902);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/rc-util/es/omit.js
|
|
|
|
|
var omit = __webpack_require__(10366);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/checkbox/Group.js
|
|
|
|
|
|
|
|
|
|
var Group_rest = undefined && undefined.__rest || function (s, e) {
|
|
|
|
|
var t = {};
|
|
|
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
|
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
|
|
|
}
|
|
|
|
|
return t;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const InternalGroup = (props, ref) => {
|
|
|
|
|
const {
|
|
|
|
|
defaultValue,
|
|
|
|
|
children,
|
|
|
|
|
options = [],
|
|
|
|
|
prefixCls: customizePrefixCls,
|
|
|
|
|
className,
|
|
|
|
|
rootClassName,
|
|
|
|
|
style,
|
|
|
|
|
onChange
|
|
|
|
|
} = props,
|
|
|
|
|
restProps = Group_rest(props, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]);
|
|
|
|
|
const {
|
|
|
|
|
getPrefixCls,
|
|
|
|
|
direction
|
|
|
|
|
} = react.useContext(config_provider_context/* ConfigContext */.E_);
|
|
|
|
|
const [value, setValue] = react.useState(restProps.value || defaultValue || []);
|
|
|
|
|
const [registeredValues, setRegisteredValues] = react.useState([]);
|
|
|
|
|
react.useEffect(() => {
|
|
|
|
|
if ('value' in restProps) {
|
|
|
|
|
setValue(restProps.value || []);
|
|
|
|
|
}
|
|
|
|
|
}, [restProps.value]);
|
|
|
|
|
const memoOptions = react.useMemo(() => options.map(option => {
|
|
|
|
|
if (typeof option === 'string' || typeof option === 'number') {
|
|
|
|
|
return {
|
|
|
|
|
label: option,
|
|
|
|
|
value: option
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
return option;
|
|
|
|
|
}), [options]);
|
|
|
|
|
const cancelValue = val => {
|
|
|
|
|
setRegisteredValues(prevValues => prevValues.filter(v => v !== val));
|
|
|
|
|
};
|
|
|
|
|
const registerValue = val => {
|
|
|
|
|
setRegisteredValues(prevValues => [].concat((0,toConsumableArray/* default */.Z)(prevValues), [val]));
|
|
|
|
|
};
|
|
|
|
|
const toggleOption = option => {
|
|
|
|
|
const optionIndex = value.indexOf(option.value);
|
|
|
|
|
const newValue = (0,toConsumableArray/* default */.Z)(value);
|
|
|
|
|
if (optionIndex === -1) {
|
|
|
|
|
newValue.push(option.value);
|
|
|
|
|
} else {
|
|
|
|
|
newValue.splice(optionIndex, 1);
|
|
|
|
|
}
|
|
|
|
|
if (!('value' in restProps)) {
|
|
|
|
|
setValue(newValue);
|
|
|
|
|
}
|
|
|
|
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue.filter(val => registeredValues.includes(val)).sort((a, b) => {
|
|
|
|
|
const indexA = memoOptions.findIndex(opt => opt.value === a);
|
|
|
|
|
const indexB = memoOptions.findIndex(opt => opt.value === b);
|
|
|
|
|
return indexA - indexB;
|
|
|
|
|
}));
|
|
|
|
|
};
|
|
|
|
|
const prefixCls = getPrefixCls('checkbox', customizePrefixCls);
|
|
|
|
|
const groupPrefixCls = `${prefixCls}-group`;
|
|
|
|
|
const [wrapSSR, hashId] = (0,checkbox_style/* default */.ZP)(prefixCls);
|
|
|
|
|
const domProps = (0,omit/* default */.Z)(restProps, ['value', 'disabled']);
|
|
|
|
|
const childrenNode = options.length ? memoOptions.map(option => /*#__PURE__*/react.createElement(checkbox_Checkbox, {
|
|
|
|
|
prefixCls: prefixCls,
|
|
|
|
|
key: option.value.toString(),
|
|
|
|
|
disabled: 'disabled' in option ? option.disabled : restProps.disabled,
|
|
|
|
|
value: option.value,
|
|
|
|
|
checked: value.includes(option.value),
|
|
|
|
|
onChange: option.onChange,
|
|
|
|
|
className: `${groupPrefixCls}-item`,
|
|
|
|
|
style: option.style,
|
|
|
|
|
title: option.title
|
|
|
|
|
}, option.label)) : children;
|
|
|
|
|
// eslint-disable-next-line react/jsx-no-constructed-context-values
|
|
|
|
|
const context = {
|
|
|
|
|
toggleOption,
|
|
|
|
|
value,
|
|
|
|
|
disabled: restProps.disabled,
|
|
|
|
|
name: restProps.name,
|
|
|
|
|
// https://github.com/ant-design/ant-design/issues/16376
|
|
|
|
|
registerValue,
|
|
|
|
|
cancelValue
|
|
|
|
|
};
|
|
|
|
|
const classString = classnames_default()(groupPrefixCls, {
|
|
|
|
|
[`${groupPrefixCls}-rtl`]: direction === 'rtl'
|
|
|
|
|
}, className, rootClassName, hashId);
|
|
|
|
|
return wrapSSR( /*#__PURE__*/react.createElement("div", Object.assign({
|
|
|
|
|
className: classString,
|
|
|
|
|
style: style
|
|
|
|
|
}, domProps, {
|
|
|
|
|
ref: ref
|
|
|
|
|
}), /*#__PURE__*/react.createElement(checkbox_GroupContext.Provider, {
|
|
|
|
|
value: context
|
|
|
|
|
}, childrenNode)));
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const CheckboxGroup = /*#__PURE__*/react.forwardRef(InternalGroup);
|
|
|
|
|
/* harmony default export */ var Group = (/*#__PURE__*/react.memo(CheckboxGroup));
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/checkbox/index.js
|
|
|
|
|
'use client';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const es_checkbox_Checkbox = checkbox_Checkbox;
|
|
|
|
|
es_checkbox_Checkbox.Group = Group;
|
|
|
|
|
es_checkbox_Checkbox.__ANT_CHECKBOX = true;
|
|
|
|
|
if (false) {}
|
|
|
|
|
/* harmony default export */ var es_checkbox = (es_checkbox_Checkbox);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 63185:
|
|
|
|
|
/*!******************************************************!*\
|
|
|
|
|
!*** ./node_modules/antd/es/checkbox/style/index.js ***!
|
|
|
|
|
\******************************************************/
|
|
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
|
|
|
/* harmony export */ "C2": function() { return /* binding */ getStyle; }
|
|
|
|
|
/* harmony export */ });
|
|
|
|
|
/* unused harmony export genCheckboxStyle */
|
|
|
|
|
/* harmony import */ var _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/cssinjs */ 68024);
|
|
|
|
|
/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ 14747);
|
|
|
|
|
/* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ 45503);
|
|
|
|
|
/* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ 67968);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ============================== Motion ==============================
|
|
|
|
|
const antCheckboxEffect = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antCheckboxEffect', {
|
|
|
|
|
'0%': {
|
|
|
|
|
transform: 'scale(1)',
|
|
|
|
|
opacity: 0.5
|
|
|
|
|
},
|
|
|
|
|
'100%': {
|
|
|
|
|
transform: 'scale(1.6)',
|
|
|
|
|
opacity: 0
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
// ============================== Styles ==============================
|
|
|
|
|
const genCheckboxStyle = token => {
|
|
|
|
|
const {
|
|
|
|
|
checkboxCls
|
|
|
|
|
} = token;
|
|
|
|
|
const wrapperCls = `${checkboxCls}-wrapper`;
|
|
|
|
|
return [
|
|
|
|
|
// ===================== Basic =====================
|
|
|
|
|
{
|
|
|
|
|
// Group
|
|
|
|
|
[`${checkboxCls}-group`]: Object.assign(Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .resetComponent */ .Wf)(token)), {
|
|
|
|
|
display: 'inline-flex',
|
|
|
|
|
flexWrap: 'wrap',
|
|
|
|
|
columnGap: token.marginXS,
|
|
|
|
|
// Group > Grid
|
|
|
|
|
[`> ${token.antCls}-row`]: {
|
|
|
|
|
flex: 1
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
// Wrapper
|
|
|
|
|
[wrapperCls]: Object.assign(Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .resetComponent */ .Wf)(token)), {
|
|
|
|
|
display: 'inline-flex',
|
|
|
|
|
alignItems: 'baseline',
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
// Fix checkbox & radio in flex align #30260
|
|
|
|
|
'&:after': {
|
|
|
|
|
display: 'inline-block',
|
|
|
|
|
width: 0,
|
|
|
|
|
overflow: 'hidden',
|
|
|
|
|
content: "'\\a0'"
|
|
|
|
|
},
|
|
|
|
|
// Checkbox near checkbox
|
|
|
|
|
[`& + ${wrapperCls}`]: {
|
|
|
|
|
marginInlineStart: 0
|
|
|
|
|
},
|
|
|
|
|
[`&${wrapperCls}-in-form-item`]: {
|
|
|
|
|
'input[type="checkbox"]': {
|
|
|
|
|
width: 14,
|
|
|
|
|
height: 14 // FIXME: magic
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
|
|
|
|
|
// Wrapper > Checkbox
|
|
|
|
|
[checkboxCls]: Object.assign(Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .resetComponent */ .Wf)(token)), {
|
|
|
|
|
position: 'relative',
|
|
|
|
|
whiteSpace: 'nowrap',
|
|
|
|
|
lineHeight: 1,
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
// To make alignment right when `controlHeight` is changed
|
|
|
|
|
// Ref: https://github.com/ant-design/ant-design/issues/41564
|
|
|
|
|
alignSelf: 'center',
|
|
|
|
|
// Wrapper > Checkbox > input
|
|
|
|
|
[`${checkboxCls}-input`]: {
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
// Since baseline align will get additional space offset,
|
|
|
|
|
// we need to move input to top to make it align with text.
|
|
|
|
|
// Ref: https://github.com/ant-design/ant-design/issues/38926#issuecomment-1486137799
|
|
|
|
|
inset: 0,
|
|
|
|
|
zIndex: 1,
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
opacity: 0,
|
|
|
|
|
margin: 0,
|
|
|
|
|
[`&:focus-visible + ${checkboxCls}-inner`]: Object.assign({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__/* .genFocusOutline */ .oN)(token))
|
|
|
|
|
},
|
|
|
|
|
// Wrapper > Checkbox > inner
|
|
|
|
|
[`${checkboxCls}-inner`]: {
|
|
|
|
|
boxSizing: 'border-box',
|
|
|
|
|
position: 'relative',
|
|
|
|
|
top: 0,
|
|
|
|
|
insetInlineStart: 0,
|
|
|
|
|
display: 'block',
|
|
|
|
|
width: token.checkboxSize,
|
|
|
|
|
height: token.checkboxSize,
|
|
|
|
|
direction: 'ltr',
|
|
|
|
|
backgroundColor: token.colorBgContainer,
|
|
|
|
|
border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
|
|
|
|
|
borderRadius: token.borderRadiusSM,
|
|
|
|
|
borderCollapse: 'separate',
|
|
|
|
|
transition: `all ${token.motionDurationSlow}`,
|
|
|
|
|
'&:after': {
|
|
|
|
|
boxSizing: 'border-box',
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
top: '50%',
|
|
|
|
|
insetInlineStart: '21.5%',
|
|
|
|
|
display: 'table',
|
|
|
|
|
width: token.checkboxSize / 14 * 5,
|
|
|
|
|
height: token.checkboxSize / 14 * 8,
|
|
|
|
|
border: `${token.lineWidthBold}px solid ${token.colorWhite}`,
|
|
|
|
|
borderTop: 0,
|
|
|
|
|
borderInlineStart: 0,
|
|
|
|
|
transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',
|
|
|
|
|
opacity: 0,
|
|
|
|
|
content: '""',
|
|
|
|
|
transition: `all ${token.motionDurationFast} ${token.motionEaseInBack}, opacity ${token.motionDurationFast}`
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// Wrapper > Checkbox + Text
|
|
|
|
|
'& + span': {
|
|
|
|
|
paddingInlineStart: token.paddingXS,
|
|
|
|
|
paddingInlineEnd: token.paddingXS
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// ===================== Hover =====================
|
|
|
|
|
{
|
|
|
|
|
// Wrapper
|
|
|
|
|
[`${wrapperCls}:hover ${checkboxCls}:after`]: {
|
|
|
|
|
visibility: 'visible'
|
|
|
|
|
},
|
|
|
|
|
// Wrapper & Wrapper > Checkbox
|
|
|
|
|
[`
|
|
|
|
|
${wrapperCls}:not(${wrapperCls}-disabled),
|
|
|
|
|
${checkboxCls}:not(${checkboxCls}-disabled)
|
|
|
|
|
`]: {
|
|
|
|
|
[`&:hover ${checkboxCls}-inner`]: {
|
|
|
|
|
borderColor: token.colorPrimary
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
[`${wrapperCls}:not(${wrapperCls}-disabled)`]: {
|
|
|
|
|
[`&:hover ${checkboxCls}-checked:not(${checkboxCls}-disabled) ${checkboxCls}-inner`]: {
|
|
|
|
|
backgroundColor: token.colorPrimaryHover,
|
|
|
|
|
borderColor: 'transparent'
|
|
|
|
|
},
|
|
|
|
|
[`&:hover ${checkboxCls}-checked:not(${checkboxCls}-disabled):after`]: {
|
|
|
|
|
borderColor: token.colorPrimaryHover
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// ==================== Checked ====================
|
|
|
|
|
{
|
|
|
|
|
// Wrapper > Checkbox
|
|
|
|
|
[`${checkboxCls}-checked`]: {
|
|
|
|
|
[`${checkboxCls}-inner`]: {
|
|
|
|
|
backgroundColor: token.colorPrimary,
|
|
|
|
|
borderColor: token.colorPrimary,
|
|
|
|
|
'&:after': {
|
|
|
|
|
opacity: 1,
|
|
|
|
|
transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',
|
|
|
|
|
transition: `all ${token.motionDurationMid} ${token.motionEaseOutBack} ${token.motionDurationFast}`
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// Checked Effect
|
|
|
|
|
'&:after': {
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
top: 0,
|
|
|
|
|
insetInlineStart: 0,
|
|
|
|
|
width: '100%',
|
|
|
|
|
height: '100%',
|
|
|
|
|
borderRadius: token.borderRadiusSM,
|
|
|
|
|
visibility: 'hidden',
|
|
|
|
|
border: `${token.lineWidthBold}px solid ${token.colorPrimary}`,
|
|
|
|
|
animationName: antCheckboxEffect,
|
|
|
|
|
animationDuration: token.motionDurationSlow,
|
|
|
|
|
animationTimingFunction: 'ease-in-out',
|
|
|
|
|
animationFillMode: 'backwards',
|
|
|
|
|
content: '""',
|
|
|
|
|
transition: `all ${token.motionDurationSlow}`
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
[`
|
|
|
|
|
${wrapperCls}-checked:not(${wrapperCls}-disabled),
|
|
|
|
|
${checkboxCls}-checked:not(${checkboxCls}-disabled)
|
|
|
|
|
`]: {
|
|
|
|
|
[`&:hover ${checkboxCls}-inner`]: {
|
|
|
|
|
backgroundColor: token.colorPrimaryHover,
|
|
|
|
|
borderColor: 'transparent'
|
|
|
|
|
},
|
|
|
|
|
[`&:hover ${checkboxCls}:after`]: {
|
|
|
|
|
borderColor: token.colorPrimaryHover
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// ================= Indeterminate =================
|
|
|
|
|
{
|
|
|
|
|
[checkboxCls]: {
|
|
|
|
|
'&-indeterminate': {
|
|
|
|
|
// Wrapper > Checkbox > inner
|
|
|
|
|
[`${checkboxCls}-inner`]: {
|
|
|
|
|
backgroundColor: token.colorBgContainer,
|
|
|
|
|
borderColor: token.colorBorder,
|
|
|
|
|
'&:after': {
|
|
|
|
|
top: '50%',
|
|
|
|
|
insetInlineStart: '50%',
|
|
|
|
|
width: token.fontSizeLG / 2,
|
|
|
|
|
height: token.fontSizeLG / 2,
|
|
|
|
|
backgroundColor: token.colorPrimary,
|
|
|
|
|
border: 0,
|
|
|
|
|
transform: 'translate(-50%, -50%) scale(1)',
|
|
|
|
|
opacity: 1,
|
|
|
|
|
content: '""'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// ==================== Disable ====================
|
|
|
|
|
{
|
|
|
|
|
// Wrapper
|
|
|
|
|
[`${wrapperCls}-disabled`]: {
|
|
|
|
|
cursor: 'not-allowed'
|
|
|
|
|
},
|
|
|
|
|
// Wrapper > Checkbox
|
|
|
|
|
[`${checkboxCls}-disabled`]: {
|
|
|
|
|
// Wrapper > Checkbox > input
|
|
|
|
|
[`&, ${checkboxCls}-input`]: {
|
|
|
|
|
cursor: 'not-allowed',
|
|
|
|
|
// Disabled for native input to enable Tooltip event handler
|
|
|
|
|
// ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901
|
|
|
|
|
pointerEvents: 'none'
|
|
|
|
|
},
|
|
|
|
|
// Wrapper > Checkbox > inner
|
|
|
|
|
[`${checkboxCls}-inner`]: {
|
|
|
|
|
background: token.colorBgContainerDisabled,
|
|
|
|
|
borderColor: token.colorBorder,
|
|
|
|
|
'&:after': {
|
|
|
|
|
borderColor: token.colorTextDisabled
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
'&:after': {
|
|
|
|
|
display: 'none'
|
|
|
|
|
},
|
|
|
|
|
'& + span': {
|
|
|
|
|
color: token.colorTextDisabled
|
|
|
|
|
},
|
|
|
|
|
[`&${checkboxCls}-indeterminate ${checkboxCls}-inner::after`]: {
|
|
|
|
|
background: token.colorTextDisabled
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}];
|
|
|
|
|
};
|
|
|
|
|
// ============================== Export ==============================
|
|
|
|
|
function getStyle(prefixCls, token) {
|
|
|
|
|
const checkboxToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__/* .merge */ .TS)(token, {
|
|
|
|
|
checkboxCls: `.${prefixCls}`,
|
|
|
|
|
checkboxSize: token.controlInteractiveSize
|
|
|
|
|
});
|
|
|
|
|
return [genCheckboxStyle(checkboxToken)];
|
|
|
|
|
}
|
|
|
|
|
/* harmony default export */ __webpack_exports__["ZP"] = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)('Checkbox', (token, _ref) => {
|
|
|
|
|
let {
|
|
|
|
|
prefixCls
|
|
|
|
|
} = _ref;
|
|
|
|
|
return [getStyle(prefixCls, token)];
|
|
|
|
|
}));
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 79531:
|
|
|
|
|
/*!*********************************************************!*\
|
|
|
|
|
!*** ./node_modules/antd/es/input/index.js + 5 modules ***!
|
|
|
|
|
@ -1470,6 +2033,262 @@ const genCollapseMotion = token => ({
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 95860:
|
|
|
|
|
/*!**********************************************************!*\
|
|
|
|
|
!*** ./node_modules/rc-checkbox/es/index.js + 5 modules ***!
|
|
|
|
|
\**********************************************************/
|
|
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
|
|
"Z": function() { return /* binding */ es; }
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// UNUSED EXPORTS: Checkbox
|
|
|
|
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
|
|
|
var esm_extends = __webpack_require__(87462);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
|
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
|
|
|
var defineProperty = __webpack_require__(4942);
|
|
|
|
|
// 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/objectWithoutProperties.js
|
|
|
|
|
var objectWithoutProperties = __webpack_require__(45987);
|
|
|
|
|
// 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);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-checkbox/node_modules/rc-util/es/hooks/useEvent.js
|
|
|
|
|
|
|
|
|
|
function useEvent(callback) {
|
|
|
|
|
var fnRef = react.useRef();
|
|
|
|
|
fnRef.current = callback;
|
|
|
|
|
var memoFn = react.useCallback(function () {
|
|
|
|
|
var _fnRef$current;
|
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
|
|
args[_key] = arguments[_key];
|
|
|
|
|
}
|
|
|
|
|
return (_fnRef$current = fnRef.current) === null || _fnRef$current === void 0 ? void 0 : _fnRef$current.call.apply(_fnRef$current, [fnRef].concat(args));
|
|
|
|
|
}, []);
|
|
|
|
|
return memoFn;
|
|
|
|
|
}
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-checkbox/node_modules/rc-util/es/Dom/canUseDom.js
|
|
|
|
|
function canUseDom() {
|
|
|
|
|
return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
|
|
|
}
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-checkbox/node_modules/rc-util/es/hooks/useLayoutEffect.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Wrap `React.useLayoutEffect` which will not throw warning message in test env
|
|
|
|
|
*/
|
|
|
|
|
var useInternalLayoutEffect = true && canUseDom() ? react.useLayoutEffect : react.useEffect;
|
|
|
|
|
var useLayoutEffect = function useLayoutEffect(callback, deps) {
|
|
|
|
|
var firstMountRef = react.useRef(true);
|
|
|
|
|
useInternalLayoutEffect(function () {
|
|
|
|
|
return callback(firstMountRef.current);
|
|
|
|
|
}, deps);
|
|
|
|
|
|
|
|
|
|
// We tell react that first mount has passed
|
|
|
|
|
useInternalLayoutEffect(function () {
|
|
|
|
|
firstMountRef.current = false;
|
|
|
|
|
return function () {
|
|
|
|
|
firstMountRef.current = true;
|
|
|
|
|
};
|
|
|
|
|
}, []);
|
|
|
|
|
};
|
|
|
|
|
var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
|
|
|
|
|
useLayoutEffect(function (firstMount) {
|
|
|
|
|
if (!firstMount) {
|
|
|
|
|
return callback();
|
|
|
|
|
}
|
|
|
|
|
}, deps);
|
|
|
|
|
};
|
|
|
|
|
/* harmony default export */ var hooks_useLayoutEffect = ((/* unused pure expression or super */ null && (useLayoutEffect)));
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-checkbox/node_modules/rc-util/es/hooks/useState.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
|
|
|
|
|
* We do not make this auto is to avoid real memory leak.
|
|
|
|
|
* Developer should confirm it's safe to ignore themselves.
|
|
|
|
|
*/
|
|
|
|
|
function useSafeState(defaultValue) {
|
|
|
|
|
var destroyRef = react.useRef(false);
|
|
|
|
|
var _React$useState = react.useState(defaultValue),
|
|
|
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2),
|
|
|
|
|
value = _React$useState2[0],
|
|
|
|
|
setValue = _React$useState2[1];
|
|
|
|
|
react.useEffect(function () {
|
|
|
|
|
destroyRef.current = false;
|
|
|
|
|
return function () {
|
|
|
|
|
destroyRef.current = true;
|
|
|
|
|
};
|
|
|
|
|
}, []);
|
|
|
|
|
function safeSetState(updater, ignoreDestroy) {
|
|
|
|
|
if (ignoreDestroy && destroyRef.current) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
setValue(updater);
|
|
|
|
|
}
|
|
|
|
|
return [value, safeSetState];
|
|
|
|
|
}
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-checkbox/node_modules/rc-util/es/hooks/useMergedState.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** We only think `undefined` is empty */
|
|
|
|
|
function hasValue(value) {
|
|
|
|
|
return value !== undefined;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Similar to `useState` but will use props value if provided.
|
|
|
|
|
* Note that internal use rc-util `useState` hook.
|
|
|
|
|
*/
|
|
|
|
|
function useMergedState(defaultStateValue, option) {
|
|
|
|
|
var _ref = option || {},
|
|
|
|
|
defaultValue = _ref.defaultValue,
|
|
|
|
|
value = _ref.value,
|
|
|
|
|
onChange = _ref.onChange,
|
|
|
|
|
postState = _ref.postState;
|
|
|
|
|
|
|
|
|
|
// ======================= Init =======================
|
|
|
|
|
var _useState = useSafeState(function () {
|
|
|
|
|
if (hasValue(value)) {
|
|
|
|
|
return value;
|
|
|
|
|
} else if (hasValue(defaultValue)) {
|
|
|
|
|
return typeof defaultValue === 'function' ? defaultValue() : defaultValue;
|
|
|
|
|
} else {
|
|
|
|
|
return typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue;
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
|
|
|
innerValue = _useState2[0],
|
|
|
|
|
setInnerValue = _useState2[1];
|
|
|
|
|
var mergedValue = value !== undefined ? value : innerValue;
|
|
|
|
|
var postMergedValue = postState ? postState(mergedValue) : mergedValue;
|
|
|
|
|
|
|
|
|
|
// ====================== Change ======================
|
|
|
|
|
var onChangeFn = useEvent(onChange);
|
|
|
|
|
var _useState3 = useSafeState([mergedValue]),
|
|
|
|
|
_useState4 = (0,slicedToArray/* default */.Z)(_useState3, 2),
|
|
|
|
|
prevValue = _useState4[0],
|
|
|
|
|
setPrevValue = _useState4[1];
|
|
|
|
|
useLayoutUpdateEffect(function () {
|
|
|
|
|
var prev = prevValue[0];
|
|
|
|
|
if (innerValue !== prev) {
|
|
|
|
|
onChangeFn(innerValue, prev);
|
|
|
|
|
}
|
|
|
|
|
}, [prevValue]);
|
|
|
|
|
|
|
|
|
|
// Sync value back to `undefined` when it from control to un-control
|
|
|
|
|
useLayoutUpdateEffect(function () {
|
|
|
|
|
if (!hasValue(value)) {
|
|
|
|
|
setInnerValue(value);
|
|
|
|
|
}
|
|
|
|
|
}, [value]);
|
|
|
|
|
|
|
|
|
|
// ====================== Update ======================
|
|
|
|
|
var triggerChange = useEvent(function (updater, ignoreDestroy) {
|
|
|
|
|
setInnerValue(updater, ignoreDestroy);
|
|
|
|
|
setPrevValue([mergedValue], ignoreDestroy);
|
|
|
|
|
});
|
|
|
|
|
return [postMergedValue, triggerChange];
|
|
|
|
|
}
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-checkbox/es/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Checkbox = /*#__PURE__*/(0,react.forwardRef)(function (props, ref) {
|
|
|
|
|
var _classNames;
|
|
|
|
|
var _props$prefixCls = props.prefixCls,
|
|
|
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-checkbox' : _props$prefixCls,
|
|
|
|
|
className = props.className,
|
|
|
|
|
style = props.style,
|
|
|
|
|
checked = props.checked,
|
|
|
|
|
disabled = props.disabled,
|
|
|
|
|
_props$defaultChecked = props.defaultChecked,
|
|
|
|
|
defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
|
|
|
|
|
_props$type = props.type,
|
|
|
|
|
type = _props$type === void 0 ? 'checkbox' : _props$type,
|
|
|
|
|
title = props.title,
|
|
|
|
|
onChange = props.onChange,
|
|
|
|
|
inputProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded);
|
|
|
|
|
var inputRef = (0,react.useRef)(null);
|
|
|
|
|
var _useMergedState = useMergedState(defaultChecked, {
|
|
|
|
|
value: checked
|
|
|
|
|
}),
|
|
|
|
|
_useMergedState2 = (0,slicedToArray/* default */.Z)(_useMergedState, 2),
|
|
|
|
|
rawValue = _useMergedState2[0],
|
|
|
|
|
setRawValue = _useMergedState2[1];
|
|
|
|
|
(0,react.useImperativeHandle)(ref, function () {
|
|
|
|
|
return {
|
|
|
|
|
focus: function focus() {
|
|
|
|
|
var _inputRef$current;
|
|
|
|
|
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
|
|
|
},
|
|
|
|
|
blur: function blur() {
|
|
|
|
|
var _inputRef$current2;
|
|
|
|
|
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
|
|
|
|
|
},
|
|
|
|
|
input: inputRef.current
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
var classString = classnames_default()(prefixCls, className, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-checked"), rawValue), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames));
|
|
|
|
|
var handleChange = function handleChange(e) {
|
|
|
|
|
if (disabled) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (!('checked' in props)) {
|
|
|
|
|
setRawValue(e.target.checked);
|
|
|
|
|
}
|
|
|
|
|
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
|
|
|
target: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
|
|
|
type: type,
|
|
|
|
|
checked: e.target.checked
|
|
|
|
|
}),
|
|
|
|
|
stopPropagation: function stopPropagation() {
|
|
|
|
|
e.stopPropagation();
|
|
|
|
|
},
|
|
|
|
|
preventDefault: function preventDefault() {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
},
|
|
|
|
|
nativeEvent: e.nativeEvent
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
return /*#__PURE__*/react.createElement("span", {
|
|
|
|
|
className: classString,
|
|
|
|
|
title: title,
|
|
|
|
|
style: style
|
|
|
|
|
}, /*#__PURE__*/react.createElement("input", (0,esm_extends/* default */.Z)({}, inputProps, {
|
|
|
|
|
className: "".concat(prefixCls, "-input"),
|
|
|
|
|
ref: inputRef,
|
|
|
|
|
onChange: handleChange,
|
|
|
|
|
disabled: disabled,
|
|
|
|
|
checked: !!rawValue,
|
|
|
|
|
type: type
|
|
|
|
|
})), /*#__PURE__*/react.createElement("span", {
|
|
|
|
|
className: "".concat(prefixCls, "-inner")
|
|
|
|
|
}));
|
|
|
|
|
});
|
|
|
|
|
/* harmony default export */ var es = (Checkbox);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 25934:
|
|
|
|
|
/*!**************************************************************!*\
|
|
|
|
|
!*** ./node_modules/uuid/dist/esm-browser/v4.js + 4 modules ***!
|
|
|
|
|
|