react-vant-nova 1.0.0-test

package/lib/swiper/Swiper.js

@@ -0,0 +1,353 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+function _web() {
+  const data = require("@react-spring/web");
+  _web = function () {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = require("@use-gesture/react");
+  _react2 = function () {
+    return data;
+  };
+  return data;
+}
+var _SwiperItem = _interopRequireDefault(require("./SwiperItem"));
+var _useRefs = _interopRequireDefault(require("../hooks/use-refs"));
+var _useRefState = _interopRequireDefault(require("../hooks/use-ref-state"));
+var _bound = require("../utils/bound");
+var _devLog = require("../utils/dev-log");
+var _utils = require("../utils");
+var _SwiperPagIndicator = _interopRequireDefault(require("./SwiperPagIndicator"));
+var _hooks = require("../hooks");
+var _getDefaultProps = require("../utils/get-default-props");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const [bem] = (0, _utils.createNamespace)('swiper');
+const Swiper = (0, _react().forwardRef)((p, ref) => {
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    initialSwipe: 0,
+    loop: true,
+    touchable: true,
+    enabled: true,
+    rubberband: true,
+    autoplay: false,
+    slideSize: 100,
+    trackOffset: 0,
+    stuckAtBoundary: false,
+    preventScroll: true
+  });
+  const {
+    loop: outerLoop,
+    autoplay,
+    vertical,
+    duration,
+    autoHeight
+  } = props;
+  const axis = vertical ? 'y' : 'x';
+  const slideRatio = props.slideSize / 100;
+  const offsetRatio = props.trackOffset / 100;
+  const {
+    validChildren,
+    count
+  } = (0, _react().useMemo)(() => {
+    let innerCount = 0;
+    const innerValidChildren = _react().default.Children.map(props.children, child => {
+      if (!_react().default.isValidElement(child)) return null;
+      if (child.type !== _SwiperItem.default) {
+        (0, _devLog.devWarning)('Swiper', 'The children of `Swiper` must be `Swiper.Item` components.');
+        return null;
+      }
+      innerCount++;
+      return child;
+    });
+    return {
+      validChildren: innerValidChildren,
+      count: innerCount
+    };
+  }, [props.children]);
+  const trackRef = (0, _react().useRef)(null);
+  const [childrenRefs, setChildrenRefs] = (0, _useRefs.default)();
+  const [enabled, setEnabled] = (0, _react().useState)(() => props.enabled);
+  const [current, setCurrent] = (0, _react().useState)(props.initialSwipe);
+  const [dragging, setDragging, draggingRef] = (0, _useRefState.default)(false);
+  const computedStyle = (0, _react().useMemo)(() => {
+    return Object.assign({
+      [`--rv-swipe-slide-size`]: `${props.slideSize}%`,
+      [`--rv-swipe-track-offset`]: `${props.trackOffset}%`
+    }, props.style);
+  }, [props.slideSize, props.trackOffset, props.style]);
+  const loop = (0, _react().useMemo)(() => {
+    if (slideRatio * (count - 1) < 1) return false;
+    return outerLoop;
+  }, [count, outerLoop, slideRatio]);
+  const getSlidePixels = () => {
+    const track = trackRef.current;
+    if (!track) return 0;
+    const trackPixels = vertical ? track.offsetHeight : track.offsetWidth;
+    return trackPixels * props.slideSize / 100;
+  };
+  const boundIndex = cur => {
+    let min = 0;
+    let max = count - 1;
+    if (props.stuckAtBoundary) {
+      min += (1 - slideRatio - offsetRatio) / slideRatio;
+      max -= (1 - slideRatio - offsetRatio) / slideRatio;
+    }
+    return (0, _bound.bound)(cur, min, max);
+  };
+  const [{
+    position
+  }, api] = (0, _web().useSpring)(() => ({
+    position: boundIndex(current) * 100,
+    config: {
+      tension: 200,
+      friction: 30,
+      duration
+    },
+    onRest: () => {
+      if (draggingRef.current) return;
+      if (!loop) return;
+      const rawX = position.get();
+      const totalWidth = 100 * count;
+      const standardPosition = modulus(rawX, totalWidth);
+      if (standardPosition === rawX) return;
+      api.start({
+        position: standardPosition,
+        immediate: true
+      });
+    }
+  }), [count]);
+  const bind = (0, _react2().useDrag)(state => {
+    var _a;
+    const slidePixels = getSlidePixels();
+    if (!slidePixels) return;
+    if (!props.preventScroll && isScrollTarget(state.target, (_a = childrenRefs[current]) === null || _a === void 0 ? void 0 : _a.self)) {
+      return;
+    }
+    const paramIndex = vertical ? 1 : 0;
+    const offset = state.offset[paramIndex];
+    const direction = state.direction[paramIndex];
+    const velocity = state.velocity[paramIndex];
+    setDragging(true);
+    if (!state.last) {
+      api.start({
+        position: offset * 100 / slidePixels,
+        immediate: true
+      });
+    } else {
+      const index = Math.round((offset + Math.min(velocity * 2000, slidePixels) * direction) / slidePixels);
+      swipeTo(index);
+      window.setTimeout(() => {
+        setDragging(false);
+      });
+    }
+  }, {
+    enabled,
+    transform: ([x, y]) => [-x, -y],
+    from: () => {
+      const slidePixels = getSlidePixels();
+      return [position.get() / 100 * slidePixels, position.get() / 100 * slidePixels];
+    },
+    bounds: () => {
+      if (loop) return {};
+      const slidePixels = getSlidePixels();
+      const lowerBound = boundIndex(0) * slidePixels;
+      const upperBound = boundIndex(count - 1) * slidePixels;
+      return vertical ? {
+        top: lowerBound,
+        bottom: upperBound
+      } : {
+        left: lowerBound,
+        right: upperBound
+      };
+    },
+    rubberband: props.rubberband,
+    axis,
+    preventScroll: axis === 'x' ? props.preventScroll : false,
+    pointer: {
+      touch: true
+    }
+  });
+  const renderIndicator = () => {
+    if (props.indicator === undefined || props.indicator === true) {
+      return (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('indicator', {
+          vertical
+        }))
+      }, {
+        children: (0, _jsxRuntime().jsx)(_SwiperPagIndicator.default, Object.assign({}, props.indicatorProps, {
+          vertical: vertical,
+          total: count,
+          current: current
+        }))
+      }));
+    }
+    if (typeof props.indicator === 'function') {
+      return props.indicator(count, current);
+    }
+    return null;
+  };
+  function swipeTo(index, immediate = false) {
+    const roundedIndex = Math.round(index);
+    const targetIndex = loop ? modulus(roundedIndex, count) : (0, _bound.bound)(roundedIndex, 0, count - 1);
+    setCurrent(targetIndex);
+    api.start({
+      position: (loop ? roundedIndex : boundIndex(roundedIndex)) * 100,
+      immediate
+    });
+  }
+  const swipeNext = () => {
+    swipeTo(Math.round(position.get() / 100) + 1);
+  };
+  const swipePrev = () => {
+    swipeTo(Math.round(position.get() / 100) - 1);
+  };
+  (0, _react().useImperativeHandle)(ref, () => ({
+    activeIndex: current,
+    swipeTo,
+    swipeNext,
+    swipePrev,
+    enable: () => {
+      setEnabled(true);
+    },
+    disable: () => {
+      setEnabled(false);
+    }
+  }));
+  (0, _hooks.useIsomorphicLayoutEffect)(() => {
+    const maxIndex = validChildren.length - 1;
+    if (current > maxIndex) {
+      swipeTo(maxIndex, true);
+    }
+  });
+  (0, _hooks.useUpdateEffect)(() => {
+    var _a;
+    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, current);
+  }, [current]);
+  (0, _react().useEffect)(() => {
+    if (!autoplay || dragging) return _utils.noop;
+    const autoplayInterval = typeof autoplay === 'boolean' ? 5000 : autoplay;
+    const interval = window.setInterval(() => {
+      swipeNext();
+    }, autoplayInterval);
+    return () => {
+      window.clearInterval(interval);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [autoplay, dragging]);
+  const renderTrackInner = () => {
+    if (loop) {
+      return (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('track-inner', {
+          vertical
+        }))
+      }, {
+        children: _react().default.Children.map(validChildren, (child, index) => {
+          return (0, _jsxRuntime().jsx)(_web().animated.div, Object.assign({
+            className: (0, _clsx().default)(bem('slide')),
+            style: {
+              [axis]: position.to(pos => {
+                let finalPosition = -pos + index * 100;
+                const totalWidth = count * 100;
+                const flagWidth = totalWidth / 2;
+                finalPosition = modulus(finalPosition + flagWidth, totalWidth) - flagWidth;
+                return `${finalPosition}%`;
+              }),
+              [vertical ? 'top' : 'left']: `-${index * 100}%`
+            }
+          }, {
+            children: _react().default.cloneElement(child, {
+              ref: setChildrenRefs(index),
+              autoHeight,
+              trackRef
+            })
+          }));
+        })
+      }));
+    }
+    return (0, _jsxRuntime().jsx)(_web().animated.div, Object.assign({
+      className: (0, _clsx().default)(bem('track-inner')),
+      style: {
+        [axis]: position.to(position => `${-position}%`)
+      }
+    }, {
+      children: _react().default.Children.map(validChildren, (child, index) => {
+        return (0, _jsxRuntime().jsx)("div", Object.assign({
+          className: (0, _clsx().default)(bem('slide'))
+        }, {
+          children: _react().default.cloneElement(child, {
+            ref: setChildrenRefs(index),
+            autoHeight
+          })
+        }));
+      })
+    }));
+  };
+  if (count === 0) {
+    (0, _devLog.devWarning)('Swiper', '`Swiper` needs at least one child.');
+  }
+  return (0, _jsxRuntime().jsxs)("div", Object.assign({
+    className: (0, _clsx().default)(props.className, bem({
+      vertical
+    })),
+    style: computedStyle
+  }, {
+    children: [(0, _jsxRuntime().jsx)("div", Object.assign({
+      ref: trackRef,
+      className: (0, _clsx().default)(bem('track', {
+        'allow-touch-move': props.touchable
+      })),
+      onClickCapture: e => {
+        if (draggingRef.current) {
+          e.stopPropagation();
+        }
+      }
+    }, props.touchable ? bind() : {}, {
+      children: renderTrackInner()
+    })), renderIndicator()]
+  }));
+});
+var _default = exports.default = Swiper;
+function modulus(value, division) {
+  const remainder = value % division;
+  return remainder < 0 ? remainder + division : remainder;
+}
+function isScrollTarget(element, parent) {
+  if (!parent) return false;
+  if (element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight) {
+    return true;
+  }
+  if (element.parentElement && element.parentElement !== parent) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    return isScrollTarget(element.parentElement, parent);
+  }
+  return false;
+}

package/lib/swiper/SwiperItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SwiperItemProps, SwiperItemInstance } from './PropsType';
+declare const SwiperItem: React.ForwardRefExoticComponent<SwiperItemProps & React.RefAttributes<SwiperItemInstance>>;
+export default SwiperItem;

package/lib/swiper/SwiperItem.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _hooks = require("../hooks");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [bem] = (0, _utils.createNamespace)('swiper-item');
+const SwiperItem = _react().default.forwardRef((props, ref) => {
+  const wrapperRef = _react().default.useRef(null);
+  _react().default.useImperativeHandle(ref, () => ({
+    self: wrapperRef.current
+  }));
+  const [show] = (0, _hooks.useInViewport)(wrapperRef, {
+    rootMargin: '-0.1px',
+    threshold: 0,
+    root: () => {
+      var _a;
+      return (_a = props.trackRef) === null || _a === void 0 ? void 0 : _a.current;
+    }
+  });
+  return (0, _jsxRuntime().jsx)("div", Object.assign({
+    ref: wrapperRef,
+    className: (0, _clsx().default)(props.className, bem({
+      hidden: props.autoHeight && show === false
+    })),
+    onClick: props.onClick,
+    style: props.style
+  }, {
+    children: props.children
+  }));
+});
+var _default = exports.default = SwiperItem;

package/lib/swiper/SwiperPagIndicator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PageIndicatorProps } from './PropsType';
+declare const SwiperPagIndicator: React.NamedExoticComponent<PageIndicatorProps>;
+export default SwiperPagIndicator;

package/lib/swiper/SwiperPagIndicator.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [bem] = (0, _utils.createNamespace)('indicator');
+const SwiperPagIndicator = _react().default.memo(_a => {
+  var {
+      vertical
+    } = _a,
+    props = (0, _tslib().__rest)(_a, ["vertical"]);
+  const dots = [];
+  for (let i = 0; i < props.total; i++) {
+    dots.push((0, _jsxRuntime().jsx)("div", {
+      className: (0, _clsx().default)(bem('dot', {
+        active: props.current === i
+      }))
+    }, i));
+  }
+  return (0, _jsxRuntime().jsx)("div", Object.assign({
+    className: (0, _clsx().default)(props.className, bem({
+      vertical
+    })),
+    style: props.style
+  }, {
+    children: dots
+  }));
+});
+var _default = exports.default = SwiperPagIndicator;

package/lib/swiper/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './style/index.less';
+declare const Swiper: import("react").ForwardRefExoticComponent<import("./PropsType").SwiperProps & import("react").RefAttributes<import("./PropsType").SwiperInstance>> & {
+    Item: import("react").ForwardRefExoticComponent<import("./PropsType").SwiperItemProps & import("react").RefAttributes<import("./PropsType").SwiperItemInstance>>;
+};
+export default Swiper;
+export { Swiper };
+export type { SwiperInstance, SwiperProps } from './PropsType';

package/lib/swiper/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Swiper = void 0;
+require("./style/index.css");
+var _Swiper2 = _interopRequireDefault(require("./Swiper"));
+var _SwiperItem = _interopRequireDefault(require("./SwiperItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Swiper = exports.Swiper = Object.assign(_Swiper2.default, {
+  Item: _SwiperItem.default
+});
+var _default = exports.default = Swiper;

package/lib/swiper/style/index.css

@@ -0,0 +1,107 @@
+:root {
+  --rv-swipe-slide-size: 100%;
+  --rv-swipe-track-offset: 0%;
+  --rv-swipe-border-radius: 0;
+  --rv-swipe-indicator-size: 6px;
+  --rv-swipe-indicator-margin: var(--rv-padding-sm);
+  --rv-swipe-indicator-active-opacity: 1;
+  --rv-swipe-indicator-inactive-opacity: 0.3;
+  --rv-swipe-indicator-active-background-color: var(--rv-white);
+  --rv-swipe-indicator-inactive-background-color: var(--rv-border-color);
+}
+.rv-swiper {
+  position: relative;
+  z-index: 0;
+  display: block;
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  border-radius: var(--rv-swipe-border-radius);
+}
+.rv-swiper--vertical .rv-swiper__track--allow-touch-move {
+  touch-action: pan-x;
+}
+.rv-swiper--vertical .rv-swiper__track {
+  transform: translateY(var(--rv-swipe-track-offset));
+}
+.rv-swiper--vertical .rv-swiper__track-inner {
+  flex-direction: column;
+  width: 100%;
+  height: var(--rv-swipe-slide-width, var(--rv-swipe-slide-size));
+}
+.rv-swiper__track {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  white-space: nowrap;
+  transform: translateX(var(--rv-swipe-track-offset));
+}
+.rv-swiper__track--allow-touch-move {
+  cursor: grab;
+  touch-action: pan-y;
+}
+.rv-swiper__track-inner {
+  position: relative;
+  display: flex;
+  flex-wrap: nowrap;
+  width: var(--rv-swipe-slide-width, var(--rv-swipe-slide-size));
+  height: 100%;
+  overflow: visible;
+}
+.rv-swiper__slide {
+  position: relative;
+  display: block;
+  flex: none;
+  width: 100%;
+  height: 100%;
+  white-space: unset;
+}
+.rv-swiper__indicator {
+  position: absolute;
+  bottom: var(--rv-swipe-indicator-margin);
+  left: 50%;
+  transform: translateX(-50%);
+}
+.rv-swiper__indicator--vertical {
+  top: 50%;
+  bottom: auto;
+  left: var(--rv-swipe-indicator-margin);
+  transform: translateY(-50%);
+}
+.rv-swiper-item {
+  display: block;
+  width: 100%;
+  height: 100%;
+  white-space: normal;
+}
+.rv-swiper-item--hidden {
+  content-visibility: hidden;
+}
+.rv-indicator {
+  display: flex;
+  width: fit-content;
+}
+.rv-indicator--vertical {
+  flex-direction: column;
+}
+.rv-indicator--vertical .rv-indicator__dot:not(:last-child) {
+  margin-right: 0;
+  margin-bottom: var(--rv-swipe-indicator-size);
+}
+.rv-indicator__dot {
+  display: block;
+  width: var(--rv-swipe-indicator-size);
+  height: var(--rv-swipe-indicator-size);
+  margin-right: var(--rv-swipe-indicator-size);
+  background-color: var(--rv-swipe-indicator-inactive-background-color);
+  border-radius: 100%;
+  opacity: var(--rv-swipe-indicator-inactive-opacity);
+  transition: opacity var(--rv-animation-duration-fast), background-color var(--rv-animation-duration-fast);
+}
+.rv-indicator__dot:last-child {
+  margin-right: 0;
+}
+.rv-indicator__dot--active {
+  background-color: var(--rv-swipe-indicator-active-background-color);
+  opacity: var(--rv-swipe-indicator-active-opacity);
+}

package/lib/switch/PropsType.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BaseTypeProps } from '../utils';
+export interface SwitchProps extends BaseTypeProps {
+    /** 开关尺寸，默认单位为px	 */
+    size?: number | string;
+    /** 是否为加载状态	 */
+    loading?: boolean;
+    /** 是否为禁用状态	 */
+    disabled?: boolean;
+    /** 开关选中状态	 */
+    checked?: boolean;
+    /** 开关默认选中状态	 */
+    defaultChecked?: boolean;
+    /** 打开时的背景色	 */
+    activeColor?: string;
+    /** 关闭时的背景色	 */
+    inactiveColor?: string;
+    /** 打开时对应的值	 */
+    activeValue?: any;
+    /** 关闭时对应的值	 */
+    inactiveValue?: any;
+    /** 开关状态切换时触发	 */
+    onChange?: (val: any) => void;
+    onClick?: (e: React.MouseEvent) => void;
+}

package/lib/switch/PropsType.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SwitchProps } from './PropsType';
+declare const Swtich: React.FC<SwitchProps>;
+export default Swtich;