@bifrostui/react 0.0.5

package/dist/Badge/Badge.css

@@ -0,0 +1,95 @@
+.bui-badge {
+  display: inline-block;
+  font-family: var(--bui-font-family);
+}
+.bui-badge-position {
+  position: relative;
+}
+.bui-badge-position .bui-badge-contained,
+.bui-badge-position .bui-badge-outlined {
+  position: absolute;
+  top: 14%;
+  right: 14%;
+  transform: scale(1) translate(50%, -50%);
+}
+.bui-badge-position .bui-badge-dot {
+  top: 14%;
+  right: 14%;
+  transform: scale(1) translate(50%, -50%);
+}
+.bui-badge-position .bui-badge-bubble {
+  top: 14%;
+  right: 14%;
+  transform: scale(1) translate(50%, -50%);
+}
+.bui-badge-contained,
+.bui-badge-outlined {
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  min-width: 15px;
+  height: 15px;
+  line-height: 15px;
+  padding: 0 3px;
+  font-size: var(--bui-text-size-4);
+  border-radius: 8px;
+  color: var(--bui-color-bg-view);
+  white-space: nowrap;
+  z-index: 1;
+}
+.bui-badge-outlined {
+  padding: 0 2px;
+}
+.bui-badge-primary {
+  background-color: var(--bui-color-primary);
+}
+.bui-badge-success {
+  background-color: var(--bui-color-success);
+}
+.bui-badge-info {
+  background-color: var(--bui-color-info);
+}
+.bui-badge-warning {
+  background-color: var(--bui-color-warning);
+}
+.bui-badge-danger {
+  background-color: var(--bui-color-danger);
+}
+.bui-badge-dot {
+  width: 9px;
+  min-width: 0;
+  height: 9px;
+  padding: 0;
+  border-radius: 100%;
+}
+.bui-badge-bubble {
+  border-radius: 6px 6px 6px 0;
+  padding: 0 5px;
+}
+.bui-badge-outlined {
+  background: var(--bui-color-bg-view);
+}
+.bui-badge-outlined.bui-badge-primary {
+  border: 1px solid var(--bui-color-primary);
+  color: var(--bui-color-primary);
+}
+.bui-badge-outlined.bui-badge-success {
+  border: 1px solid var(--bui-color-success);
+  color: var(--bui-color-success);
+}
+.bui-badge-outlined.bui-badge-info {
+  border: 1px solid var(--bui-color-info);
+  color: var(--bui-color-info);
+}
+.bui-badge-outlined.bui-badge-warning {
+  border: 1px solid var(--bui-color-warning);
+  color: var(--bui-color-warning);
+}
+.bui-badge-outlined.bui-badge-danger {
+  border: 1px solid var(--bui-color-danger);
+  color: var(--bui-color-danger);
+}
+.bui-badge-outlined.bui-badge-bubble {
+  border-radius: 6px 6px 6px 0;
+}

package/dist/Badge/Badge.d.ts

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

package/dist/Badge/Badge.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireDefault(require("react"));
+require("./Badge.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const prefixCls = 'bui-badge';
+const Badge = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    onClick,
+    children,
+    content,
+    color,
+    maxCount,
+    variant,
+    type,
+    ...others
+  } = props;
+  const displayValue = Number(content) > Number(maxCount) ? `${maxCount}+` : type !== 'dot' && content;
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _clsx.default)(`${prefixCls}`, className, {
+      [`${prefixCls}-position`]: children
+    }),
+    onClick: onClick,
+    ref: ref
+  }, others), (content || type === 'dot') && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(`${prefixCls}-${color}`, `${prefixCls}-${variant}`, `${prefixCls}-${type}`)
+  }, displayValue), children);
+});
+Badge.displayName = 'BuiBadge';
+Badge.defaultProps = {
+  color: 'primary',
+  variant: 'contained',
+  type: 'standard'
+};
+var _default = exports.default = Badge;

package/dist/Badge/Badge.types.d.ts

@@ -0,0 +1,27 @@
+import { OverrideProps, ThemeColor } from '@bifrostui/types';
+import React, { ReactNode } from 'react';
+export type BadgeProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         *徽章内容
+         */
+        content?: ReactNode;
+        /**
+         * 颜色
+         */
+        color?: ThemeColor;
+        /**
+         * 最大值
+         */
+        maxCount?: number;
+        /**
+         *徽章类型
+         */
+        variant?: 'contained' | 'outlined';
+        /**
+         * 徽章形状
+         */
+        type?: 'dot' | 'standard' | 'bubble';
+    };
+    defaultComponent: D;
+}, D>;

package/dist/Badge/Badge.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Badge, default } from './Badge';
+export * from './Badge.types';

package/dist/Badge/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Badge: true
+};
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () {
+    return _Badge.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Badge.default;
+  }
+});
+var _Badge = _interopRequireDefault(require("./Badge"));
+var _Badge2 = require("./Badge.types");
+Object.keys(_Badge2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Badge2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Badge2[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/Button/Button.css

@@ -0,0 +1,200 @@
+.bui-btn {
+  --bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
+  --text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
+  --border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
+  --border-radius: var(--bui-button-border-radius, 100px);
+  --font-weight: var(--bui-button-font-weight, var(--bui-font-weight-medium));
+  border: 1px solid transparent;
+  outline: 0;
+  background-color: transparent;
+  cursor: pointer;
+  color: var(--text-color);
+  box-sizing: border-box;
+  position: relative;
+  display: inline-flex;
+  margin: 0;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  font-size: var(--bui-text-size-3);
+  font-weight: var(--font-weight);
+  border-radius: var(--border-radius);
+  height: 27px;
+  line-height: var(--bui-line-height);
+  font-family: var(--bui-font-family);
+}
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.bui-btn::after {
+  border: 0;
+}
+.bui-btn::before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  background-color: var(--bui-color-black);
+  border: inherit;
+  border-color: var(--bui-color-black);
+  border-radius: inherit;
+  transform: translate(-50%, -50%);
+  opacity: 0;
+  content: ' ';
+}
+.bui-btn:active::before {
+  opacity: 0.04;
+}
+.bui-btn-icon-start {
+  display: inline-flex;
+  align-self: center;
+  flex-shrink: 0;
+  margin-right: var(--bui-spacing-xs);
+}
+.bui-btn-icon-end {
+  display: inline-flex;
+  align-self: center;
+  flex-shrink: 0;
+  margin-left: var(--bui-spacing-xs);
+}
+.bui-btn-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.bui-btn-small {
+  font-size: var(--bui-text-size-4);
+  padding: 0 11px;
+  height: 24px;
+}
+.bui-btn-medium {
+  padding: 0 14px;
+  height: 27px;
+}
+.bui-btn-large {
+  font-size: var(--bui-text-size-2);
+  padding: 0 14px;
+  height: 33px;
+}
+.bui-btn-full {
+  font-size: var(--bui-title-size-4);
+  width: 100%;
+  height: 42px;
+}
+.bui-btn-text.bui-btn-primary {
+  color: var(--bui-color-primary);
+}
+.bui-btn-text.bui-btn-success {
+  color: var(--bui-color-success);
+}
+.bui-btn-text.bui-btn-info {
+  color: var(--bui-color-info);
+}
+.bui-btn-text.bui-btn-warning {
+  color: var(--bui-color-warning);
+}
+.bui-btn-text.bui-btn-danger {
+  color: var(--bui-color-danger);
+}
+.bui-btn-text.bui-btn-vip {
+  color: var(--bui-color-vip);
+}
+.bui-btn-contained {
+  background-color: var(--bg-color);
+}
+.bui-btn-contained.bui-btn-primary {
+  color: var(--bui-color-white);
+  background-image: linear-gradient(45deg, var(--bui-color-primary-start) 0%, var(--bui-color-primary-end) 100%);
+}
+.bui-btn-contained.bui-btn-success {
+  color: var(--bui-color-white);
+  background-image: linear-gradient(45deg, var(--bui-color-success-start) 0%, var(--bui-color-success-end) 100%);
+}
+.bui-btn-contained.bui-btn-info {
+  color: var(--bui-color-white);
+  background-image: linear-gradient(45deg, var(--bui-color-info-start) 0%, var(--bui-color-info-end) 100%);
+}
+.bui-btn-contained.bui-btn-warning {
+  color: var(--bui-color-white);
+  background-image: linear-gradient(45deg, var(--bui-color-warning-start) 0%, var(--bui-color-warning-end) 100%);
+}
+.bui-btn-contained.bui-btn-danger {
+  color: var(--bui-color-white);
+  background-image: linear-gradient(45deg, var(--bui-color-danger-start) 0%, var(--bui-color-danger-end) 100%);
+}
+.bui-btn-contained.bui-btn-vip {
+  color: #582331;
+  background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
+}
+.bui-btn-outlined {
+  border: solid 1px var(--border-color);
+}
+.bui-btn-outlined.bui-btn-primary {
+  color: var(--bui-color-primary);
+  border-color: var(--bui-color-primary);
+}
+.bui-btn-outlined.bui-btn-success {
+  color: var(--bui-color-success);
+  border-color: var(--bui-color-success);
+}
+.bui-btn-outlined.bui-btn-info {
+  color: var(--bui-color-info);
+  border-color: var(--bui-color-info);
+}
+.bui-btn-outlined.bui-btn-warning {
+  color: var(--bui-color-warning);
+  border-color: var(--bui-color-warning);
+}
+.bui-btn-outlined.bui-btn-danger {
+  color: var(--bui-color-danger);
+  border-color: var(--bui-color-danger);
+}
+.bui-btn-outlined.bui-btn-vip {
+  color: var(--bui-color-vip);
+  border-color: var(--bui-color-vip);
+}
+.bui-btn-light {
+  background-image: none;
+  background-color: var(--bui-color-gray-light);
+  border: 1px solid transparent;
+}
+.bui-btn-light.bui-btn-warning {
+  background-image: none;
+  border: 1px solid transparent;
+  color: var(--bui-color-warning);
+  background-color: var(--bui-color-warning-light);
+}
+.bui-btn-light.bui-btn-primary {
+  background-image: none;
+  border: 1px solid transparent;
+  color: var(--bui-color-primary);
+  background-color: var(--bui-color-primary-light);
+}
+.bui-btn-light.bui-btn-info {
+  background-image: none;
+  border: 1px solid transparent;
+  color: var(--bui-color-info);
+  background-color: var(--bui-color-info-light);
+}
+.bui-btn-light.bui-btn-success {
+  background-image: none;
+  border: 1px solid transparent;
+  color: var(--bui-color-success);
+  background-color: var(--bui-color-success-light);
+}
+.bui-btn-light.bui-btn-danger {
+  background-image: none;
+  border: 1px solid transparent;
+  color: var(--bui-color-danger);
+  background-color: var(--bui-color-danger-light);
+}
+.bui-btn-light.bui-btn-vip {
+  color: var(--bui-color-vip);
+  position: relative;
+  background-color: rgba(255, 134, 110, 0.3);
+}

package/dist/Button/Button.d.ts

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

package/dist/Button/Button.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireDefault(require("react"));
+require("./Button.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const prefixCls = 'bui-btn';
+const ButtonIcon = ({
+  children,
+  iconPosition
+}) => {
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: `${prefixCls}-icon-${iconPosition}`
+  }, children);
+};
+const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    children,
+    startIcon,
+    endIcon,
+    size,
+    variant,
+    color,
+    disabled,
+    ...others
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("button", _extends({
+    type: "button",
+    className: (0, _clsx.default)(prefixCls, `${prefixCls}-${variant}`, `${prefixCls}-${size}`, {
+      [`${prefixCls}-${color}`]: color,
+      [`${prefixCls}-disabled`]: disabled
+    }, className),
+    ref: ref
+  }, others), startIcon && /*#__PURE__*/_react.default.createElement(ButtonIcon, {
+    iconPosition: "start"
+  }, startIcon), children, endIcon && /*#__PURE__*/_react.default.createElement(ButtonIcon, {
+    iconPosition: "end"
+  }, endIcon));
+});
+Button.displayName = 'BuiButton';
+Button.defaultProps = {
+  size: 'medium',
+  variant: 'outlined',
+  color: 'default',
+  disabled: false
+};
+var _default = exports.default = Button;

package/dist/Button/Button.types.d.ts

@@ -0,0 +1,52 @@
+import { OverrideProps, ThemeColor, ButtonOpenType } from '@bifrostui/types';
+import React from 'react';
+export type ButtonProps<D extends React.ElementType = 'button', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 是否禁用
+         * @default false
+         */
+        disabled?: boolean;
+        /**
+         * 按钮尺寸
+         * - small: 小按钮
+         * - medium: 中号按钮，默认按钮
+         * - large: 大按钮/半屏按钮
+         * - full: 通栏按钮
+         * @default 'medium'
+         */
+        size?: 'small' | 'medium' | 'large' | 'full';
+        /** 按钮颜色
+         * @default 'default'
+         */
+        color?: ThemeColor | 'default' | 'vip';
+        /**
+         * 按钮类型
+         * - text: 文字按钮
+         * - outlined: 描边按钮
+         * - contained: 实心填充按钮
+         * - light: 浅亮填充按钮
+         * @default 'outlined'
+         */
+        variant?: 'outlined' | 'text' | 'contained' | 'light';
+        /**
+         * 在子元素前放在的内容
+         */
+        startIcon?: React.ReactNode;
+        /**
+         * 在子元素后放在的内容
+         */
+        endIcon?: React.ReactNode;
+        /**
+         * 点击事件回调方法
+         * @param event
+         * @returns
+         */
+        onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        /**
+         * 仅微信小程序支持的button开放能力
+         */
+        openType?: ButtonOpenType;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/Button/Button.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button, default } from './Button';
+export * from './Button.types';

package/dist/Button/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Button: true
+};
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Button.default;
+  }
+});
+var _Button = _interopRequireDefault(require("./Button"));
+var _Button2 = require("./Button.types");
+Object.keys(_Button2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Button2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Button2[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/Calendar/Calendar.css

@@ -0,0 +1,105 @@
+.bui-calendar {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--bui-color-bg-view);
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 6px 12px 7px;
+  font-family: var(--bui-font-family);
+}
+.bui-calendar-week {
+  height: 30px;
+  font-size: var(--bui-text-size-2);
+  font-weight: var(--bui-font-weight-medium);
+  color: var(--bui-color-fg-default);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.bui-calendar-week-item {
+  width: 14.28%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bui-calendar-week-item:nth-child(1),
+.bui-calendar-week-item:nth-child(7) {
+  color: var(--bui-color-primary);
+}
+.bui-calendar-handler {
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 7px;
+}
+.bui-calendar-handler-text {
+  width: 80px;
+  font-size: var(--bui-title-size-3);
+  font-weight: var(--bui-font-weight-medium);
+  text-align: center;
+}
+.bui-calendar-handler-btn {
+  font-size: 16px;
+  height: 100%;
+  width: 46px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bui-calendar-handler-btn-icon {
+  font-size: 28px;
+}
+.bui-calendar-month {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: var(--bui-spacing-sm);
+}
+.bui-calendar-day-box {
+  width: 14.28%;
+  height: 30px;
+  margin-bottom: 7px;
+}
+.bui-calendar-highlight-day .bui-calendar-day {
+  color: var(--bui-color-primary);
+}
+.bui-calendar-day {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  font-size: var(--bui-title-size-4);
+  font-weight: var(--bui-font-weight-medium);
+  color: var(--bui-color-fg-default);
+  cursor: pointer;
+}
+.bui-calendar-day.bui-calendar-disabled {
+  color: #9c9ca5;
+}
+.bui-calendar-today {
+  color: var(--bui-color-primary);
+}
+.bui-calendar-middle {
+  color: #000;
+  border-radius: 0;
+  background-color: #ffeaf1;
+}
+.bui-calendar-start {
+  color: #000;
+  background-color: #ffc7da;
+}
+.bui-calendar-range {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.bui-calendar-end {
+  color: #000;
+  background-color: #ffc7da;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}

package/dist/Calendar/Calendar.d.ts

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