react-vant-nova 1.0.0-test

package/lib/pull-refresh/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PullRefresh", {
+  enumerable: true,
+  get: function () {
+    return _PullRefresh.default;
+  }
+});
+require("./style/index.css");
+var _PullRefresh = _interopRequireDefault(require("./PullRefresh"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/pull-refresh/style/index.css

@@ -0,0 +1,31 @@
+:root {
+  --rv-pull-refresh-head-height: 50px;
+  --rv-pull-refresh-head-font-size: var(--rv-font-size-md);
+  --rv-pull-refresh-head-text-color: var(--rv-gray-6);
+  --rv-pull-refresh-loading-icon-size: 16px;
+}
+.rv-pull-refresh {
+  overflow: hidden;
+  user-select: none;
+}
+.rv-pull-refresh__track {
+  position: relative;
+  height: 100%;
+  transition-property: transform;
+}
+.rv-pull-refresh__head {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: var(--rv-pull-refresh-head-height);
+  overflow: hidden;
+  color: var(--rv-pull-refresh-head-text-color);
+  font-size: var(--rv-pull-refresh-head-font-size);
+  line-height: var(--rv-pull-refresh-head-height);
+  text-align: center;
+  transform: translateY(-100%);
+}
+.rv-pull-refresh__loading .rv-loading__spinner {
+  width: var(--rv-pull-refresh-loading-icon-size);
+  height: var(--rv-pull-refresh-loading-icon-size);
+}

package/lib/radio/PropsType.d.ts

@@ -0,0 +1,24 @@
+import { BaseTypeProps } from '../utils';
+import { CheckerProps } from '../checkbox/PropsType';
+import React from 'react';
+export declare type RadioValueType = number | string;
+export interface RadioGroupProps<T = RadioValueType> extends BaseTypeProps {
+    /** 是否为禁用状态	 */
+    disabled?: boolean;
+    /** 图标大小，默认单位为px	 */
+    iconSize?: number | string;
+    /** 排列方向，可选值为horizontal	 */
+    direction?: string;
+    /** 选中状态颜色	 */
+    checkedColor?: string;
+    /** 当前值 */
+    value?: T;
+    /** 默认值 */
+    defaultValue?: T;
+    /** 当绑定值变化时触发的事件	 */
+    onChange?: (name: T) => void;
+    children?: React.ReactNode;
+}
+export interface RadioProps<T = RadioValueType> extends CheckerProps<RadioGroupProps<T>> {
+    value?: T;
+}

package/lib/radio/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/radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import { RadioProps, RadioValueType } from './PropsType';
+declare function Radio<T = RadioValueType>(props: RadioProps<T>): JSX.Element;
+export default Radio;

package/lib/radio/Radio.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+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;
+}
+var _RadioContext = _interopRequireDefault(require("./RadioContext"));
+var _Checker = _interopRequireDefault(require("../checkbox/Checker"));
+var _utils = require("../utils");
+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)('radio');
+function Radio(props) {
+  const _a = (0, _react().useContext)(_RadioContext.default),
+    {
+      parent
+    } = _a,
+    context = (0, _tslib().__rest)(_a, ["parent"]);
+  const checked = (0, _react().useMemo)(() => {
+    return parent ? context.checked === props.name : props.checked;
+  }, [context.checked]);
+  const toggle = () => {
+    const emitter = parent ? context.toggle : () => {};
+    emitter(props.name);
+  };
+  return (0, _jsxRuntime().jsx)(_Checker.default, Object.assign({}, props, {
+    bem: bem,
+    role: 'radio',
+    parent: parent,
+    checked: checked,
+    onToggle: toggle
+  }));
+}
+var _default = exports.default = Radio;

package/lib/radio/RadioContext.d.ts

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+import { RadioGroupProps, RadioValueType } from './PropsType';
+export interface RadioContextState<T = RadioValueType> {
+    parent?: {
+        props: RadioGroupProps<T>;
+    };
+    toggle?: (name: T) => void;
+    checked?: T;
+}
+declare const RadioContext: Context<RadioContextState>;
+export default RadioContext;

package/lib/radio/RadioContext.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+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 RadioContext = (0, _react().createContext)({});
+var _default = exports.default = RadioContext;

package/lib/radio/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { RadioGroupProps, RadioValueType } from './PropsType';
+declare function RadioGroup<T = RadioValueType>(props: RadioGroupProps<T>): JSX.Element;
+export default RadioGroup;

package/lib/radio/RadioGroup.js

@@ -0,0 +1,54 @@
+"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 _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _useMergedState = _interopRequireDefault(require("../hooks/use-merged-state"));
+var _RadioContext = _interopRequireDefault(require("./RadioContext"));
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [bem] = (0, _utils.createNamespace)('radio-group');
+function RadioGroup(props) {
+  const [checked, setChecked] = (0, _useMergedState.default)({
+    value: props.value,
+    defaultValue: props.defaultValue
+  });
+  const toggle = name => {
+    var _a;
+    setChecked(name);
+    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, name);
+  };
+  return (0, _jsxRuntime().jsx)(_RadioContext.default.Provider, Object.assign({
+    value: {
+      parent: {
+        props
+      },
+      toggle,
+      checked
+    }
+  }, {
+    children: (0, _jsxRuntime().jsx)("div", Object.assign({
+      className: (0, _clsx().default)(props.className, bem([props.direction])),
+      style: props.style,
+      role: 'radiogroup'
+    }, {
+      children: props.children
+    }))
+  }));
+}
+var _default = exports.default = RadioGroup;

package/lib/radio/index.d.ts

@@ -0,0 +1,8 @@
+import './style/index.less';
+import RadioGroup from './RadioGroup';
+import _Radio from './Radio';
+declare const Radio: typeof _Radio & {
+    Group: typeof RadioGroup;
+};
+export { Radio, RadioGroup };
+export type { RadioGroupProps, RadioProps } from './PropsType';

package/lib/radio/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = void 0;
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.default;
+  }
+});
+require("./style/index.css");
+var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
+var _Radio2 = _interopRequireDefault(require("./Radio"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Radio = exports.Radio = Object.assign(_Radio2.default, {
+  Group: _RadioGroup.default
+});

package/lib/radio/style/index.css

@@ -0,0 +1,90 @@
+:root {
+  --rv-radio-size: 20px;
+  --rv-radio-border-color: var(--rv-gray-5);
+  --rv-radio-transition-duration: var(--rv-animation-duration-fast);
+  --rv-radio-label-margin: var(--rv-padding-xs);
+  --rv-radio-label-color: var(--rv-text-color);
+  --rv-radio-checked-icon-color: var(--rv-primary-color);
+  --rv-radio-disabled-icon-color: var(--rv-gray-5);
+  --rv-radio-disabled-label-color: var(--rv-gray-5);
+  --rv-radio-disabled-background-color: var(--rv-border-color);
+}
+.rv-radio {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+}
+.rv-radio--disabled {
+  cursor: not-allowed;
+}
+.rv-radio--label-disabled {
+  cursor: default;
+}
+.rv-radio--horizontal {
+  margin-right: var(--rv-padding-sm);
+}
+.rv-radio__icon {
+  flex: none;
+  height: 1em;
+  font-size: var(--rv-radio-size);
+  line-height: 1em;
+  cursor: pointer;
+}
+.rv-radio__icon .rv-icon {
+  display: block;
+  box-sizing: border-box;
+  width: 1.25em;
+  height: 1.25em;
+  color: transparent;
+  font-size: 0.8em;
+  line-height: 1.25;
+  text-align: center;
+  border: 1px solid var(--rv-radio-border-color);
+  transition-duration: var(--rv-radio-transition-duration);
+  transition-property: color, border-color, background-color;
+}
+.rv-radio__icon--round .rv-icon {
+  border-radius: 100%;
+}
+.rv-radio__icon--checked .rv-icon {
+  color: var(--rv-white);
+  background-color: var(--rv-radio-checked-icon-color);
+  border-color: var(--rv-radio-checked-icon-color);
+}
+.rv-radio__icon--disabled {
+  cursor: not-allowed;
+}
+.rv-radio__icon--disabled .rv-icon {
+  background-color: var(--rv-radio-disabled-background-color);
+  border-color: var(--rv-radio-disabled-icon-color);
+}
+.rv-radio__icon--disabled.rv-radio__icon--checked .rv-icon {
+  color: var(--rv-radio-disabled-icon-color);
+}
+.rv-radio__label {
+  margin-left: var(--rv-radio-label-margin);
+  color: var(--rv-radio-label-color);
+  line-height: var(--rv-radio-size);
+}
+.rv-radio__label--left {
+  margin: 0 var(--rv-radio-label-margin) 0 0;
+}
+.rv-radio__label--disabled {
+  color: var(--rv-radio-disabled-label-color);
+}
+.rv-radio-group .rv-radio {
+  margin-bottom: 8px;
+}
+.rv-radio-group .rv-radio:last-child {
+  margin-bottom: 0;
+  margin-right: 0;
+}
+.rv-radio-group .rv-radio--horizontal {
+  margin-bottom: 0;
+}
+.rv-radio-group--horizontal {
+  display: flex;
+  flex-wrap: wrap;
+}

package/lib/rate/PropsType.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { BaseTypeProps } from '../utils';
+export interface RateProps extends BaseTypeProps {
+    /**
+     * 图标大小，默认单位为px
+     * @default 20
+     */
+    size?: number | string;
+    /**
+     * 选中时的颜色
+     * @default 'f44336'
+     */
+    color?: string;
+    /**
+     * 图标间距，默认单位为px
+     * @default 4
+     */
+    gutter?: number | string;
+    /** 是否为只读状态，只读状态下无法修改评分	 */
+    readOnly?: boolean;
+    /** 是否禁用评分	 */
+    disabled?: boolean;
+    /** 是否允许半选	 */
+    allowHalf?: boolean;
+    /** 未选中时的颜色	 */
+    voidColor?: string;
+    /**
+     * 是否可以通过滑动手势选择评分
+     * @default true
+     */
+    touchable?: boolean;
+    /** 禁用时的颜色	 */
+    disabledColor?: string;
+    /** 当前分值 */
+    value?: number;
+    /** 默认分值 */
+    defaultValue?: number;
+    /** 当前分值变化时触发的事件	 */
+    onChange?: (v: number) => void;
+    /**
+     * 选中时的图标名称或图片链接
+     * @default 'star'
+     */
+    icon?: React.ReactNode;
+    /**
+     * 未选中时的图标名称或图片链接
+     * @default 'star-o'
+     */
+    voidIcon?: React.ReactNode;
+    /**
+     * 图标总数
+     * @default 5
+     */
+    count?: number | string;
+}

package/lib/rate/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/rate/Rate.d.ts

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

package/lib/rate/Rate.js

@@ -0,0 +1,238 @@
+"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 = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _icons() {
+  const data = require("@react-vant/icons");
+  _icons = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _useRefs = _interopRequireDefault(require("../hooks/use-refs"));
+var _useMergedState = _interopRequireDefault(require("../hooks/use-merged-state"));
+var _useEventListener = _interopRequireDefault(require("../hooks/use-event-listener"));
+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); }
+/* eslint-disable no-nested-ternary */
+
+function getRateStatus(value, index, allowHalf, readOnly) {
+  if (value >= index) {
+    return {
+      status: 'full',
+      value: 1
+    };
+  }
+  if (value + 0.5 >= index && allowHalf && !readOnly) {
+    return {
+      status: 'half',
+      value: 0.5
+    };
+  }
+  if (value + 1 >= index && allowHalf && readOnly) {
+    const cardinal = Math.pow(10, 10);
+    return {
+      status: 'half',
+      value: Math.round((value - index + 1) * cardinal) / cardinal
+    };
+  }
+  return {
+    status: 'void',
+    value: 0
+  };
+}
+const [bem] = (0, _utils.createNamespace)('rate');
+const Rate = _a => {
+  var {
+      count = 5,
+      touchable = true,
+      onChange
+    } = _a,
+    p = (0, _tslib().__rest)(_a, ["count", "touchable", "onChange"]);
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    size: 20,
+    gutter: 4,
+    icon: (0, _jsxRuntime().jsx)(_icons().Star, {}),
+    voidIcon: (0, _jsxRuntime().jsx)(_icons().StarO, {})
+  });
+  const [value, setValue] = (0, _useMergedState.default)({
+    value: props.value,
+    defaultValue: props.defaultValue
+  });
+  const root = (0, _react().useRef)(null);
+  const touch = (0, _hooks.useTouch)();
+  const [itemRefs, setItemRefs] = (0, _useRefs.default)();
+  const untouchable = () => props.readOnly || props.disabled || !touchable;
+  const list = (0, _react().useMemo)(() => Array(count).fill('').map((_, i) => getRateStatus(value, i + 1, props.allowHalf, props.readOnly)), [count, value, props.allowHalf, props.readOnly]);
+  const ranges = (0, _react().useRef)();
+  const updateRanges = () => {
+    const rects = itemRefs.map(item => item.getBoundingClientRect());
+    ranges.current = [];
+    rects.forEach((rect, index) => {
+      if (props.allowHalf) {
+        ranges.current.push({
+          score: index + 0.5,
+          left: rect.left
+        }, {
+          score: index + 1,
+          left: rect.left + rect.width / 2
+        });
+      } else {
+        ranges.current.push({
+          score: index + 1,
+          left: rect.left
+        });
+      }
+    });
+  };
+  const getScoreByPosition = x => {
+    // eslint-disable-next-line no-plusplus
+    for (let i = ranges.current.length - 1; i > 0; i--) {
+      if (x > ranges.current[i].left) {
+        return ranges.current[i].score;
+      }
+    }
+    return props.allowHalf ? 0.5 : 1;
+  };
+  const select = index => {
+    if (!props.disabled && !props.readOnly && index !== value) {
+      setValue(index);
+      onChange === null || onChange === void 0 ? void 0 : onChange(index);
+    }
+  };
+  const onTouchStart = event => {
+    if (untouchable()) {
+      return;
+    }
+    touch.start(event.nativeEvent);
+    updateRanges();
+  };
+  const onTouchMove = event => {
+    if (untouchable()) {
+      return;
+    }
+    touch.move(event);
+    if (touch.isHorizontal()) {
+      const {
+        clientX
+      } = event.touches[0];
+      (0, _utils.preventDefault)(event);
+      select(getScoreByPosition(clientX));
+    }
+  };
+  const renderStar = (item, index) => {
+    const {
+      icon,
+      size,
+      color,
+      gutter,
+      voidIcon,
+      disabled,
+      voidColor,
+      allowHalf,
+      disabledColor
+    } = props;
+    const score = index + 1;
+    const isFull = item.status === 'full';
+    const isVoid = item.status === 'void';
+    const renderHalf = allowHalf && item.value > 0 && item.value < 1;
+    let style;
+    if (gutter && score !== +count) {
+      style = {
+        marginRight: (0, _utils.addUnit)(gutter)
+      };
+    }
+    const onClickItem = event => {
+      updateRanges();
+      select(allowHalf ? getScoreByPosition(event.clientX) : score);
+    };
+    return (0, _jsxRuntime().jsxs)("div", Object.assign({
+      ref: setItemRefs(index),
+      role: 'radio',
+      style: style,
+      className: (0, _clsx().default)(bem('item')),
+      tabIndex: 0,
+      "aria-setsize": parseInt(count === null || count === void 0 ? void 0 : count.toString(), 10),
+      "aria-posinset": score,
+      "aria-checked": !isVoid,
+      onClick: onClickItem
+    }, {
+      children: [_react().default.cloneElement(isFull ? icon : voidIcon, {
+        className: (0, _clsx().default)(bem('icon', {
+          disabled,
+          full: isFull
+        })),
+        style: {
+          color: disabled ? disabledColor : isFull ? color : voidColor,
+          fontSize: size
+        }
+      }), renderHalf && (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('icon', ['half'])),
+        style: {
+          width: `${item.value * 100}%`
+        }
+      }, {
+        children: _react().default.cloneElement(isVoid ? voidIcon : icon, {
+          className: (0, _clsx().default)(bem('icon', [{
+            disabled,
+            full: !isVoid
+          }])),
+          style: {
+            color: disabled ? disabledColor : isVoid ? voidColor : color,
+            fontSize: size
+          }
+        })
+      }))]
+    }), index);
+  };
+  (0, _useEventListener.default)('touchmove', onTouchMove, {
+    target: root.current,
+    depends: [touch.deltaY.current]
+  });
+  return (0, _jsxRuntime().jsx)("div", Object.assign({
+    ref: root,
+    role: 'radiogroup',
+    className: (0, _clsx().default)(bem({
+      readOnly: props.readOnly,
+      disabled: props.disabled
+    })),
+    tabIndex: 0,
+    onTouchStart: onTouchStart
+  }, {
+    children: list.map(renderStar)
+  }));
+};
+var _default = exports.default = Rate;

package/lib/rate/index.d.ts

@@ -0,0 +1,4 @@
+import './style/index.less';
+import Rate from './Rate';
+export { Rate };
+export type { RateProps } from './PropsType';

package/lib/rate/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Rate", {
+  enumerable: true,
+  get: function () {
+    return _Rate.default;
+  }
+});
+require("./style/index.css");
+var _Rate = _interopRequireDefault(require("./Rate"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }