UNPKG

@alicloud/console-components

Version:

Alibaba Cloud React Components

125 lines (124 loc) 6 kB
"use strict"; 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { if (k2 === undefined) k2 = k; var desc = Object.getOwnPropertyDescriptor(m, k); if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { desc = { enumerable: true, get: function() { return m[k]; } }; } Object.defineProperty(o, k2, desc); }) : (function(o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; })); var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { Object.defineProperty(o, "default", { enumerable: true, value: v }); }) : function(o, v) { o["default"] = v; }); var __importStar = (this && this.__importStar) || function (mod) { if (mod && mod.__esModule) return mod; var result = {}; if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); __setModuleDefault(result, mod); return result; }; 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; }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics")); var prop_types_1 = __importDefault(require("prop-types")); var react_1 = __importStar(require("react")); var next_1 = require("@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_1.default.createElement(next_1.Checkbox, __assign({}, __assign(__assign({ checked: controllableValue, onChange: setControllableValue }, (inCheckboxGroup && typeof value !== "boolean" ? { value: value } : undefined)), props), { ref: forwardedRef }))); }; CheckboxWithContext.contextTypes = { __group__: prop_types_1.default.bool, }; return CheckboxWithContext; }(react_1.default.Component)); function Checkbox(props, ref) { return react_1.default.createElement(CheckboxWithContext, __assign({}, props, { forwardedRef: ref })); } exports.default = (0, hoist_non_react_statics_1.default)((0, react_1.forwardRef)(Checkbox), next_1.Checkbox);