@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.6

package/es/ScrollView/ScrollView.js

@@ -1,205 +1,224 @@
-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); }
-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); }
-import { useForkRef } from '@bifrostui/utils';
-import clsx from 'clsx';
-import React, { forwardRef, useCallback, useEffect, useRef } from 'react';
+import { useForkRef } from "@bifrostui/utils";
+import clsx from "clsx";
+import React, { forwardRef, useCallback, useEffect, useRef } from "react";
 import "./ScrollView.css";
 function easeOutScroll(from, to, callback) {
-  if (from === to || typeof from !== 'number') {
+  if (from === to || typeof from !== "number") {
     return;
   }
-  var change = to - from;
-  var dur = 500;
-  var sTime = +new Date();
+  const change = to - from;
+  const dur = 500;
+  const sTime = +/* @__PURE__ */ new Date();
   function linear(t, b, c, d) {
     return c * t / d + b;
   }
-  var isLarger = to >= from;
+  const isLarger = to >= from;
   function step() {
-    var stepFrom = linear(+new Date() - sTime, from, change, dur);
+    const stepFrom = linear(+/* @__PURE__ */ new Date() - sTime, from, change, dur);
     if (isLarger && stepFrom >= to || !isLarger && to >= stepFrom) {
-      callback === null || callback === void 0 || callback(to);
+      callback == null ? void 0 : callback(to);
       return;
     }
-    callback === null || callback === void 0 || callback(stepFrom);
+    callback == null ? void 0 : callback(stepFrom);
     requestAnimationFrame(step);
   }
   step();
 }
-var classes = {
-  root: 'bui-scroll'
+const classes = {
+  root: "bui-scroll"
 };
-var ScrollView = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    onScroll = props.onScroll,
-    onScrollToUpper = props.onScrollToUpper,
-    onScrollToLower = props.onScrollToLower,
-    scrollTopProp = props.scrollTop,
-    scrollLeftProp = props.scrollLeft,
-    scrollX = props.scrollX,
-    scrollY = props.scrollY,
-    scrollIntoView = props.scrollIntoView,
-    propsOnTouchMove = props.onTouchMove,
-    scrollIntoViewAlignment = props.scrollIntoViewAlignment,
-    children = props.children;
-  var container = useRef(null);
-  var handleRef = useForkRef(ref, container);
-  var onTouchMove = function onTouchMove(e) {
-    // 会导致埋点工具无法正确区分滑动和点击，必须去掉。
-    // e.stopPropagation();
-  };
-  var scrollVertical = useCallback(function (top, isAnimation) {
-    if (top === undefined) return;
-    if (isAnimation) {
-      easeOutScroll(container.current.scrollTop, top, function (pos) {
-        if (container.current) container.current.scrollTop = pos;
-      });
-    } else if (container.current) container.current.scrollTop = top;
-  }, []);
-  var scrollHorizontal = useCallback(function (left, isAnimation) {
-    if (left === undefined) return;
-    if (isAnimation) {
-      easeOutScroll(container.current.scrollLeft, left, function (pos) {
-        if (container.current) container.current.scrollLeft = pos;
-      });
-    } else if (container.current) container.current.scrollLeft = left;
-  }, []);
-  var handleScroll = useCallback(function () {
-    var _container$current, _container$current$qu;
-    var isInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var isAnimation = props === null || props === void 0 ? void 0 : props.scrollWithAnimation;
-    // scrollIntoView
-    if (scrollIntoView && typeof scrollIntoView === 'string' && container !== null && container !== void 0 && (_container$current = container.current) !== null && _container$current !== void 0 && (_container$current$qu = _container$current.querySelector) !== null && _container$current$qu !== void 0 && _container$current$qu.call(_container$current, "#".concat(scrollIntoView))) {
-      var doScrollIntoView = function doScrollIntoView(id) {
-        var alignment = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'start';
-        var _isAnimation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isAnimation;
-        var target = container.current.querySelector("#".concat(id));
-        if (scrollY) {
-          var start = target.offsetTop;
-          var end = target.offsetTop + target.offsetHeight - container.current.clientHeight;
-          var nearest;
-          if (container.current.scrollTop < end) nearest = end;else if (container.current.scrollTop > start) nearest = start;
-          var center = (start + end) / 2;
-          scrollVertical({
-            start: start,
-            end: end,
-            nearest: nearest,
-            center: center
-          }[alignment], _isAnimation);
-        }
-        if (scrollX) {
-          var _start = target.offsetLeft;
-          var _end = target.offsetLeft + target.offsetWidth - container.current.clientWidth;
-          var _nearest;
-          if (container.current.scrollTop < _end) _nearest = _end;else if (container.current.scrollTop > _start) _nearest = _start;
-          var _center = (_start + _end) / 2;
-          scrollHorizontal({
-            start: _start,
-            end: _end,
-            nearest: _nearest,
-            center: _center
-          }[alignment], _isAnimation);
-        }
-      };
-      if (isInit) {
-        setTimeout(function () {
-          return doScrollIntoView(scrollIntoView, scrollIntoViewAlignment, isAnimation);
-        }, 500);
-      } else {
-        doScrollIntoView(scrollIntoView, scrollIntoViewAlignment, isAnimation);
-      }
-    } else {
-      // Y 轴滚动
-      if (scrollY && typeof scrollTopProp === 'number' && scrollTopProp !== container.current.scrollTop) {
-        if (isInit) {
-          setTimeout(function () {
-            return scrollVertical(scrollTopProp, isAnimation);
-          }, 10);
+const ScrollView = forwardRef(
+  (props, ref) => {
+    const {
+      className,
+      style = {},
+      onScroll,
+      onScrollToUpper,
+      onScrollToLower,
+      scrollTop: scrollTopProp,
+      scrollLeft: scrollLeftProp,
+      scrollX,
+      scrollY,
+      scrollIntoView,
+      onTouchMove: propsOnTouchMove,
+      scrollIntoViewAlignment,
+      children
+    } = props;
+    const container = useRef(null);
+    const handleRef = useForkRef(ref, container);
+    const onTouchMove = (e) => {
+    };
+    const scrollVertical = useCallback((top, isAnimation) => {
+      if (top === void 0)
+        return;
+      if (isAnimation) {
+        easeOutScroll(container.current.scrollTop, top, (pos) => {
+          if (container.current)
+            container.current.scrollTop = pos;
+        });
+      } else if (container.current)
+        container.current.scrollTop = top;
+    }, []);
+    const scrollHorizontal = useCallback((left, isAnimation) => {
+      if (left === void 0)
+        return;
+      if (isAnimation) {
+        easeOutScroll(container.current.scrollLeft, left, (pos) => {
+          if (container.current)
+            container.current.scrollLeft = pos;
+        });
+      } else if (container.current)
+        container.current.scrollLeft = left;
+    }, []);
+    const handleScroll = useCallback(
+      (isInit = false) => {
+        var _a, _b;
+        const isAnimation = props == null ? void 0 : props.scrollWithAnimation;
+        if (scrollIntoView && typeof scrollIntoView === "string" && ((_b = (_a = container == null ? void 0 : container.current) == null ? void 0 : _a.querySelector) == null ? void 0 : _b.call(_a, `#${scrollIntoView}`))) {
+          const doScrollIntoView = (id, alignment = "start", _isAnimation = isAnimation) => {
+            const target = container.current.querySelector(`#${id}`);
+            if (scrollY) {
+              const start = target.offsetTop;
+              const end = target.offsetTop + target.offsetHeight - container.current.clientHeight;
+              let nearest;
+              if (container.current.scrollTop < end)
+                nearest = end;
+              else if (container.current.scrollTop > start)
+                nearest = start;
+              const center = (start + end) / 2;
+              scrollVertical(
+                { start, end, nearest, center }[alignment],
+                _isAnimation
+              );
+            }
+            if (scrollX) {
+              const start = target.offsetLeft;
+              const end = target.offsetLeft + target.offsetWidth - container.current.clientWidth;
+              let nearest;
+              if (container.current.scrollTop < end)
+                nearest = end;
+              else if (container.current.scrollTop > start)
+                nearest = start;
+              const center = (start + end) / 2;
+              scrollHorizontal(
+                { start, end, nearest, center }[alignment],
+                _isAnimation
+              );
+            }
+          };
+          if (isInit) {
+            setTimeout(
+              () => doScrollIntoView(
+                scrollIntoView,
+                scrollIntoViewAlignment,
+                isAnimation
+              ),
+              500
+            );
+          } else {
+            doScrollIntoView(
+              scrollIntoView,
+              scrollIntoViewAlignment,
+              isAnimation
+            );
+          }
         } else {
-          scrollVertical(scrollTopProp, isAnimation);
+          if (scrollY && typeof scrollTopProp === "number" && scrollTopProp !== container.current.scrollTop) {
+            if (isInit) {
+              setTimeout(() => scrollVertical(scrollTopProp, isAnimation), 10);
+            } else {
+              scrollVertical(scrollTopProp, isAnimation);
+            }
+          }
+          if (scrollX && typeof scrollLeftProp === "number" && scrollLeftProp !== container.current.scrollLeft) {
+            if (isInit) {
+              setTimeout(
+                () => scrollHorizontal(scrollLeftProp, isAnimation),
+                10
+              );
+            } else {
+              scrollHorizontal(scrollLeftProp, isAnimation);
+            }
+          }
         }
+      },
+      [scrollIntoView, scrollY, scrollTopProp, scrollX, scrollLeftProp]
+    );
+    useEffect(() => {
+      handleScroll(true);
+    }, []);
+    useEffect(() => {
+      handleScroll();
+    }, [scrollIntoView, scrollY, scrollTopProp, scrollX, scrollLeftProp]);
+    let { upperThreshold = 50, lowerThreshold = 50 } = props;
+    const cls = clsx(
+      classes.root,
+      {
+        [`${classes.root}-view-scroll-x`]: scrollX,
+        [`${classes.root}-view-scroll-y`]: scrollY
+      },
+      className
+    );
+    upperThreshold = Number(upperThreshold);
+    lowerThreshold = Number(lowerThreshold);
+    const upperLowerStatus = useRef(0);
+    const upperAndLower = (e) => {
+      if (!container.current)
+        return;
+      const {
+        offsetWidth,
+        offsetHeight,
+        scrollLeft,
+        scrollTop,
+        scrollHeight,
+        scrollWidth
+      } = container.current;
+      if (onScrollToLower && (scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
+        if (upperLowerStatus.current !== -1)
+          onScrollToLower(e);
+        upperLowerStatus.current = -1;
+      } else if (onScrollToUpper && (scrollY && scrollTop <= upperThreshold || scrollX && scrollLeft <= upperThreshold)) {
+        if (upperLowerStatus.current !== 1)
+          onScrollToUpper(e);
+        upperLowerStatus.current = 1;
+      } else {
+        upperLowerStatus.current = 0;
       }
-      // X 轴滚动
-      if (scrollX && typeof scrollLeftProp === 'number' && scrollLeftProp !== container.current.scrollLeft) {
-        if (isInit) {
-          setTimeout(function () {
-            return scrollHorizontal(scrollLeftProp, isAnimation);
-          }, 10);
-        } else {
-          scrollHorizontal(scrollLeftProp, isAnimation);
+    };
+    const onScrollHandler = (e) => {
+      const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current;
+      Object.defineProperty(e, "detail", {
+        enumerable: true,
+        writable: true,
+        value: {
+          scrollLeft,
+          scrollTop,
+          scrollHeight,
+          scrollWidth
         }
-      }
-    }
-  }, [scrollIntoView, scrollY, scrollTopProp, scrollX, scrollLeftProp]);
-  useEffect(function () {
-    handleScroll(true);
-  }, []);
-  useEffect(function () {
-    handleScroll();
-  }, [scrollIntoView, scrollY, scrollTopProp, scrollX, scrollLeftProp]);
-  var _props$upperThreshold = props.upperThreshold,
-    upperThreshold = _props$upperThreshold === void 0 ? 50 : _props$upperThreshold,
-    _props$lowerThreshold = props.lowerThreshold,
-    lowerThreshold = _props$lowerThreshold === void 0 ? 50 : _props$lowerThreshold;
-  var cls = clsx(classes.root, _defineProperty(_defineProperty({}, "".concat(classes.root, "-view-scroll-x"), scrollX), "".concat(classes.root, "-view-scroll-y"), scrollY), className);
-  upperThreshold = Number(upperThreshold);
-  lowerThreshold = Number(lowerThreshold);
-  var upperLowerStatus = useRef(0);
-  var upperAndLower = function upperAndLower(e) {
-    if (!container.current) return;
-    var _container$current2 = container.current,
-      offsetWidth = _container$current2.offsetWidth,
-      offsetHeight = _container$current2.offsetHeight,
-      scrollLeft = _container$current2.scrollLeft,
-      scrollTop = _container$current2.scrollTop,
-      scrollHeight = _container$current2.scrollHeight,
-      scrollWidth = _container$current2.scrollWidth;
-    if (onScrollToLower && (scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
-      if (upperLowerStatus.current !== -1) onScrollToLower(e);
-      upperLowerStatus.current = -1;
-    } else if (onScrollToUpper && (scrollY && scrollTop <= upperThreshold || scrollX && scrollLeft <= upperThreshold)) {
-      if (upperLowerStatus.current !== 1) onScrollToUpper(e);
-      upperLowerStatus.current = 1;
-    } else {
-      upperLowerStatus.current = 0;
-    }
-  };
-  var onScrollHandler = function onScrollHandler(e) {
-    var _container$current3 = container.current,
-      scrollLeft = _container$current3.scrollLeft,
-      scrollTop = _container$current3.scrollTop,
-      scrollHeight = _container$current3.scrollHeight,
-      scrollWidth = _container$current3.scrollWidth;
-    // container.current.scrollLeft = scrollLeft;
-    // container.current.scrollTop = scrollTop;
-    Object.defineProperty(e, 'detail', {
-      enumerable: true,
-      writable: true,
-      value: {
-        scrollLeft: scrollLeft,
-        scrollTop: scrollTop,
-        scrollHeight: scrollHeight,
-        scrollWidth: scrollWidth
-      }
-    });
-    upperAndLower(e);
-    onScroll === null || onScroll === void 0 || onScroll(e);
-  };
-  var onTouchMoveHandler = function onTouchMoveHandler(e) {
-    var _ref;
-    (_ref = propsOnTouchMove || onTouchMove) === null || _ref === void 0 || _ref(e);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    ref: handleRef,
-    style: style,
-    className: cls,
-    onScroll: onScrollHandler,
-    onTouchMove: onTouchMoveHandler
-  }, children);
-});
-ScrollView.displayName = 'BuiScrollView';
-export default ScrollView;
+      });
+      upperAndLower(e);
+      onScroll == null ? void 0 : onScroll(e);
+    };
+    const onTouchMoveHandler = (e) => {
+      var _a;
+      (_a = propsOnTouchMove || onTouchMove) == null ? void 0 : _a(e);
+    };
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: handleRef,
+        style,
+        className: cls,
+        onScroll: onScrollHandler,
+        onTouchMove: onTouchMoveHandler
+      },
+      children
+    );
+  }
+);
+ScrollView.displayName = "BuiScrollView";
+var ScrollView_default = ScrollView;
+export {
+  ScrollView_default as default
+};

package/{dist/ScrollView/index.miniapp.d.ts → es/ScrollView/ScrollView.miniapp.d.ts}

@@ -1,3 +1,2 @@
 import { ScrollView } from '@tarojs/components';
 export default ScrollView;
-export { ScrollView };

package/es/ScrollView/ScrollView.miniapp.js

@@ -0,0 +1,5 @@
+import { ScrollView } from "@tarojs/components";
+var ScrollView_miniapp_default = ScrollView;
+export {
+  ScrollView_miniapp_default as default
+};

package/es/ScrollView/ScrollView.types.js

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

package/es/ScrollView/index.js

@@ -1,3 +1,7 @@
-export { default } from "./ScrollView";
-export { default as ScrollView } from "./ScrollView";
-export * from "./ScrollView.types";
+import { default as default2 } from "./ScrollView";
+import { default as default3 } from "./ScrollView";
+export * from "./ScrollView.types";
+export {
+  default3 as ScrollView,
+  default2 as default
+};

package/es/Select/Select.d.ts

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