UNPKG

@alicloud/console-components

Version:

Alibaba Cloud React Components

97 lines (96 loc) 4.65 kB
var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; var __rest = (this && this.__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; }; import hoistNonReactStatics from "hoist-non-react-statics"; import PropTypes from "prop-types"; import React, { forwardRef } from "react"; import { Checkbox as FusionCheckbox } from "@alifd/next"; var CheckboxWithContext = /** @class */ (function (_super) { __extends(CheckboxWithContext, _super); function CheckboxWithContext(props) { var _this = this; var _a, _b, _c; _this = _super.call(this, props) || this; _this.handleChange = _this.handleChange.bind(_this); var finalDefault = false; var defaultValue = (_a = props.defaultChecked) !== null && _a !== void 0 ? _a : props.defaultValue; var initialStateValue = (_c = (_b = props.value) !== null && _b !== void 0 ? _b : defaultValue) !== null && _c !== void 0 ? _c : finalDefault; _this.state = { stateValue: initialStateValue, }; return _this; } CheckboxWithContext.prototype.handleChange = function (valueNew, e) { var _a, _b; if (valueNew === undefined) { valueNew = false; } this.setState({ stateValue: valueNew, }); (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, valueNew, e); }; CheckboxWithContext.prototype.isInCheckboxGroup = function () { var _a; return Boolean((_a = this.context) === null || _a === void 0 ? void 0 : _a.__group__); }; CheckboxWithContext.prototype.getFinalValue = function () { var _a; var value = this.isInCheckboxGroup() ? this.props.checked : (_a = this.props.checked) !== null && _a !== void 0 ? _a : (typeof this.props.value === "boolean" ? this.props.value : undefined); var finalValue = value !== undefined ? value : this.state.stateValue; return finalValue; }; CheckboxWithContext.prototype.render = function () { var _a = this.props, checked = _a.checked, value = _a.value, defaultChecked = _a.defaultChecked, defaultValue = _a.defaultValue, onChange = _a.onChange, forwardedRef = _a.forwardedRef, props = __rest(_a, ["checked", "value", "defaultChecked", "defaultValue", "onChange", "forwardedRef"]); var inCheckboxGroup = this.isInCheckboxGroup(); var controllableValue = this.getFinalValue(); var setControllableValue = this.handleChange; return (React.createElement(FusionCheckbox, __assign({}, __assign(__assign({ checked: controllableValue, onChange: setControllableValue }, (inCheckboxGroup && typeof value !== "boolean" ? { value: value } : undefined)), props), { ref: forwardedRef }))); }; CheckboxWithContext.contextTypes = { __group__: PropTypes.bool, }; return CheckboxWithContext; }(React.Component)); function Checkbox(props, ref) { return React.createElement(CheckboxWithContext, __assign({}, props, { forwardedRef: ref })); } export default hoistNonReactStatics(forwardRef(Checkbox), FusionCheckbox);