@bifrostui/react 0.0.5

package/dist/Steps/index.js

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

package/dist/Swiper/Swiper.css

@@ -0,0 +1,20 @@
+.bui-swiper {
+  font-family: var(--bui-font-family);
+}
+.bui-swiper .swiper-container-wrapper {
+  height: 150px;
+}
+.bui-swiper .swiper-container {
+  height: 100%;
+}
+.bui-swiper .swiper-pagination {
+  font-size: 0;
+}
+.bui-swiper .swiper-pagination-bullet {
+  opacity: 1;
+  background: var(--indicator-color);
+}
+.bui-swiper .swiper-pagination-bullet-active {
+  opacity: 1;
+  background: var(--indicator-color-active);
+}

package/dist/Swiper/Swiper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import 'swiper/css';
+import 'swiper/css/autoplay';
+import 'swiper/css/pagination';
+import 'swiper/css/effect-fade';
+import { SwiperRef } from 'swiper/react';
+import './Swiper.less';
+import { SwiperProps } from './Swiper.types';
+declare const Swiper: React.ForwardRefExoticComponent<Omit<SwiperProps, "ref"> & React.RefAttributes<SwiperRef>>;
+export default Swiper;

package/dist/Swiper/Swiper.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireWildcard(require("react"));
+var _swiper = require("swiper");
+require("swiper/css");
+require("swiper/css/autoplay");
+require("swiper/css/pagination");
+require("swiper/css/effect-fade");
+var _react2 = require("swiper/react");
+require("./Swiper.css");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 Swiper = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    autoplay = false,
+    circular = false,
+    current = 0,
+    displayMultipleItems = 1,
+    duration = 500,
+    interval = 5000,
+    spaceBetween,
+    vertical,
+    children,
+    indicatorDots,
+    indicatorColor,
+    indicatorActiveColor,
+    previousMargin,
+    nextMargin,
+    style,
+    className,
+    onChange,
+    onAnimationFinish,
+    ...others
+  } = props;
+  const defaultIndicatorColor = indicatorColor || 'rgba(255, 255, 255, .4)';
+  const defaultIndicatorActiveColor = indicatorActiveColor || 'var(--bui-color-bg-view)';
+  const cls = (0, _clsx.default)(`bui-swiper`, className);
+  const sty = {
+    paddingTop: vertical ? previousMargin : 0,
+    paddingRight: vertical ? 0 : nextMargin,
+    paddingBottom: vertical ? nextMargin : 0,
+    paddingLeft: vertical ? 0 : previousMargin,
+    overflow: 'hidden',
+    ...style
+  };
+  const swiperInstance = (0, _react.useRef)();
+  const isInit = (0, _react.useRef)(true);
+  (0, _react.useEffect)(() => {
+    if (isInit.current) {
+      isInit.current = false;
+      return;
+    }
+    swiperInstance?.current?.slideTo?.(current);
+  }, [current]);
+  return /*#__PURE__*/_react.default.createElement(_react2.Swiper, _extends({
+    modules: [_swiper.Pagination, _swiper.Autoplay, _swiper.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: swiper => {
+      onChange?.({
+        detail: {
+          current: swiper.realIndex
+        },
+        type: 'change',
+        target: swiper
+      });
+    },
+    onSlideChangeTransitionEnd: swiper => {
+      onAnimationFinish?.({
+        detail: {
+          current: swiper.realIndex
+        },
+        type: 'animationfinish',
+        target: swiper
+      });
+    },
+    spaceBetween: spaceBetween
+  }, others, {
+    onSwiper: o => {
+      swiperInstance.current = o;
+    },
+    style: {
+      ...sty,
+      '--indicator-color': defaultIndicatorColor,
+      '--indicator-color-active': defaultIndicatorActiveColor
+    },
+    className: cls,
+    ref: ref
+  }), children);
+});
+Swiper.displayName = 'BuiSwiper';
+var _default = exports.default = Swiper;

package/dist/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/dist/Swiper/Swiper.types.js

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

package/dist/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/dist/Swiper/SwiperItem.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("swiper/react");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react2 = _interopRequireDefault(require("react"));
+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 SwiperItem = props => {
+  const {
+    className,
+    style,
+    children,
+    ...restProps
+  } = props;
+  const cls = (0, _clsx.default)('swiper-slide', className);
+  return /*#__PURE__*/_react2.default.createElement(_react.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';
+var _default = exports.default = SwiperItem;

package/dist/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/dist/Swiper/index.js

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

package/dist/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/dist/Swiper/index.miniapp.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Swiper", {
+  enumerable: true,
+  get: function () {
+    return _components.Swiper;
+  }
+});
+Object.defineProperty(exports, "SwiperItem", {
+  enumerable: true,
+  get: function () {
+    return _components.SwiperItem;
+  }
+});
+exports.default = void 0;
+var _components = require("@tarojs/components");
+var _default = exports.default = {
+  Swiper: _components.Swiper,
+  SwiperItem: _components.SwiperItem
+};

package/dist/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/dist/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;