@bifrostui/react 0.0.5

package/es/Swiper/Swiper.js

@@ -0,0 +1,112 @@
+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 = ["autoplay", "circular", "current", "displayMultipleItems", "duration", "interval", "spaceBetween", "vertical", "children", "indicatorDots", "indicatorColor", "indicatorActiveColor", "previousMargin", "nextMargin", "style", "className", "onChange", "onAnimationFinish"];
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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, { forwardRef, useEffect, useRef } from 'react';
+import { Autoplay, EffectFade, Pagination } from 'swiper';
+import 'swiper/css';
+import 'swiper/css/autoplay';
+import 'swiper/css/pagination';
+import 'swiper/css/effect-fade';
+import { Swiper as SwiperReact } from 'swiper/react';
+import "./Swiper.css";
+var Swiper = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$autoplay = props.autoplay,
+    autoplay = _props$autoplay === void 0 ? false : _props$autoplay,
+    _props$circular = props.circular,
+    circular = _props$circular === void 0 ? false : _props$circular,
+    _props$current = props.current,
+    current = _props$current === void 0 ? 0 : _props$current,
+    _props$displayMultipl = props.displayMultipleItems,
+    displayMultipleItems = _props$displayMultipl === void 0 ? 1 : _props$displayMultipl,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 500 : _props$duration,
+    _props$interval = props.interval,
+    interval = _props$interval === void 0 ? 5000 : _props$interval,
+    spaceBetween = props.spaceBetween,
+    vertical = props.vertical,
+    children = props.children,
+    indicatorDots = props.indicatorDots,
+    indicatorColor = props.indicatorColor,
+    indicatorActiveColor = props.indicatorActiveColor,
+    previousMargin = props.previousMargin,
+    nextMargin = props.nextMargin,
+    style = props.style,
+    className = props.className,
+    onChange = props.onChange,
+    onAnimationFinish = props.onAnimationFinish,
+    others = _objectWithoutProperties(props, _excluded);
+  var defaultIndicatorColor = indicatorColor || 'rgba(255, 255, 255, .4)';
+  var defaultIndicatorActiveColor = indicatorActiveColor || 'var(--bui-color-bg-view)';
+  var cls = clsx("bui-swiper", className);
+  var sty = _objectSpread({
+    paddingTop: vertical ? previousMargin : 0,
+    paddingRight: vertical ? 0 : nextMargin,
+    paddingBottom: vertical ? nextMargin : 0,
+    paddingLeft: vertical ? 0 : previousMargin,
+    overflow: 'hidden'
+  }, style);
+  var swiperInstance = useRef();
+  var isInit = useRef(true);
+  useEffect(function () {
+    var _swiperInstance$curre, _swiperInstance$curre2;
+    if (isInit.current) {
+      isInit.current = false;
+      return;
+    }
+    swiperInstance === null || swiperInstance === void 0 || (_swiperInstance$curre = swiperInstance.current) === null || _swiperInstance$curre === void 0 || (_swiperInstance$curre2 = _swiperInstance$curre.slideTo) === null || _swiperInstance$curre2 === void 0 || _swiperInstance$curre2.call(_swiperInstance$curre, current);
+  }, [current]);
+  return /*#__PURE__*/React.createElement(SwiperReact, _extends({
+    modules: [Pagination, Autoplay, EffectFade],
+    loop: circular,
+    autoplay: autoplay ? {
+      delay: interval,
+      disableOnInteraction: false
+    } : false,
+    speed: duration,
+    slidesPerView: displayMultipleItems,
+    direction: vertical ? 'vertical' : 'horizontal',
+    pagination: indicatorDots ? {
+      clickable: true
+    } : false,
+    initialSlide: current,
+    onSlideChange: function onSlideChange(swiper) {
+      onChange === null || onChange === void 0 || onChange({
+        detail: {
+          current: swiper.realIndex
+        },
+        type: 'change',
+        target: swiper
+      });
+    },
+    onSlideChangeTransitionEnd: function onSlideChangeTransitionEnd(swiper) {
+      onAnimationFinish === null || onAnimationFinish === void 0 || onAnimationFinish({
+        detail: {
+          current: swiper.realIndex
+        },
+        type: 'animationfinish',
+        target: swiper
+      });
+    },
+    spaceBetween: spaceBetween
+  }, others, {
+    onSwiper: function onSwiper(o) {
+      swiperInstance.current = o;
+    },
+    style: _objectSpread(_objectSpread({}, sty), {}, {
+      '--indicator-color': defaultIndicatorColor,
+      '--indicator-color-active': defaultIndicatorActiveColor
+    }),
+    className: cls,
+    ref: ref
+  }), children);
+});
+Swiper.displayName = 'BuiSwiper';
+export default Swiper;

package/es/Swiper/Swiper.types.d.ts

@@ -0,0 +1,173 @@
+import { OverrideProps } from '@bifrostui/types';
+import { SwiperProps as SwiperPropsH5 } from 'swiper/react';
+import React from 'react';
+export type SwiperProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & SwiperPropsH5 & {
+        /** 是否显示面板指示点
+         * @default false
+         *
+         */
+        indicatorDots?: boolean;
+        /** 指示点颜色
+         * @default "rgba(0, 0, 0, .3)"
+         *
+         */
+        indicatorColor?: string;
+        /** 当前选中的指示点颜色
+         * @default "#000000"
+         *
+         */
+        indicatorActiveColor?: string;
+        /** 是否自动切换
+         * @default false
+         *
+         */
+        autoplay?: boolean;
+        /** 当前所在滑块的 index
+         * @default 0
+         *
+         */
+        current?: number;
+        /** 当前所在滑块的 item-id ，不能与 current 被同时指定
+         * 仅小程序可用
+         * @default ""
+         */
+        currentItemId?: string;
+        /** 自动切换时间间隔
+         * @default 5000
+         *
+         */
+        interval?: number;
+        /** 滑动动画时长
+         * @default 500
+         *
+         */
+        duration?: number;
+        /** 是否采用衔接滑动
+         * @default false
+         *
+         */
+        circular?: boolean;
+        /** 滑动方向是否为纵向
+         * @default false
+         *
+         */
+        vertical?: boolean;
+        /** 前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值
+         * @default "0px"
+         *
+         */
+        previousMargin?: string;
+        /** 后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值
+         * @default "0px"
+         *
+         */
+        nextMargin?: string;
+        /**
+         * 当 swiper-item 的个数大于等于 2，关闭 circular 并且开启 previous-margin 或 next-margin 的时候，可以指定这个边距是否应用到第一个、最后一个元素
+         * @default false
+         * 仅小程序可用
+         */
+        snapToEdge?: boolean;
+        /** 同时显示的滑块数量
+         * @default 1
+         *
+         */
+        displayMultipleItems?: number;
+        /** 是否跳过未显示的滑块布局，设为 true 可优化复杂情况下的滑动性能，但会丢失隐藏状态滑块的布局信息
+         * @default false
+         * 仅小程序可用
+         */
+        skipHiddenItemLayout?: boolean;
+        /** 指定 swiper 切换缓动动画类型
+         * @default "default"
+         * 仅小程序可用
+         */
+        easingFunction?: string;
+        /** 是否禁止用户 touch 操作
+         * @default false
+         * 仅小程序可用
+         */
+        disableTouch?: boolean;
+        /** 是否启用缩放
+         * @default false
+         * 仅小程序可用
+         */
+        zoom?: boolean;
+        /** 是否开启全屏
+         * @default false
+         * 仅小程序可用
+         */
+        full?: boolean;
+        /** swiper-item 可见时的 class。
+         * 仅小程序可用
+         */
+        activeClass?: string;
+        /** acceleration 设置为 {{true}} 时且处于滑动过程中，中间若干屏处于可见时的 class。
+         * 仅小程序可用
+         */
+        changingClass?: string;
+        /** 当开启时，会根据滑动速度，连续滑动多屏。
+         * @default false
+         * 仅小程序可用
+         */
+        acceleration?: string;
+        /** 是否禁用代码变动触发 swiper 切换时使用动画。
+         * @default false
+         * 仅小程序可用
+         */
+        disableProgrammaticAnimation?: string;
+        /** 滑动距离阈值，当滑动距离超过阈值时进行 swiper-item 切换。
+         * 仅小程序可用
+         */
+        swipeRatio?: string;
+        /** 滑动综合速度阈值，当超过阈值时进行 swiper-item 切换，数值越小越敏感。
+         * 仅小程序可用
+         */
+        swipeSpeed?: string;
+        /** 计算用户手势时所依赖的滑动角度。角度根据 touchstart 事件和首次 touchmove 事件的坐标计算得出。数值越小越对用户的滑动方向准确度要求越高。
+         * 仅小程序可用
+         */
+        touchAngle?: string;
+        /** 自动以指定滑块的高度为整个容器的高度。当 vertical 为 true 时，默认不调整。可选值为：
+         * 仅小程序可用
+         */
+        adjustHeight?: 'first' | 'current' | 'highest' | 'none';
+        /** vertical 为 true 时强制使 adjust-height 生效。
+         * 仅小程序可用
+         */
+        adjustVerticalHeight?: string;
+        /** 是否停止响应用户 touchmove 操作
+         * @default false
+         * 仅小程序可用
+         */
+        disableTouchmove?: string;
+        /** 改变 current 时使用动画过渡
+         * 仅小程序可用
+         * @default true
+         */
+        scrollWithAnimation?: boolean;
+        /** 缓存区域大小，值为 1 表示提前渲染上下各一屏区域（swiper 容器大小）
+         * 仅小程序可用
+         * @default 0
+         */
+        cacheExtent?: number;
+        /** current 改变时会触发 change 事件
+         *
+         */
+        onChange?: (e: object) => void;
+        /** swiper-item 的位置发生改变时会触发 transition 事件
+         * 仅小程序可用
+         */
+        onTransition?: (e: object) => void;
+        /** 动画结束时会触发 animationfinish 事件
+         *
+         */
+        onAnimationFinish?: (e: object) => void;
+        /** 动画结束时会触发 animationEnd 事件
+         * 仅小程序可用
+         */
+        onAnimationEnd?: (e: object) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/Swiper/Swiper.types.js

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

package/es/Swiper/SwiperItem.d.ts

@@ -0,0 +1,7 @@
+import { SwiperSlideProps } from 'swiper/react';
+import React from 'react';
+declare const SwiperItem: {
+    (props: SwiperSlideProps): React.JSX.Element;
+    displayName: string;
+};
+export default SwiperItem;

package/es/Swiper/SwiperItem.js

@@ -0,0 +1,24 @@
+var _excluded = ["className", "style", "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 { SwiperSlide } from 'swiper/react';
+import clsx from 'clsx';
+import React from 'react';
+var SwiperItem = function SwiperItem(props) {
+  var className = props.className,
+    style = props.style,
+    children = props.children,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var cls = clsx('swiper-slide', className);
+  return /*#__PURE__*/React.createElement(SwiperSlide, _extends({
+    className: cls,
+    style: style
+  }, restProps), children);
+};
+
+// make swiper happy
+// child.type.displayName.includes('SwiperSlide');
+// -> swiper/react/get-children.js
+SwiperItem.displayName = 'BuiSwiperItem-SwiperSlide';
+export default SwiperItem;

package/es/Swiper/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Swiper, default } from './Swiper';
+export { default as SwiperItem } from './SwiperItem';
+export * from './Swiper.types';

package/es/Swiper/index.js

@@ -0,0 +1,3 @@
+export { default as Swiper, default } from "./Swiper";
+export { default as SwiperItem } from "./SwiperItem";
+export * from "./Swiper.types";

package/es/Swiper/index.miniapp.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Swiper, SwiperItem } from '@tarojs/components';
+declare const _default: {
+    Swiper: import("react").ComponentType<import("@tarojs/components/types/Swiper").SwiperProps>;
+    SwiperItem: import("react").ComponentType<import("@tarojs/components/types/SwiperItem").SwiperItemProps>;
+};
+export default _default;
+export { Swiper, SwiperItem };

package/es/Swiper/index.miniapp.js

@@ -0,0 +1,6 @@
+import { Swiper, SwiperItem } from '@tarojs/components';
+export default {
+  Swiper: Swiper,
+  SwiperItem: SwiperItem
+};
+export { Swiper, SwiperItem };

package/es/Switch/Switch.css

@@ -0,0 +1,127 @@
+.bui-switch {
+  --bg-color: #ccc;
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  padding: 0;
+  vertical-align: middle;
+  border-radius: 15px;
+  background-color: var(--bg-color);
+  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+  font-family: var(--bui-font-family);
+}
+.bui-switch::after {
+  position: absolute;
+  left: 2px;
+  top: 2px;
+  border-radius: 50%;
+  background-color: #fff;
+  content: ' ';
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
+  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
+  animation-duration: 0.3s;
+}
+.bui-switch:focus {
+  outline: none;
+}
+.bui-switch-small {
+  width: 24px;
+  height: 16px;
+}
+.bui-switch-small .bui-switch-inner {
+  left: calc(100% - 10px);
+  font-size: 9px;
+}
+.bui-switch-small::after {
+  width: 12px;
+  height: 12px;
+  left: 2px;
+  top: 2px;
+}
+.bui-switch-small.bui-switch-checked::after {
+  left: calc(100% - 14px);
+}
+.bui-switch-small.bui-switch-checked .bui-switch-inner {
+  left: 2px;
+}
+.bui-switch-medium {
+  width: 44px;
+  height: 22px;
+}
+.bui-switch-medium::after {
+  width: 18px;
+  height: 18px;
+}
+.bui-switch-medium.bui-switch-checked::after {
+  left: calc(100% - 20px);
+}
+.bui-switch-medium.bui-switch-checked .bui-switch-inner {
+  left: var(--bui-spacing-sm);
+}
+.bui-switch-large {
+  width: 51px;
+  height: 30px;
+}
+.bui-switch-large .bui-switch-inner {
+  left: calc(100% - 22px);
+}
+.bui-switch-large::after {
+  width: 24px;
+  height: 24px;
+  left: 3px;
+  top: 3px;
+}
+.bui-switch-large.bui-switch-checked::after {
+  left: calc(100% - 27px);
+}
+.bui-switch-large.bui-switch-checked .bui-switch-inner {
+  left: var(--bui-spacing-sm);
+}
+.bui-switch-primary.bui-switch-checked {
+  background-color: var(--bui-color-primary);
+}
+.bui-switch-info.bui-switch-checked {
+  background-color: var(--bui-color-info);
+}
+.bui-switch-success.bui-switch-checked {
+  background-color: var(--bui-color-success);
+}
+.bui-switch-warning.bui-switch-checked {
+  background-color: var(--bui-color-warning);
+}
+.bui-switch-danger.bui-switch-checked {
+  background-color: var(--bui-color-danger);
+}
+.bui-switch-inner {
+  position: absolute;
+  left: calc(100% - 20px);
+  color: var(--bui-color-white);
+  font-size: var(--bui-text-size-3);
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.bui-switch-inner .bui-svg-icon {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.bui-switch-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.bui-switch-disabled::after {
+  animation-name: none;
+  cursor: not-allowed;
+}
+.bui-switch-input {
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  position: absolute;
+  z-index: 1;
+  cursor: pointer;
+}

package/es/Switch/Switch.d.ts

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

package/es/Switch/Switch.js

@@ -0,0 +1,76 @@
+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", "checked", "defaultChecked", "inputProps", "inputRef", "name", "checkedChildren", "unCheckedChildren", "disabled", "size", "color", "onChange"];
+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 { useValue } from '@bifrostui/utils';
+import clsx from 'clsx';
+import React, { forwardRef } from 'react';
+import "./Switch.css";
+var prefixCls = 'bui-switch';
+var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
+  var className = props.className,
+    checked = props.checked,
+    defaultChecked = props.defaultChecked,
+    inputProps = props.inputProps,
+    inputRef = props.inputRef,
+    name = props.name,
+    checkedChildren = props.checkedChildren,
+    unCheckedChildren = props.unCheckedChildren,
+    disabled = props.disabled,
+    size = props.size,
+    color = props.color,
+    onChange = props.onChange,
+    others = _objectWithoutProperties(props, _excluded);
+  var _useValue = useValue({
+      value: checked,
+      defaultValue: !!defaultChecked
+    }),
+    _useValue2 = _slicedToArray(_useValue, 2),
+    switchChecked = _useValue2[0],
+    triggerChange = _useValue2[1];
+  var changeAction = function changeAction(e, isChecked) {
+    // 同时支持defaultChecked和checked
+    triggerChange(e, isChecked);
+    onChange === null || onChange === void 0 || onChange(e, {
+      checked: isChecked
+    });
+  };
+  var handleChange = function handleChange(e) {
+    var _inputProps$onChange;
+    var isChecked = !switchChecked;
+    changeAction(e, isChecked);
+    inputProps === null || inputProps === void 0 || (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 || _inputProps$onChange.call(inputProps, e);
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx("".concat(prefixCls), "".concat(prefixCls, "-").concat(size), "".concat(prefixCls, "-").concat(color), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-checked"), switchChecked), "".concat(prefixCls, "-disabled"), disabled), className)
+  }, others), /*#__PURE__*/React.createElement("input", _extends({
+    ref: inputRef,
+    type: "checkbox",
+    name: name,
+    checked: switchChecked,
+    disabled: disabled
+  }, inputProps, {
+    onChange: handleChange,
+    className: clsx("".concat(prefixCls, "-input"), inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
+  })), (checkedChildren || unCheckedChildren) && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-inner")
+  }, switchChecked ? checkedChildren : unCheckedChildren));
+});
+Switch.displayName = 'BuiSwitch';
+Switch.defaultProps = {
+  disabled: false,
+  size: 'medium',
+  color: 'primary'
+};
+export default Switch;

package/es/Switch/Switch.types.d.ts

@@ -0,0 +1,56 @@
+import { OverrideProps, ThemeColor } from '@bifrostui/types';
+import React, { ReactNode } from 'react';
+export type SwitchProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 是否选中
+         */
+        checked?: boolean;
+        /**
+         * 默认是否选中，当组件非受控时使用
+         */
+        defaultChecked?: boolean;
+        /**
+         * 内部<input>标签的ref
+         */
+        inputRef?: React.Ref<HTMLInputElement>;
+        /**
+         * <input>名称标识
+         */
+        name?: string;
+        /**
+         * 内部<input>标签的标准属性
+         */
+        inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+        /**
+         * 选中时的内容
+         */
+        checkedChildren?: ReactNode;
+        /**
+         * 未选中时的内容
+         */
+        unCheckedChildren?: ReactNode;
+        /**
+         * 是否禁用
+         * @default false
+         */
+        disabled?: boolean;
+        /**
+         * 大小 'small' | 'medium' | 'large'
+         * @default 'medium'
+         */
+        size?: 'small' | 'medium' | 'large';
+        /**
+         * 颜色 'primary' | 'info' | 'success' | 'warning' | 'danger';
+         * @default 'primary'
+         */
+        color?: ThemeColor;
+        /**
+         * 变化时的回调函数
+         */
+        onChange?: (e: React.SyntheticEvent, data: {
+            checked: boolean;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/Switch/Switch.types.js

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

package/es/Switch/index.d.ts

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

package/es/Switch/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Switch";
+export { default as Switch } from "./Switch";
+export * from "./Switch.types";

package/es/TabBar/TabBar.css

@@ -0,0 +1,8 @@
+.bui-tab-bar {
+  display: flex;
+  width: 100%;
+  height: 50px;
+  padding: 6px 0;
+  background: var(--bui-color-white);
+  font-family: var(--bui-font-family);
+}

package/es/TabBar/TabBar.d.ts

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