react-vant-nova 1.0.0-test

package/lib/collapse/PropsType.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { CellProps } from '../cell/PropsType';
+import { BaseTypeProps } from '../utils';
+export interface CollapseProps extends BaseTypeProps {
+    /** 组件根部DOM元素引用 */
+    nativeRef?: React.RefObject<HTMLDivElement>;
+    /** 是否开启手风琴模式	 */
+    accordion?: boolean;
+    /** 默认打开的面板name */
+    initExpanded?: string | number | Array<number | string>;
+    /** 是否显示外边框	 */
+    border?: boolean;
+    /** 当前展开面板的 name	 */
+    value?: number | string | Array<number | string>;
+    /** 切换面板时触发	*/
+    onChange?: (activeNames: number | string | Array<number | string>) => void;
+}
+export interface CollapseItemProps extends CellProps {
+    /** 唯一标识符，默认为索引值	 */
+    name?: number | string;
+    /** 是否禁用面板	 */
+    disabled?: boolean;
+    /** 是否为只读状态，只读状态下无法操作面板	 */
+    readOnly?: boolean;
+    /** @private */
+    index?: number;
+    children: React.ReactNode;
+}
+export declare type CollapseItemInstance = {
+    toggle: (expand: boolean) => void;
+};

package/lib/collapse/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/collapse/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './style/index.less';
+import CollapseItem from './CollapseItem';
+declare const Collapse: import("react").FC<import("./PropsType").CollapseProps> & {
+    Item: import("react").ForwardRefExoticComponent<import("./PropsType").CollapseItemProps & import("react").RefAttributes<import("./PropsType").CollapseItemInstance>>;
+};
+export default Collapse;
+export { Collapse, CollapseItem };
+export type { CollapseProps, CollapseItemProps } from './PropsType';

package/lib/collapse/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Collapse = void 0;
+Object.defineProperty(exports, "CollapseItem", {
+  enumerable: true,
+  get: function () {
+    return _CollapseItem.default;
+  }
+});
+exports.default = void 0;
+require("./style/index.css");
+var _Collapse2 = _interopRequireDefault(require("./Collapse"));
+var _CollapseItem = _interopRequireDefault(require("./CollapseItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Collapse = exports.Collapse = Object.assign(_Collapse2.default, {
+  Item: _CollapseItem.default
+});
+var _default = exports.default = Collapse;

package/lib/collapse/style/index.css

@@ -0,0 +1,59 @@
+:root {
+  --rv-collapse-item-transition-duration: var(--rv-animation-duration-base);
+  --rv-collapse-item-content-padding: var(--rv-padding-sm) var(--rv-padding-md);
+  --rv-collapse-item-content-font-size: var(--rv-font-size-md);
+  --rv-collapse-item-content-line-height: 1.5;
+  --rv-collapse-item-content-text-color: var(--rv-gray-6);
+  --rv-collapse-item-content-background-color: var(--rv-white);
+  --rv-collapse-item-title-disabled-color: var(--rv-gray-5);
+}
+.rv-collapse-item {
+  position: relative;
+}
+.rv-collapse-item--border::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: ' ';
+  pointer-events: none;
+  top: 0;
+  right: var(--rv-padding-md);
+  left: var(--rv-padding-md);
+  border-top: 1px solid var(--rv-border-color);
+  transform: scaleY(0.5);
+}
+.rv-collapse-item__title .rv-cell__right-icon {
+  transform: rotate(90deg) translateZ(0);
+  transition: transform var(--rv-collapse-item-transition-duration);
+}
+.rv-collapse-item__title::after {
+  right: var(--rv-padding-md);
+  display: none;
+}
+.rv-collapse-item__title--expanded .rv-cell__right-icon {
+  transform: rotate(-90deg);
+}
+.rv-collapse-item__title--expanded::after {
+  display: block;
+}
+.rv-collapse-item__title--borderless::after {
+  display: none;
+}
+.rv-collapse-item__title--disabled {
+  cursor: not-allowed;
+}
+.rv-collapse-item__title--disabled,
+.rv-collapse-item__title--disabled .rv-cell__right-icon {
+  color: var(--rv-collapse-item-title-disabled-color);
+}
+.rv-collapse-item__wrapper {
+  overflow: hidden;
+  transition: height var(--rv-collapse-item-transition-duration) ease-in-out;
+  will-change: height;
+}
+.rv-collapse-item__content {
+  padding: var(--rv-collapse-item-content-padding);
+  color: var(--rv-collapse-item-content-text-color);
+  font-size: var(--rv-collapse-item-content-font-size);
+  line-height: var(--rv-collapse-item-content-line-height);
+  background-color: var(--rv-collapse-item-content-background-color);
+}

package/lib/config-provider/ConfigProvider.d.ts

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

package/lib/config-provider/ConfigProvider.js

@@ -0,0 +1,72 @@
+"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 _utils = require("../utils");
+var _ConfigProviderContext = _interopRequireWildcard(require("./ConfigProviderContext"));
+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); }
+function mapThemeVarsToCSSVars(themeVars, prefix) {
+  const cssVars = {};
+  Object.keys(themeVars).forEach(key => {
+    if (key.toString().startsWith(`--${prefix}-`)) {
+      cssVars[key] = themeVars[key];
+    } else {
+      cssVars[`--${prefix}-${(0, _utils.kebabCase)(key)}`] = themeVars[key];
+    }
+  });
+  return cssVars;
+}
+const ConfigProvider = _a => {
+  var {
+      className,
+      style,
+      themeVars = {},
+      tag = 'div',
+      children
+    } = _a,
+    props = (0, _tslib().__rest)(_a, ["className", "style", "themeVars", "tag", "children"]);
+  const TagElement = tag;
+  const varStyle = (0, _react().useMemo)(() => {
+    if (themeVars) {
+      return Object.assign(Object.assign({}, style), mapThemeVarsToCSSVars(themeVars, 'rv'));
+    }
+    return style;
+  }, [style, themeVars]);
+  return (
+    // @ts-ignore
+    (0, _jsxRuntime().jsx)(_ConfigProviderContext.default.Provider, Object.assign({
+      value: Object.assign(Object.assign({}, _ConfigProviderContext.INITIAL_STATE), props)
+    }, {
+      children: (0, _jsxRuntime().jsx)(TagElement, Object.assign({
+        className: className,
+        style: varStyle
+      }, {
+        children: children
+      }))
+    }))
+  );
+};
+var _default = exports.default = ConfigProvider;

package/lib/config-provider/ConfigProviderContext.d.ts

@@ -0,0 +1,8 @@
+import { Context } from 'react';
+import { ConfigProviderProps } from './PropsType';
+export declare const defaultPrefixCls = "rv";
+export declare const defaultIconPrefixCls = "van-icon";
+export declare type ConfigProviderContextState = Pick<ConfigProviderProps, 'locale'>;
+export declare const INITIAL_STATE: ConfigProviderContextState;
+declare const ConfigProvider: Context<ConfigProviderContextState>;
+export default ConfigProvider;

package/lib/config-provider/ConfigProviderContext.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultPrefixCls = exports.defaultIconPrefixCls = exports.default = exports.INITIAL_STATE = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../locale");
+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 defaultPrefixCls = exports.defaultPrefixCls = 'rv';
+const defaultIconPrefixCls = exports.defaultIconPrefixCls = 'van-icon';
+const INITIAL_STATE = exports.INITIAL_STATE = {
+  locale: _locale.zhCN
+};
+const ConfigProvider = (0, _react().createContext)(INITIAL_STATE);
+var _default = exports.default = ConfigProvider;

package/lib/config-provider/PropsType.d.ts

@@ -0,0 +1,14 @@
+import type { Locale } from '../locale/lang/base';
+import { BaseTypeProps } from '../utils';
+export interface Theme {
+    primaryColor?: string;
+    dangerColor?: string;
+    successColor?: string;
+    errorColor?: string;
+    warningColor?: string;
+}
+export interface ConfigProviderProps extends BaseTypeProps {
+    themeVars?: Record<string, string | number>;
+    locale?: Locale;
+    tag?: keyof HTMLElementTagNameMap;
+}

package/lib/config-provider/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/config-provider/index.d.ts

@@ -0,0 +1,3 @@
+import ConfigProvider from './ConfigProvider';
+export { ConfigProvider };
+export type { ConfigProviderProps } from './PropsType';

package/lib/config-provider/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConfigProvider", {
+  enumerable: true,
+  get: function () {
+    return _ConfigProvider.default;
+  }
+});
+var _ConfigProvider = _interopRequireDefault(require("./ConfigProvider"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/count-down/CountDown.d.ts

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

package/lib/count-down/CountDown.js

@@ -0,0 +1,79 @@
+"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 _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 _utils = require("../utils");
+var _useCountDown = _interopRequireDefault(require("../hooks/use-count-down"));
+var _utils2 = require("./utils");
+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)('count-down');
+const CountDown = (0, _react().forwardRef)((p, ref) => {
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    autoStart: true,
+    time: 0,
+    format: 'HH:mm:ss',
+    onChange: _utils.noop,
+    onFinish: _utils.noop
+  });
+  const {
+    start,
+    pause,
+    reset,
+    current
+  } = (0, _useCountDown.default)({
+    time: +props.time,
+    millisecond: props.millisecond,
+    onChange: props.onChange,
+    onFinish: props.onFinish
+  });
+  const timeText = (0, _react().useMemo)(() => (0, _utils2.parseFormat)(props.format, current), [current]);
+  const resetTime = () => {
+    reset(+props.time);
+    if (props.autoStart) {
+      start();
+    }
+  };
+  (0, _react().useEffect)(() => {
+    resetTime();
+    return () => {
+      pause();
+    };
+  }, [props.time]);
+  (0, _react().useImperativeHandle)(ref, () => ({
+    start,
+    pause,
+    reset: resetTime
+  }));
+  return (0, _jsxRuntime().jsx)("div", Object.assign({
+    className: (0, _clsx().default)(props.className, bem()),
+    style: props.style
+  }, {
+    children: props.children ? props.children(current) : timeText
+  }));
+});
+var _default = exports.default = CountDown;

package/lib/count-down/PropsType.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { CurrentTime } from '../hooks/use-count-down';
+import { BaseTypeProps } from '../utils';
+export declare type CountDownCurrentTime = CurrentTime;
+export declare type CountDownInstance = {
+    /** 开始倒计时	 */
+    start: () => void;
+    /** 暂停倒计时	 */
+    pause: () => void;
+    /** 重设倒计时，若 autoStart 为 true，重设后会自动开始倒计时	 */
+    reset: () => void;
+};
+export interface CountDownProps extends Omit<BaseTypeProps, 'children'> {
+    /**
+     * 是否自动开始倒计时
+     * @default true
+     */
+    autoStart?: boolean;
+    /**
+     * 是否开启毫秒级渲染
+     */
+    millisecond?: boolean;
+    /**
+     * 倒计时时长，单位毫秒
+     * @default 0
+     */
+    time?: number | string;
+    /**
+     * 时间格式
+     * @default 'HH:mm:ss'
+     */
+    format?: string;
+    /** 倒计时变化时触发	 */
+    onChange?: (currentTime: CurrentTime) => void;
+    /** 倒计时结束时触发	*/
+    onFinish?: () => void;
+    children?: (currentTime: CurrentTime) => React.ReactNode;
+}

package/lib/count-down/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/count-down/index.d.ts

@@ -0,0 +1,5 @@
+import './style/index.less';
+import CountDown from './CountDown';
+export default CountDown;
+export { CountDown };
+export type { CountDownProps, CountDownInstance, CountDownCurrentTime, } from './PropsType';

package/lib/count-down/index.js

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

package/lib/count-down/style/index.css

@@ -0,0 +1,10 @@
+:root {
+  --rv-count-down-text-color: var(--rv-text-color);
+  --rv-count-down-font-size: var(--rv-font-size-md);
+  --rv-count-down-line-height: var(--rv-line-height-md);
+}
+.rv-count-down {
+  color: var(--rv-count-down-text-color);
+  font-size: var(--rv-count-down-font-size);
+  line-height: var(--rv-count-down-line-height);
+}

package/lib/count-down/utils.d.ts

@@ -0,0 +1,2 @@
+import { CurrentTime } from '../hooks/use-count-down';
+export declare function parseFormat(format: string, currentTime: CurrentTime): string;

package/lib/count-down/utils.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseFormat = parseFormat;
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function parseFormat(format, currentTime) {
+  const {
+    days
+  } = currentTime;
+  let {
+    hours,
+    minutes,
+    seconds,
+    milliseconds
+  } = currentTime;
+  if (format.includes('DD')) {
+    format = format.replace('DD', (0, _utils.padZero)(days));
+  } else {
+    hours += days * 24;
+  }
+  if (format.includes('HH')) {
+    format = format.replace('HH', (0, _utils.padZero)(hours));
+  } else {
+    minutes += hours * 60;
+  }
+  if (format.includes('mm')) {
+    format = format.replace('mm', (0, _utils.padZero)(minutes));
+  } else {
+    seconds += minutes * 60;
+  }
+  if (format.includes('ss')) {
+    format = format.replace('ss', (0, _utils.padZero)(seconds));
+  } else {
+    milliseconds += seconds * 1000;
+  }
+  if (format.includes('S')) {
+    const ms = (0, _utils.padZero)(milliseconds, 3);
+    if (format.includes('SSS')) {
+      format = format.replace('SSS', ms);
+    } else if (format.includes('SS')) {
+      format = format.replace('SS', ms.slice(0, 2));
+    } else {
+      format = format.replace('S', ms.charAt(0));
+    }
+  }
+  return format;
+}

package/lib/coupon-cell/CouponCell.d.ts

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

package/lib/coupon-cell/CouponCell.js

@@ -0,0 +1,77 @@
+"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 _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 _ConfigProviderContext = _interopRequireDefault(require("../config-provider/ConfigProviderContext"));
+var _utils = require("../utils");
+var _cell = _interopRequireDefault(require("../cell"));
+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); }
+function formatValue(coupons, chosenCoupon, currency, locale) {
+  const coupon = coupons[+chosenCoupon];
+  if (coupon) {
+    let value = 0;
+    if ((0, _utils.isDef)(coupon.value)) {
+      ;
+      ({
+        value
+      } = coupon);
+    } else if ((0, _utils.isDef)(coupon.denominations)) {
+      value = coupon.denominations;
+    }
+    return `-${currency} ${(value / 100).toFixed(2)}`;
+  }
+  return coupons.length === 0 ? locale.noCoupon : locale.vanCouponCell.count(coupons.length);
+}
+const [bem] = (0, _utils.createNamespace)('coupon-cell');
+const CouponCell = p => {
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    border: true,
+    editable: true,
+    coupons: [],
+    currency: '¥',
+    chosenCoupon: -1
+  });
+  const {
+    locale
+  } = (0, _react().useContext)(_ConfigProviderContext.default);
+  const selected = props.coupons[+props.chosenCoupon];
+  const value = formatValue(props.coupons, props.chosenCoupon, props.currency, locale);
+  return (0, _jsxRuntime().jsx)(_cell.default, {
+    style: props.style,
+    className: (0, _clsx().default)(bem(), props.className),
+    value: value,
+    title: props.title || locale.vanCouponCell.title,
+    border: props.border,
+    isLink: props.editable,
+    valueClass: (0, _clsx().default)(bem('value', {
+      selected
+    })),
+    onClick: props.onClick
+  });
+};
+var _default = exports.default = CouponCell;

package/lib/coupon-cell/index.d.ts

@@ -0,0 +1,4 @@
+import './style/index.less';
+import CouponCell from './CouponCell';
+export default CouponCell;
+export { CouponCell };

package/lib/coupon-cell/index.js

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

package/lib/coupon-cell/style/index.css

@@ -0,0 +1,6 @@
+:root {
+  --rv-coupon-cell-selected-text-color: var(--rv-text-color);
+}
+.rv-coupon-cell__value--selected {
+  color: var(--rv-coupon-cell-selected-text-color);
+}

package/lib/coupon-list/Coupon.d.ts

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