react-vant-nova 1.0.0-test

package/lib/form/PropsType.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { FormInstance as RcFormInstance, FormProps as RcFormProps } from 'rc-field-form';
+import type { FieldProps as RcFieldProps } from 'rc-field-form/lib/Field';
+import type { Meta } from 'rc-field-form/lib/interface';
+import type { BaseTypeProps } from '../utils';
+import { FieldProps } from '../field/PropsType';
+/** Form.Item 继承自 Field 等属性 */
+export declare type FieldSharedProps = Pick<FieldProps, 'style' | 'className' | 'disabled' | 'label' | 'size' | 'colon' | 'intro' | 'tooltip' | 'required' | 'isLink' | 'errorMessageAlign' | 'arrowDirection' | 'controlAlign' | 'labelClass' | 'labelWidth' | 'labelAlign' | 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
+export declare type FormLayout = 'vertical' | 'horizontal';
+export declare type FormProps = {
+    /** 表单布局 */
+    layout?: FormLayout;
+    /** 是否显示 label 后面的冒号 */
+    colon?: boolean;
+    /** 表单底部内容	 */
+    footer?: React.ReactNode;
+    /** 是否显示验证信息 */
+    showValidateMessage?: boolean;
+    /** 统一配置required显示 */
+    required?: boolean;
+} & Omit<RcFormProps, 'style'> & BaseTypeProps & Pick<FieldProps, 'labelAlign' | 'controlAlign' | 'border'>;
+export declare type RenderChildren<Values = any> = (form: RcFormInstance<Values>) => React.ReactNode;
+declare type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
+export declare type FormInstance = RcFormInstance;
+export declare type MemoInputProps = {
+    value: unknown;
+    update: number;
+    children: React.ReactNode;
+} & Record<string, unknown>;
+export interface FormItemProps<Values = any> extends Omit<RcFieldProps, 'children'>, Pick<FormProps, 'showValidateMessage' | 'border' | 'layout'>, FieldSharedProps {
+    noStyle?: boolean;
+    children?: ChildrenType<Values>;
+    onClick?: (e: React.MouseEvent, widgetRef?: React.MutableRefObject<any>) => void;
+}
+export declare type FormItemLayoutProps = Omit<FormItemProps, 'name'> & {
+    onClick?: (e?: React.MouseEvent) => void;
+    htmlFor?: string;
+    meta?: Meta;
+    children?: React.ReactNode;
+};
+export {};

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import './style/index.less';
+import { useWatch, useForm, List } from 'rc-field-form';
+declare const Form: import("react").ForwardRefExoticComponent<{
+    layout?: import("./PropsType").FormLayout;
+    colon?: boolean;
+    footer?: import("react").ReactNode;
+    showValidateMessage?: boolean;
+    required?: boolean;
+} & Omit<import("rc-field-form").FormProps<any>, "style"> & import("../utils").BaseTypeProps & Pick<import("..").FieldProps, "border" | "labelAlign" | "controlAlign"> & import("react").RefAttributes<import("rc-field-form").FormInstance<any>>> & {
+    Item: import("react").FC<import("./PropsType").FormItemProps<any>>;
+    useForm: typeof useForm;
+    List: typeof List;
+    Subscribe: import("react").FC<import("./FormSubscribe").FormSubscribeProps>;
+    useWatch: typeof useWatch;
+};
+export { Form };
+export type { FormProps, FormItemProps, FormInstance } from './PropsType';
+export type { FormSubscribeProps } from './FormSubscribe';

package/lib/form/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Form = void 0;
+require("./style/index.css");
+function _rcFieldForm() {
+  const data = require("rc-field-form");
+  _rcFieldForm = function () {
+    return data;
+  };
+  return data;
+}
+var _FormSubscribe = require("./FormSubscribe");
+var _Form2 = _interopRequireDefault(require("./Form"));
+var _FormItem = _interopRequireDefault(require("./FormItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Form = exports.Form = Object.assign(_Form2.default, {
+  Item: _FormItem.default,
+  useForm: _rcFieldForm().useForm,
+  List: _rcFieldForm().List,
+  Subscribe: _FormSubscribe.FormSubscribe,
+  useWatch: _rcFieldForm().useWatch
+});

package/lib/form/style/index.css

@@ -0,0 +1,8 @@
+.rv-form-item--vertical {
+  flex-wrap: wrap;
+}
+.rv-form-item--vertical .rv-field__label {
+  margin-bottom: 8px;
+  width: 100%;
+  flex: none;
+}

package/lib/form/utils.d.ts

@@ -0,0 +1 @@
+export declare function isSafeSetRefComponent(component: any): boolean;

package/lib/form/utils.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSafeSetRefComponent = isSafeSetRefComponent;
+function _reactIs() {
+  const data = require("react-is");
+  _reactIs = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// eslint-disable-next-line @typescript-eslint/ban-types
+function shouldConstruct(Component) {
+  const prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+// https://github.com/facebook/react/blob/ce13860281f833de8a3296b7a3dad9caced102e9/packages/react-reconciler/src/ReactFiber.new.js#L225
+function isSimpleFunctionComponent(type) {
+  return typeof type === 'function' && !shouldConstruct(type) && type.defaultProps === undefined;
+}
+function isSafeSetRefComponent(component) {
+  if (!(0, _reactIs().isForwardRef)(component)) return false;
+  if ((0, _reactIs().isFragment)(component)) return false;
+  if ((0, _reactIs().isMemo)(component)) return isSafeSetRefComponent(component.type);
+  return !isSimpleFunctionComponent(component.type);
+}

package/lib/grid/Grid.d.ts

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

package/lib/grid/Grid.js

@@ -0,0 +1,66 @@
+"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");
+var _constant = require("../utils/constant");
+var _getDefaultProps = require("../utils/get-default-props");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [bem] = (0, _utils.createNamespace)('grid');
+const Grid = _a => {
+  var {
+      children,
+      className,
+      style
+    } = _a,
+    p = (0, _tslib().__rest)(_a, ["children", "className", "style"]);
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    center: true,
+    border: true,
+    columnNum: 4
+  });
+  return (0, _jsxRuntime().jsx)("div", Object.assign({
+    style: Object.assign({
+      paddingLeft: (0, _utils.addUnit)(props.gutter)
+    }, style),
+    className: (0, _clsx().default)(className, bem(), {
+      [_constant.BORDER_TOP]: props.border && !props.gutter
+    })
+  }, {
+    children: _react().default.Children.toArray(children).filter(Boolean).map((child, index) => _react().default.cloneElement(child, {
+      index,
+      parent: props
+    }))
+  }));
+};
+var _default = exports.default = Grid;

package/lib/grid/GridItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GridProps, GridItemProps } from './PropsType';
+declare type InternalProps = {
+    parent?: GridProps;
+    index?: number;
+};
+declare const GridItem: React.FC<GridItemProps & InternalProps>;
+export default GridItem;

package/lib/grid/GridItem.js

@@ -0,0 +1,160 @@
+"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 _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _constant = require("../utils/constant");
+var _badge = _interopRequireDefault(require("../badge"));
+var _devLog = require("../utils/dev-log");
+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)('grid-item');
+const GridItem = _a => {
+  var {
+      children,
+      className,
+      style
+    } = _a,
+    props = (0, _tslib().__rest)(_a, ["children", "className", "style"]);
+  const {
+    index = 0,
+    parent = {}
+  } = props;
+  if (!parent) {
+    if (process.env.NODE_ENV !== 'production') {
+      (0, _devLog.devWarning)('GridItem', ' <GridItem> must be a child component of <Grid>.');
+    }
+  }
+  const rootStyle = (0, _react().useMemo)(() => {
+    const {
+      square,
+      gutter,
+      columnNum
+    } = parent;
+    const percent = `${100 / +columnNum}%`;
+    const internalStyle = Object.assign(Object.assign({}, style), {
+      flexBasis: percent
+    });
+    if (square) {
+      internalStyle.paddingTop = percent;
+    } else if (gutter) {
+      const gutterValue = (0, _utils.addUnit)(gutter);
+      internalStyle.paddingRight = gutterValue;
+      if (index >= columnNum) {
+        internalStyle.marginTop = gutterValue;
+      }
+    }
+    return internalStyle;
+  }, [parent.style, parent.gutter, parent.columnNum]);
+  const contentStyle = (0, _react().useMemo)(() => {
+    const {
+      square,
+      gutter
+    } = parent;
+    if (square && gutter) {
+      const gutterValue = (0, _utils.addUnit)(gutter);
+      return Object.assign(Object.assign({}, props.contentStyle), {
+        right: gutterValue,
+        bottom: gutterValue,
+        height: 'auto'
+      });
+    }
+    return props.contentStyle;
+  }, [parent.gutter, parent.columnNum, props.contentStyle]);
+  const renderIcon = () => {
+    if (props.icon) {
+      return (0, _jsxRuntime().jsx)(_badge.default, Object.assign({}, props.badge, {
+        children: _react().default.cloneElement(props.icon, {
+          className: (0, _clsx().default)(bem('icon')),
+          color: props.iconColor,
+          fontSize: parent.iconSize
+        })
+      }));
+    }
+    return null;
+  };
+  const renderText = () => {
+    if (_react().default.isValidElement(props.text)) {
+      return props.text;
+    }
+    if (props.text) {
+      return (0, _jsxRuntime().jsx)("span", Object.assign({
+        className: (0, _clsx().default)(bem('text'))
+      }, {
+        children: props.text
+      }));
+    }
+    return null;
+  };
+  const renderContent = () => {
+    if (children) {
+      return children;
+    }
+    return (0, _jsxRuntime().jsxs)(_jsxRuntime().Fragment, {
+      children: [renderIcon(), renderText()]
+    });
+  };
+  const {
+    center,
+    border,
+    square,
+    gutter,
+    reverse,
+    direction
+  } = parent;
+  const classes = (0, _clsx().default)(props.contentClassName, bem('content', [direction, {
+    center,
+    square,
+    reverse,
+    clickable: !!props.onClick,
+    surround: border && gutter
+  }]), {
+    [_constant.BORDER]: border
+  });
+  return (0, _jsxRuntime().jsx)("div", Object.assign({
+    className: (0, _clsx().default)(className, bem({
+      square
+    })),
+    style: rootStyle
+  }, {
+    children: (0, _jsxRuntime().jsx)("div", Object.assign({
+      role: props.onClick ? 'button' : undefined,
+      className: classes,
+      style: contentStyle,
+      onClick: props.onClick
+    }, {
+      children: renderContent()
+    }))
+  }));
+};
+var _default = exports.default = GridItem;

package/lib/grid/PropsType.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { BadgeSettingProps } from '../badge/PropsType';
+import { BaseTypeProps } from '../utils';
+export declare type GridDirection = 'horizontal' | 'vertical';
+export interface GridProps extends BaseTypeProps {
+    /** 是否将格子固定为正方形	 */
+    square?: boolean;
+    /** 是否将格子内容居中显示	 */
+    center?: boolean;
+    /** 是否显示边框	 */
+    border?: boolean;
+    /** 格子之间的间距，默认单位为`px` */
+    gutter?: number;
+    /** 是否调换图标和文本的位置	 */
+    reverse?: boolean;
+    /** 图标大小，默认单位为`px` */
+    iconSize?: number | string;
+    /** 格子内容排列的方向，可选值为 `horizontal`	 */
+    direction?: GridDirection;
+    /** 列数	 */
+    columnNum?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface GridItemProps extends BaseTypeProps {
+    /**  图标右上角徽标	 */
+    badge?: BadgeSettingProps;
+    /** 文字 */
+    text?: string | React.ReactNode;
+    /** 图标 */
+    icon?: React.ReactNode;
+    /** 图标颜色，等同于 Icon 组件的 color 属性	 */
+    iconColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent) => void;
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './style/index.less';
+import GridItem from './GridItem';
+declare const GridNamespace: import("react").FC<import("./PropsType").GridProps> & {
+    Item: import("react").FC<import("./PropsType").GridItemProps & {
+        parent?: import("./PropsType").GridProps;
+        index?: number;
+    }>;
+};
+export { GridNamespace as Grid, GridItem };
+export type { GridProps, GridItemProps, GridDirection } from './PropsType';

package/lib/grid/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Grid = void 0;
+Object.defineProperty(exports, "GridItem", {
+  enumerable: true,
+  get: function () {
+    return _GridItem.default;
+  }
+});
+require("./style/index.css");
+var _Grid = _interopRequireDefault(require("./Grid"));
+var _GridItem = _interopRequireDefault(require("./GridItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GridNamespace = exports.Grid = Object.assign(_Grid.default, {
+  Item: _GridItem.default
+});

package/lib/grid/style/index.css

@@ -0,0 +1,80 @@
+:root {
+  --rv-grid-item-content-padding: var(--rv-padding-md) var(--rv-padding-xs);
+  --rv-grid-item-content-background-color: var(--rv-white);
+  --rv-grid-item-content-active-color: var(--rv-active-color);
+  --rv-grid-item-icon-size: 28px;
+  --rv-grid-item-text-color: var(--rv-gray-7);
+  --rv-grid-item-text-font-size: var(--rv-font-size-sm);
+}
+.rv-grid {
+  display: flex;
+  flex-wrap: wrap;
+}
+.rv-grid-item {
+  position: relative;
+  box-sizing: border-box;
+}
+.rv-grid-item--square {
+  height: 0;
+}
+.rv-grid-item__icon {
+  font-size: var(--rv-grid-item-icon-size);
+}
+.rv-grid-item__text {
+  color: var(--rv-grid-item-text-color);
+  font-size: var(--rv-grid-item-text-font-size);
+  line-height: 1.5;
+  word-break: break-all;
+}
+.rv-grid-item__icon + .rv-grid-item__text {
+  margin-top: var(--rv-padding-xs);
+}
+.rv-grid-item__content {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  height: 100%;
+  padding: var(--rv-grid-item-content-padding);
+  background-color: var(--rv-grid-item-content-background-color);
+}
+.rv-grid-item__content::after {
+  z-index: 1;
+  border-width: 0 var(--rv-border-width-base) var(--rv-border-width-base) 0;
+}
+.rv-grid-item__content--square {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+}
+.rv-grid-item__content--center {
+  align-items: center;
+  justify-content: center;
+}
+.rv-grid-item__content--horizontal {
+  flex-direction: row;
+}
+.rv-grid-item__content--horizontal .rv-grid-item__text {
+  margin: 0 0 0 var(--rv-padding-xs);
+}
+.rv-grid-item__content--reverse {
+  flex-direction: column-reverse;
+}
+.rv-grid-item__content--reverse .rv-grid-item__text {
+  margin: 0 0 var(--rv-padding-xs);
+}
+.rv-grid-item__content--horizontal.rv-grid-item__content--reverse {
+  flex-direction: row-reverse;
+}
+.rv-grid-item__content--horizontal.rv-grid-item__content--reverse .rv-grid-item__text {
+  margin: 0 var(--rv-padding-xs) 0 0;
+}
+.rv-grid-item__content--surround::after {
+  border-width: var(--rv-border-width-base);
+}
+.rv-grid-item__content--clickable {
+  cursor: pointer;
+}
+.rv-grid-item__content--clickable:active {
+  background-color: var(--rv-grid-item-content-active-color);
+}

package/lib/hooks/create-update-effect.d.ts

@@ -0,0 +1,4 @@
+import type { useEffect, useLayoutEffect } from 'react';
+declare type EffectHookType = typeof useEffect | typeof useLayoutEffect;
+export declare const createUpdateEffect: (hook: EffectHookType) => EffectHookType;
+export {};

package/lib/hooks/create-update-effect.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUpdateEffect = 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 createUpdateEffect = hook => (effect, deps) => {
+  const isMounted = (0, _react().useRef)(false);
+  // for react-refresh
+  hook(() => {
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  hook(() => {
+    if (!isMounted.current) {
+      isMounted.current = true;
+    } else {
+      return effect();
+    }
+  }, deps);
+};
+exports.createUpdateEffect = createUpdateEffect;

package/lib/hooks/index.d.ts

@@ -0,0 +1,38 @@
+import useClickAway from './use-click-away';
+import useCountDown from './use-count-down';
+import useEventListener from './use-event-listener';
+import useFormSmart from './use-form-smart';
+import useSetState from './use-set-state';
+import useUpdateEffect from './use-update-effect';
+import useMount from './use-mount';
+import usePageVisibility from './use-page-visibility';
+import useVisibilityChange from './use-visibility-change';
+import useInViewport from './use-in-viewport';
+import useTouch from './use-touch';
+import useScrollParent from './use-scroll-parent';
+import useWindowSize from './use-window-size';
+import useIsomorphicLayoutEffect from './use-isomorphic-layout-effect';
+import useUpdate from './use-update';
+import useMemoizedFn from './use-memoized-fn';
+import usePropsValue from './use-props-value';
+export { useClickAway, useCountDown, useEventListener, useFormSmart, useSetState, useUpdateEffect, useMount, usePageVisibility, useVisibilityChange, useInViewport, useTouch, useScrollParent, useWindowSize, useIsomorphicLayoutEffect, useUpdate, useMemoizedFn, usePropsValue, };
+declare const _default: {
+    useClickAway: typeof useClickAway;
+    useCountDown: typeof useCountDown;
+    useEventListener: typeof useEventListener;
+    useFormSmart: typeof useFormSmart;
+    useSetState: <T extends object>(initialState?: T) => [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void, import("react").MutableRefObject<T>];
+    useUpdateEffect: typeof import("react").useEffect;
+    useMount: (fn: () => void) => void;
+    usePageVisibility: typeof usePageVisibility;
+    useVisibilityChange: typeof useVisibilityChange;
+    useInViewport: typeof useInViewport;
+    useTouch: typeof useTouch;
+    useScrollParent: typeof useScrollParent;
+    useWindowSize: typeof useWindowSize;
+    useIsomorphicLayoutEffect: typeof import("react").useEffect;
+    useUpdate: () => () => void;
+    useMemoizedFn: typeof useMemoizedFn;
+    usePropsValue: typeof usePropsValue;
+};
+export default _default;