@bifrostui/react 0.0.5

package/dist/Select/SelectOption.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireWildcard(require("react"));
+var _selectContext = _interopRequireDefault(require("./selectContext"));
+require("./Select.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 prefixCls = 'bui-select-option';
+const SelectOption = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    value,
+    label,
+    disabled,
+    className,
+    children,
+    ...others
+  } = props;
+  const {
+    selectValue,
+    setRenderValue,
+    handleOptionClick
+  } = (0, _react.useContext)(_selectContext.default);
+
+  // 自定义label值+defaultValue初始化时，传递自定义label值到select
+  (0, _react.useEffect)(() => {
+    if (value === selectValue) {
+      setRenderValue(label);
+    }
+  }, [selectValue, label, value]);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _clsx.default)(prefixCls, className, {
+      [`${prefixCls}-active`]: !disabled && value === selectValue,
+      [`${prefixCls}-disabled`]: disabled
+    }),
+    ref: ref
+  }, others, {
+    onClick: e => {
+      // 传递当前选中选项的value、label
+      if (!disabled) handleOptionClick(e, value, label);
+    }
+  }), children || label);
+});
+SelectOption.displayName = 'BuiSelectOption';
+var _default = exports.default = SelectOption;

package/dist/Select/index.d.ts

@@ -0,0 +1,4 @@
+import SelectOption from './SelectOption';
+export { default, default as Select } from './Select';
+export * from './Select.types';
+export { SelectOption };

package/dist/Select/index.js

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

package/dist/Select/selectContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BuiSelectContextProps } from './Select.types';
+declare const BuiSelectContext: import("react").Context<BuiSelectContextProps>;
+export default BuiSelectContext;

package/dist/Select/selectContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const BuiSelectContext = /*#__PURE__*/(0, _react.createContext)({
+  selectValue: null
+});
+var _default = exports.default = BuiSelectContext;

package/dist/Skeleton/Skeleton.css

@@ -0,0 +1,54 @@
+.bui-skeleton {
+  --border-radius: var(--bui-shape-radius-label);
+  display: block;
+}
+.bui-skeleton-animation-wave {
+  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
+  background-size: 400% 100%;
+  animation: bui-skeleton-wave 1.4s ease infinite;
+}
+.bui-skeleton-animation-pulse {
+  background: rgba(190, 190, 190, 0.35);
+  animation: bui-skeleton-pulse 1.4s ease infinite;
+}
+.bui-skeleton-text {
+  height: auto;
+  transform-origin: 0 55%;
+  transform: scale(1, 0.6);
+  border-radius: var(--border-radius);
+}
+.bui-skeleton-text::before {
+  content: '\00a0';
+}
+.bui-skeleton-rectangular {
+  height: 1.2em;
+}
+.bui-skeleton-rounded {
+  height: 1.2em;
+  border-radius: var(--border-radius);
+}
+.bui-skeleton-circular {
+  border-radius: 50%;
+}
+.bui-skeleton-with-children {
+  max-width: fit-content;
+}
+@keyframes bui-skeleton-wave {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+@keyframes bui-skeleton-pulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.58;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/dist/Skeleton/Skeleton.d.ts

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

package/dist/Skeleton/Skeleton.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("./Skeleton.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-skeleton';
+const Skeleton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    style,
+    animation,
+    width,
+    height,
+    variant,
+    children,
+    ...others
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("span", _extends({
+    className: (0, _clsx.default)(prefixCls, `${prefixCls}-${variant}`, {
+      [`${prefixCls}-animation-${animation}`]: animation,
+      [`${prefixCls}-with-children`]: Boolean(children)
+    }, className),
+    ref: ref,
+    style: {
+      width,
+      height,
+      ...style
+    }
+  }, others), children);
+});
+Skeleton.displayName = 'BuiSkeleton';
+Skeleton.defaultProps = {
+  animation: 'wave',
+  variant: 'text'
+};
+var _default = exports.default = Skeleton;

package/dist/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,33 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type VariantEnum = 'text' | 'circular' | 'rectangular' | 'rounded';
+export type animationEnum = 'wave' | 'pulse' | false;
+export type SkeletonProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 动效 'wave' | 'pulse' | false
+         * 对应动效 波纹 | 脉搏 | 无动效
+         * @default 'wave'
+         */
+        animation?: animationEnum;
+        /**
+         * 展现形式
+         * - text 文本，可以根据`font-size`自动调整高度
+         * - circular 圆形
+         * - rectangular 方块
+         * - rounded 圆角方块
+         * @default 'text'
+         */
+        variant?: VariantEnum;
+        /**
+         * 占位宽度
+         * @default 100%
+         */
+        width?: string | number;
+        /**
+         * 占位高度
+         */
+        height?: string | number;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/Skeleton/Skeleton.types.js

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

package/dist/Skeleton/index.d.ts

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

package/dist/Skeleton/index.js

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

package/dist/Slide/Slide.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SlideProps } from './Slide.types';
+declare const Slide: React.ForwardRefExoticComponent<SlideProps & React.RefAttributes<HTMLElement>>;
+export default Slide;

package/dist/Slide/Slide.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("@bifrostui/utils");
+var _react = _interopRequireDefault(require("react"));
+var _Transition = _interopRequireDefault(require("../Transition"));
+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 defaultEasing = {
+  enter: _utils.easing.easeOut,
+  exit: _utils.easing.sharp
+};
+const defaultTimeout = {
+  enter: _utils.duration.enteringScreen,
+  exit: _utils.duration.leavingScreen
+};
+const Slide = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    appear,
+    in: inProp,
+    children,
+    style,
+    easing: easingProp,
+    timeout,
+    direction,
+    delay,
+    ...others
+  } = props;
+  const transitions = (0, _utils.createTransitions)();
+  // @ts-expect-error will upstream fix
+  const nodeRef = (0, _utils.useForkRef)(ref, children?.ref);
+  const getTranslateValue = _direction => {
+    if (_direction === 'left') {
+      return 'translateX(100%)';
+    }
+    if (_direction === 'right') {
+      return 'translateX(-100%)';
+    }
+    if (_direction === 'up') {
+      return 'translateY(100%)';
+    }
+
+    // direction === 'down'
+    return 'translateY(-100%)';
+  };
+  if (!children) return null;
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, _extends({}, others, {
+    appear: appear,
+    in: inProp,
+    timeout: timeout,
+    delay: delay,
+    ref: nodeRef
+  }), (state, childProps) => {
+    const transition = transitions.create('transform', (0, _utils.getTransitionProps)({
+      timeout,
+      style,
+      easing: easingProp,
+      delay
+    }, {
+      mode: state
+    }));
+    const transform = state === 'entering' || state === 'entered' ? 'none' : getTranslateValue(direction);
+    return /*#__PURE__*/_react.default.cloneElement(children, {
+      style: {
+        visibility: state === 'exited' ? 'hidden' : 'visible',
+        transition,
+        WebkitTransition: transition,
+        transform,
+        WebkitTransform: transform,
+        ...style,
+        ...children.props.style
+      },
+      ...childProps
+    });
+  });
+});
+Slide.displayName = 'BuiSlide';
+Slide.defaultProps = {
+  appear: true,
+  easing: defaultEasing,
+  timeout: defaultTimeout,
+  direction: 'down',
+  delay: 0
+};
+var _default = exports.default = Slide;

package/dist/Slide/Slide.types.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { TransitionProps } from '../Transition';
+export interface SlideProps extends Omit<TransitionProps, 'children'> {
+    children?: React.ReactElement;
+    /**
+     * 动画的方向: 'left' | 'right' | 'up' | 'down' 默认是从上往下
+     * @default 'down'
+     */
+    direction?: 'left' | 'right' | 'up' | 'down';
+    easing?: string | {
+        enter?: string;
+        exit?: string;
+    };
+}

package/dist/Slide/Slide.types.js

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

package/dist/Slide/index.d.ts

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

package/dist/Slide/index.js

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

package/dist/Slider/Slider.css

@@ -0,0 +1,95 @@
+.bui-slider {
+  --line-color: var(--bui-color-primary);
+  --line-bg-color: var(--bui-color-border-default);
+  --tooltip-font-size: var(--bui-text-size-3);
+  --tooltip-color: var(--bui-color-white);
+  --tooltip-bg-color: var(--line-color);
+  position: relative;
+  width: 100%;
+  height: 2px;
+  padding: 19px 0;
+  box-sizing: border-box;
+  font-family: var(--bui-font-family);
+}
+.bui-slider-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.bui-slider-line {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  height: 2px;
+  transform: translateY(-50%);
+  background-color: var(--line-color);
+}
+.bui-slider-rail {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  transform: translateY(-50%);
+  background-color: var(--line-bg-color);
+}
+.bui-slider-button {
+  display: flex;
+  position: absolute;
+  justify-content: center;
+  align-items: center;
+  width: 26px;
+  height: 26px;
+  background-color: #fff;
+  box-shadow: #ddd 0 0 10px;
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+  font-size: var(--bui-title-size-3);
+  cursor: grab;
+}
+.bui-slider-button::after {
+  position: absolute;
+  content: '';
+  top: -10px;
+  bottom: -10px;
+  left: -10px;
+  right: -10px;
+}
+.bui-slider-button-0 {
+  left: 0%;
+  top: 50%;
+  z-index: var(--bui-z-index-affix);
+}
+.bui-slider-button-1 {
+  left: 0%;
+  top: 50%;
+  z-index: var(--bui-z-index-affix);
+}
+.bui-slider-tooltip {
+  position: absolute;
+  top: -14px;
+  width: 46px;
+  height: 24px;
+  line-height: 24px;
+  font-size: var(--tooltip-font-size);
+  border-radius: 24px;
+  color: var(--tooltip-color);
+  text-align: center;
+  background-color: var(--tooltip-bg-color);
+  transform: translate(-50%, -50%);
+  z-index: var(--bui-z-index-popover);
+}
+.bui-slider-tooltip::after {
+  position: absolute;
+  bottom: -10px;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  content: '';
+  width: 0;
+  height: 0;
+  border: 6px solid transparent;
+  border-top: 6px solid var(--tooltip-bg-color);
+}
+.bui-slider-tooltip-hidden {
+  display: none;
+}

package/dist/Slider/Slider.d.ts

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