1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- "use strict";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
- var _typeof = require("@babel/runtime/helpers/typeof");
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = exports.Checkbox = void 0;
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
- var _classnames = _interopRequireDefault(require("classnames"));
- var _useMergedState3 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
- var _react = _interopRequireWildcard(require("react"));
- var React = _react;
- var _excluded = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"];
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
- var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
- 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, _objectWithoutProperties2.default)(props, _excluded);
- var inputRef = (0, _react.useRef)(null);
- var holderRef = (0, _react.useRef)(null);
- var _useMergedState = (0, _useMergedState3.default)(defaultChecked, {
- value: checked
- }),
- _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
- rawValue = _useMergedState2[0],
- setRawValue = _useMergedState2[1];
- (0, _react.useImperativeHandle)(ref, function () {
- return {
- focus: function focus(options) {
- var _inputRef$current;
- (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus(options);
- },
- blur: function blur() {
- var _inputRef$current2;
- (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
- },
- input: inputRef.current,
- nativeElement: holderRef.current
- };
- });
- var classString = (0, _classnames.default)(prefixCls, className, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-checked"), rawValue), "".concat(prefixCls, "-disabled"), disabled));
- var handleChange = function handleChange(e) {
- if (disabled) {
- return;
- }
- if (!('checked' in props)) {
- setRawValue(e.target.checked);
- }
- onChange === null || onChange === void 0 || onChange({
- target: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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,
- ref: holderRef
- }, /*#__PURE__*/React.createElement("input", (0, _extends2.default)({}, inputProps, {
- className: "".concat(prefixCls, "-input"),
- ref: inputRef,
- onChange: handleChange,
- disabled: disabled,
- checked: !!rawValue,
- type: type
- })), /*#__PURE__*/React.createElement("span", {
- className: "".concat(prefixCls, "-inner")
- }));
- });
- var _default = exports.default = Checkbox;
|