@bifrostui/react 0.0.5

package/es/Calendar/utils.js

@@ -0,0 +1,66 @@
+import dayjs from 'dayjs/esm/index';
+/**
+ * 判断日期是否相同
+ */
+export var isSame = function isSame(start, end) {
+  return dayjs(start).isSame(end, 'day');
+};
+
+/**
+ * 计算日期差
+ */
+export var geteDateDiff = function geteDateDiff(a, b) {
+  return dayjs(dayjs(a).format('YYYYMMDD')).diff(dayjs(dayjs(b).format('YYYYMMDD')), 'day');
+};
+
+/**
+ * 判断是否在日期区间内
+ */
+export var isRange = function isRange(current, start, end) {
+  var flag = true;
+  if (geteDateDiff(current, start) < 0 || geteDateDiff(current, end) > 0) {
+    flag = false;
+  }
+  return flag;
+};
+
+/**
+ * 取数组第一个日期为开始日期，最后一个日期为结束日期
+ */
+export var generateRangeDate = function generateRangeDate(value) {
+  var finalIndex = value.length - 1;
+  return {
+    start: value[0],
+    end: value[finalIndex]
+  };
+};
+
+/**
+ * 格式化初始日期
+ * @return undefined | Array<Date|null>
+ */
+export var formatDate = function formatDate(mode, value, minDate, maxDate) {
+  // value 或 defaultValue为undefined应原值返回，外部需要做受控/非受控判断
+  if (value === undefined) return value;
+  var defaultStartDate = null;
+  var defaultEndDate = null;
+  if (mode === 'single' && value) {
+    defaultStartDate = isRange(value, minDate, maxDate) ? value : null;
+  } else if (mode === 'range') {
+    var _generateRangeDate = generateRangeDate(value),
+      start = _generateRangeDate.start,
+      end = _generateRangeDate.end;
+    if (start) {
+      defaultStartDate = isRange(start, minDate, maxDate) ? start : null;
+    }
+    if (end) {
+      defaultEndDate = isRange(end, minDate, maxDate) ? end : null;
+    }
+    if (start && end && geteDateDiff(start, end) > 0) {
+      // 传入的开始日期晚于结束日期，纠正日期范围
+      defaultStartDate = end;
+      defaultEndDate = start;
+    }
+  }
+  return [defaultStartDate, defaultEndDate];
+};

package/es/Card/Card.css

@@ -0,0 +1,9 @@
+.bui-card {
+  background-color: var(--bui-color-bg-view);
+  border-radius: var(--bui-shape-radius-card);
+  overflow: hidden;
+  font-family: var(--bui-font-family);
+}
+.bui-card-header + .bui-card-content {
+  padding-top: 0;
+}

package/es/Card/Card.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CardProps } from './Card.types';
+import './Card.less';
+declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Card;

package/es/Card/Card.js

@@ -0,0 +1,21 @@
+var _excluded = ["className", "onClick", "children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import React from 'react';
+import "./Card.css";
+var prefixCls = 'bui-card';
+var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    onClick = props.onClick,
+    children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className),
+    onClick: onClick,
+    ref: ref
+  }, others), children);
+});
+Card.displayName = 'BuiCard';
+export default Card;

package/es/Card/Card.types.d.ts

@@ -0,0 +1,6 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type CardProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P;
+    defaultComponent: D;
+}, D>;

package/es/Card/Card.types.js

@@ -0,0 +1 @@
+export {};

package/es/Card/CardContent.css

@@ -0,0 +1,6 @@
+.bui-card-content {
+  font-size: var(--bui-text-size-2);
+  padding: var(--bui-spacing-lg);
+  color: var(--bui-color-fg-muted);
+  font-family: var(--bui-font-family);
+}

package/es/Card/CardContent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CardContentProps } from './CardContent.types';
+import './CardContent.less';
+declare const CardContent: React.ForwardRefExoticComponent<Omit<CardContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CardContent;

package/es/Card/CardContent.js

@@ -0,0 +1,19 @@
+var _excluded = ["className", "children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import React from 'react';
+import "./CardContent.css";
+var prefixCls = 'bui-card-content';
+var CardContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className),
+    ref: ref
+  }, others), children);
+});
+CardContent.displayName = 'BuiCardContent';
+export default CardContent;

package/es/Card/CardContent.types.d.ts

@@ -0,0 +1,6 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type CardContentProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P;
+    defaultComponent: D;
+}, D>;

package/es/Card/CardContent.types.js

@@ -0,0 +1 @@
+export {};

package/es/Card/CardFooter.css

@@ -0,0 +1,8 @@
+.bui-card-footer {
+  color: var(--bui-color-fg-muted);
+  font-size: var(--bui-text-size-1);
+  display: flex;
+  align-items: center;
+  padding: var(--bui-spacing-md) var(--bui-spacing-lg);
+  font-family: var(--bui-font-family);
+}

package/es/Card/CardFooter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CardFooterProps } from './CardFooter.types';
+import './CardFooter.less';
+declare const CardFooter: React.ForwardRefExoticComponent<Omit<CardFooterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CardFooter;

package/es/Card/CardFooter.js

@@ -0,0 +1,19 @@
+var _excluded = ["className", "children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import React from 'react';
+import "./CardFooter.css";
+var prefixCls = 'bui-card-footer';
+var CardFooter = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className),
+    ref: ref
+  }, others), children);
+});
+CardFooter.displayName = 'BuiCardFooter';
+export default CardFooter;

package/es/Card/CardFooter.types.d.ts

@@ -0,0 +1,6 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type CardFooterProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P;
+    defaultComponent: D;
+}, D>;

package/es/Card/CardFooter.types.js

@@ -0,0 +1 @@
+export {};

package/es/Card/CardHeader.css

@@ -0,0 +1,45 @@
+.bui-card-header {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  position: relative;
+  padding: var(--bui-spacing-md) var(--bui-spacing-lg);
+  font-size: var(--bui-title-size-4);
+  font-weight: 500;
+  color: var(--bui-color-fg-default);
+  font-family: var(--bui-font-family);
+}
+.bui-card-header-title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  flex-shrink: 0;
+}
+.bui-card-header-subtitle {
+  font-size: var(--bui-text-size-3);
+  font-weight: normal;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--bui-color-fg-subtle);
+  padding: 0 var(--bui-spacing-xs);
+}
+.bui-card-header-extra {
+  white-space: nowrap;
+}
+.bui-card-header-end-icon {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+.bui-card-header-extra,
+.bui-card-header-end-icon {
+  font-size: var(--bui-text-size-3);
+  font-weight: normal;
+  color: var(--bui-color-fg-subtle);
+  margin-left: auto;
+}
+.bui-card-header-extra + .bui-card-header-end-icon {
+  margin-left: 2px;
+}

package/es/Card/CardHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CardHeaderProps } from './CardHeader.types';
+import './CardHeader.less';
+declare const CardHeader: React.ForwardRefExoticComponent<Omit<CardHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CardHeader;

package/es/Card/CardHeader.js

@@ -0,0 +1,53 @@
+var _excluded = ["title", "subtitle", "className", "extra", "endIcon", "onClick"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { ArrowForwardIcon } from '@bifrostui/icons';
+import clsx from 'clsx';
+import React from 'react';
+import "./CardHeader.css";
+var prefixCls = 'bui-card-header';
+var CardHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var title = props.title,
+    subtitle = props.subtitle,
+    className = props.className,
+    extra = props.extra,
+    endIcon = props.endIcon,
+    onClick = props.onClick,
+    others = _objectWithoutProperties(props, _excluded);
+
+  // 右侧操作icon
+  var chevron = function () {
+    if (typeof endIcon === 'boolean') {
+      return endIcon ? /*#__PURE__*/React.createElement(ArrowForwardIcon, {
+        size: "small",
+        htmlColor: "#ced1d6"
+      }) : null;
+    }
+    if ( /*#__PURE__*/React.isValidElement(endIcon)) {
+      return endIcon;
+    }
+    if (onClick) {
+      return /*#__PURE__*/React.createElement(ArrowForwardIcon, {
+        size: "small",
+        htmlColor: "#ced1d6"
+      });
+    }
+    return null;
+  }();
+  return title || subtitle ? /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className),
+    onClick: onClick,
+    ref: ref
+  }, others), title && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-title")
+  }, title), subtitle && /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-subtitle"))
+  }, subtitle), extra && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-extra")
+  }, extra), chevron && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-end-icon")
+  }, chevron)) : null;
+});
+CardHeader.displayName = 'BuiCardHeader';
+export default CardHeader;

package/es/Card/CardHeader.types.d.ts

@@ -0,0 +1,23 @@
+import { OverrideProps } from '@bifrostui/types';
+import React, { ReactNode } from 'react';
+export type CardHeaderProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 卡片标题
+         */
+        title?: ReactNode;
+        /**
+         * 子标题
+         */
+        subtitle?: ReactNode;
+        /**
+         *卡片右侧操作区
+         */
+        extra?: ReactNode;
+        /**
+         * 卡片右侧操作区图标
+         */
+        endIcon?: ReactNode | boolean;
+    };
+    defaultComponent: D;
+}, D>;

package/es/Card/CardHeader.types.js

@@ -0,0 +1 @@
+export {};

package/es/Card/index.d.ts

@@ -0,0 +1,10 @@
+import CardHeader from './CardHeader';
+import CardContent from './CardContent';
+import CardFooter from './CardFooter';
+export * from './Card.types';
+export * from './CardHeader.types';
+export * from './CardContent.types';
+export * from './CardFooter.types';
+export { default } from './Card';
+export { default as Card } from './Card';
+export { CardHeader, CardContent, CardFooter };

package/es/Card/index.js

@@ -0,0 +1,10 @@
+import CardHeader from "./CardHeader";
+import CardContent from "./CardContent";
+import CardFooter from "./CardFooter";
+export * from "./Card.types";
+export * from "./CardHeader.types";
+export * from "./CardContent.types";
+export * from "./CardFooter.types";
+export { default } from "./Card";
+export { default as Card } from "./Card";
+export { CardHeader, CardContent, CardFooter };

package/es/Checkbox/Checkbox.css

@@ -0,0 +1,45 @@
+.bui-checkbox {
+  --label-color: var(--bui-color-fg-default);
+  --label-font-size: var(--bui-text-size-1);
+  --icon-font-size: var(--bui-title-size-2);
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  font-family: var(--bui-font-family);
+}
+.bui-checkbox.bui-checkbox-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.bui-checkbox-label-left {
+  flex-direction: row-reverse;
+}
+.bui-checkbox-label-top {
+  flex-direction: column-reverse;
+}
+.bui-checkbox-label-bottom {
+  flex-direction: column;
+}
+.bui-checkbox-input {
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  z-index: 1;
+}
+.bui-checkbox-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding: 5px;
+  box-sizing: border-box;
+  font-size: var(--icon-font-size);
+}
+.bui-checkbox-label {
+  font-size: var(--label-font-size);
+  color: var(--label-color);
+}

package/es/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CheckboxProps } from './Checkbox.types';
+import './Checkbox.less';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Checkbox;

package/es/Checkbox/Checkbox.js

@@ -0,0 +1,108 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "defaultChecked", "checked", "inputProps", "inputRef", "name", "value", "disabled", "icon", "checkedIcon", "labelPlacement", "onChange", "children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { CircleOutlinedIcon, SuccessCircleFilledIcon } from '@bifrostui/icons';
+import { useValue } from '@bifrostui/utils';
+import clsx from 'clsx';
+import React, { forwardRef, useContext } from 'react';
+import CheckboxContext from "./CheckboxContext";
+import "./Checkbox.css";
+var prefixCls = 'bui-checkbox';
+var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
+  var className = props.className,
+    defaultChecked = props.defaultChecked,
+    checked = props.checked,
+    inputProps = props.inputProps,
+    inputRef = props.inputRef,
+    name = props.name,
+    value = props.value,
+    disabled = props.disabled,
+    icon = props.icon,
+    checkedIcon = props.checkedIcon,
+    labelPlacement = props.labelPlacement,
+    onChange = props.onChange,
+    children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  var groupContext = useContext(CheckboxContext);
+  var validDefaultChecked = defaultChecked;
+  var validChecked = checked;
+  // 使用CheckboxGroup
+  if (groupContext) {
+    var _groupContext$value, _groupContext$default;
+    validChecked = groupContext === null || groupContext === void 0 || (_groupContext$value = groupContext.value) === null || _groupContext$value === void 0 ? void 0 : _groupContext$value.includes(value);
+    validDefaultChecked = groupContext === null || groupContext === void 0 || (_groupContext$default = groupContext.defaultValue) === null || _groupContext$default === void 0 ? void 0 : _groupContext$default.includes(value);
+  }
+  var _useValue = useValue({
+      defaultValue: validDefaultChecked,
+      value: validChecked
+    }),
+    _useValue2 = _slicedToArray(_useValue, 2),
+    checkboxChecked = _useValue2[0],
+    triggerChange = _useValue2[1];
+  if (groupContext && !value) {
+    console.error('CheckboxGroup模式下Checkbox须传入value属性');
+  }
+  var checkboxCheckIcon = checkedIcon || /*#__PURE__*/React.createElement(SuccessCircleFilledIcon, {
+    color: "primary"
+  });
+  var checkboxUncheckIcon = icon || /*#__PURE__*/React.createElement(CircleOutlinedIcon, {
+    htmlColor: "#ced1d6"
+  });
+  var checkboxDisabled = disabled !== undefined ? disabled : groupContext === null || groupContext === void 0 ? void 0 : groupContext.disabled;
+  var handleChange = function handleChange(e) {
+    var isChecked = !checkboxChecked;
+    // Checkbox
+    if (!groupContext) {
+      var _inputProps$onChange;
+      triggerChange(e, isChecked);
+      onChange === null || onChange === void 0 || onChange(e, {
+        checked: isChecked
+      });
+      inputProps === null || inputProps === void 0 || (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 || _inputProps$onChange.call(inputProps, e);
+      return;
+    }
+    // CheckboxGroup
+    if (isChecked) {
+      var _groupContext$select;
+      groupContext === null || groupContext === void 0 || (_groupContext$select = groupContext.select) === null || _groupContext$select === void 0 || _groupContext$select.call(groupContext, e, value);
+    } else {
+      var _groupContext$unselec;
+      groupContext === null || groupContext === void 0 || (_groupContext$unselec = groupContext.unselect) === null || _groupContext$unselec === void 0 || _groupContext$unselec.call(groupContext, e, value);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(prefixCls, className, "".concat(prefixCls, "-label-").concat(labelPlacement), _defineProperty({}, "".concat(prefixCls, "-disabled"), checkboxDisabled))
+  }, others), /*#__PURE__*/React.createElement("input", _extends({
+    ref: inputRef,
+    type: "checkbox",
+    value: value,
+    name: name,
+    checked: checkboxChecked,
+    disabled: checkboxDisabled
+  }, inputProps, {
+    onChange: handleChange,
+    className: clsx("".concat(prefixCls, "-input"), inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-icon")
+  }, checkboxChecked ? checkboxCheckIcon : checkboxUncheckIcon), children && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-label")
+  }, children));
+});
+Checkbox.displayName = 'BuiCheckbox';
+Checkbox.defaultProps = {
+  defaultChecked: false,
+  labelPlacement: 'right'
+};
+export default Checkbox;

package/es/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,84 @@
+import { OverrideProps } from '@bifrostui/types';
+import React, { ReactNode } from 'react';
+export type CheckboxLabelPlacement = 'left' | 'top' | 'right' | 'bottom';
+export interface CheckboxContextProps {
+    defaultValue?: string[];
+    value?: string[];
+    select: (e: React.ChangeEvent<HTMLInputElement>, val: string) => void;
+    unselect: (e: React.ChangeEvent<HTMLInputElement>, val: string) => void;
+    disabled?: boolean;
+}
+export type CheckboxGroupProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 默认选中的选项，当组件非受控时使用
+         */
+        defaultValue?: string[];
+        /**
+         * 指定选中的选项，当组件受控时使用
+         */
+        value?: string[];
+        /**
+         * 整组是否禁用，默认false
+         */
+        disabled?: boolean;
+        /**
+         * 变化时的回调函数
+         */
+        onChange?: (e: React.SyntheticEvent, data: {
+            value: string[];
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;
+export type CheckboxProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 默认是否选中，当组件非受控时使用
+         */
+        defaultChecked?: boolean;
+        /**
+         * 是否选中，当组件受控时使用
+         */
+        checked?: boolean;
+        /**
+         * 内部<input>标签的标准属性
+         */
+        inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+        /**
+         * 内部<input>标签的ref
+         */
+        inputRef?: React.Ref<HTMLInputElement>;
+        /**
+         * <input>名称标识
+         */
+        name?: string;
+        /**
+         * 组件的值，若使用CheckboxGroup应传入该属性
+         */
+        value?: string;
+        /**
+         * 是否禁用
+         */
+        disabled?: boolean;
+        /**
+         * 未选中状态图标
+         */
+        icon?: ReactNode;
+        /**
+         * 选中状态图标
+         */
+        checkedIcon?: ReactNode;
+        /**
+         * 文案位置，默认: 'right'
+         */
+        labelPlacement?: CheckboxLabelPlacement;
+        /**
+         * 变化时的回调函数
+         */
+        onChange?: (e: React.SyntheticEvent, data: {
+            checked: boolean;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/Checkbox/Checkbox.types.js

@@ -0,0 +1 @@
+export {};

package/es/Checkbox/CheckboxContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CheckboxContextProps } from './Checkbox.types';
+declare const CheckboxContext: React.Context<CheckboxContextProps>;
+export declare const CheckboxContextProvider: React.Provider<CheckboxContextProps>;
+export default CheckboxContext;

package/es/Checkbox/CheckboxContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+var CheckboxContext = /*#__PURE__*/React.createContext(null);
+export var CheckboxContextProvider = CheckboxContext.Provider;
+export default CheckboxContext;

package/es/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Checkbox.less';
+import { CheckboxGroupProps } from './Checkbox.types';
+declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxGroup;