react-vant-nova 1.0.0-test

package/es/field/style/index.css

@@ -0,0 +1,132 @@
+:root {
+  --rv-field-input-error-text-color: var(--rv-danger-color);
+  --rv-field-label-width: 6.2em;
+  --rv-field-label-color: var(--rv-gray-7);
+  --rv-field-label-margin-right: var(--rv-padding-sm);
+  --rv-field-icon-size: 16px;
+  --rv-field-right-icon-color: var(--rv-gray-6);
+  --rv-field-error-message-color: var(--rv-danger-color);
+  --rv-field-error-message-font-size: 12px;
+  --rv-field-disabled-text-color: var(--rv-gray-5);
+  --rv-field-required-mark-color: var(--rv-red);
+  --rv-field-intro-color: var(--rv-gray-6);
+  --rv-field-tooltip-icon-color: var(--rv-gray-5);
+}
+.rv-field .rv-field__label {
+  flex: none;
+  box-sizing: border-box;
+  width: var(--rv-field-label-width);
+  margin-right: var(--rv-field-label-margin-right);
+  color: var(--rv-field-label-color);
+  text-align: left;
+  word-wrap: break-word;
+}
+.rv-field .rv-field__label--center {
+  text-align: center;
+}
+.rv-field .rv-field__label--right {
+  text-align: right;
+}
+.rv-field .rv-field__label--required::before {
+  margin-right: 2px;
+  color: var(--rv-field-required-mark-color);
+  content: '*';
+}
+.rv-field--error .rv-input__control,
+.rv-field--error .rv-input__control::placeholder,
+.rv-field--error .rv-textarea__control,
+.rv-field--error .rv-textarea__control::placeholder {
+  color: var(--rv-field-input-error-text-color);
+  -webkit-text-fill-color: currentColor;
+}
+.rv-field--disabled .rv-field__label {
+  color: var(--rv-field-disabled-text-color);
+}
+.rv-field__value {
+  overflow: visible;
+}
+.rv-field__value--center .rv-field__children,
+.rv-field__value--center .rv-field__intro,
+.rv-field__value--center .rv-field__error-message {
+  justify-content: center;
+  text-align: center;
+}
+.rv-field__value--center .rv-input,
+.rv-field__value--center .rv-textarea {
+  text-align: center;
+}
+.rv-field__value--right .rv-field__children,
+.rv-field__value--right .rv-field__intro,
+.rv-field__value--right .rv-field__error-message {
+  justify-content: flex-end;
+  text-align: right;
+}
+.rv-field__value--right .rv-input,
+.rv-field__value--right .rv-textarea {
+  text-align: right;
+}
+.rv-field__body {
+  display: flex;
+  align-items: center;
+}
+.rv-field__children {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  min-height: var(--rv-cell-line-height);
+}
+.rv-field__control-wrapper {
+  width: 100%;
+  flex: 1;
+}
+.rv-field__icon,
+.rv-field__suffix,
+.rv-field__right-icon {
+  flex-shrink: 0;
+}
+.rv-field__right-icon {
+  margin-right: calc(var(--rv-padding-xs) * -1);
+  padding: 0 var(--rv-padding-xs);
+  box-sizing: content-box;
+}
+.rv-field__left-icon .rv-icon,
+.rv-field__right-icon .rv-icon {
+  display: block;
+  font-size: var(--rv-field-icon-size);
+  line-height: inherit;
+}
+.rv-field__left-icon {
+  margin-right: var(--rv-padding-base);
+}
+.rv-field__right-icon {
+  color: var(--rv-field-right-icon-color);
+}
+.rv-field__prefix {
+  padding-right: var(--rv-padding-xs);
+}
+.rv-field__suffix {
+  padding-left: var(--rv-padding-xs);
+}
+.rv-field__error-message {
+  color: var(--rv-field-error-message-color);
+  font-size: var(--rv-field-error-message-font-size);
+  line-height: 1.4em;
+  display: flex;
+  justify-content: flex-start;
+  text-align: left;
+}
+.rv-field__tooltip {
+  display: inline-block;
+  margin-left: 2px;
+  color: var(--rv-field-intro-color);
+  font-weight: bold;
+  vertical-align: middle;
+}
+.rv-field__intro {
+  color: var(--rv-field-intro-color);
+  font-size: var(--rv-field-error-message-font-size);
+  line-height: 1.4em;
+  text-align: left;
+  display: flex;
+  justify-content: flex-start;
+}

package/es/flex/Flex.d.ts

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

package/es/flex/Flex.js

@@ -0,0 +1,43 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import FlexContext from './FlexContext';
+import { createNamespace } from '../utils';
+const [bem] = createNamespace('flexbox');
+const Flex = props => {
+  const {
+      direction,
+      wrap,
+      justify,
+      align,
+      gutter = 0,
+      style,
+      className,
+      children
+    } = props,
+    rest = __rest(props, ["direction", "wrap", "justify", "align", "gutter", "style", "className", "children"]);
+  const getGutter = useMemo(() => Array.isArray(gutter) ? gutter : [gutter, gutter], [gutter]);
+  const rowStyle = Object.assign(Object.assign(Object.assign({}, getGutter[0] > 0 ? {
+    marginLeft: getGutter[0] / -2,
+    marginRight: getGutter[0] / -2
+  } : {}), getGutter[1] > 0 ? {
+    marginTop: getGutter[1] / -2,
+    marginBottom: getGutter[1] / -2
+  } : {}), style);
+  const wrapCls = clsx(className, bem([direction, wrap, justify ? `justify-${justify}` : false, align ? `align-${align}` : false]));
+  return _jsx(FlexContext.Provider, Object.assign({
+    value: {
+      gutter: getGutter
+    }
+  }, {
+    children: _jsx("div", Object.assign({
+      className: wrapCls,
+      style: rowStyle
+    }, rest, {
+      children: children
+    }))
+  }));
+};
+export default Flex;

package/es/flex/FlexContext.d.ts

@@ -0,0 +1,6 @@
+import { Context } from 'react';
+export interface FlexContextState {
+    gutter?: [number, number];
+}
+declare const FlexContext: Context<FlexContextState>;
+export default FlexContext;

package/es/flex/FlexContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+const FlexContext = createContext({});
+export default FlexContext;

package/es/flex/FlexItem.d.ts

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

package/es/flex/FlexItem.js

@@ -0,0 +1,52 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import FlexContext from './FlexContext';
+import { createNamespace } from '../utils';
+const [bem] = createNamespace('flexitem');
+const FlexItem = props => {
+  const {
+      style,
+      className,
+      span,
+      children,
+      flex
+    } = props,
+    others = __rest(props, ["style", "className", "span", "children", "flex"]);
+  const classes = clsx(bem([span === null || span === void 0 ? void 0 : span.toString()]), className);
+  const parseFlex = _flex => {
+    if (typeof _flex === 'number') {
+      return `${_flex} ${_flex} auto`;
+    }
+    if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(_flex)) {
+      return `0 0 ${_flex}`;
+    }
+    return _flex;
+  };
+  return _jsx(FlexContext.Consumer, {
+    children: ({
+      gutter
+    }) => {
+      let mergedStyle = Object.assign({}, style);
+      if (gutter) {
+        mergedStyle = Object.assign(Object.assign(Object.assign({}, gutter[0] > 0 ? {
+          paddingLeft: gutter[0] / 2,
+          paddingRight: gutter[0] / 2
+        } : {}), gutter[1] > 0 ? {
+          paddingTop: gutter[1] / 2,
+          paddingBottom: gutter[1] / 2
+        } : {}), mergedStyle);
+      }
+      if (flex) {
+        mergedStyle.flex = parseFlex(flex);
+      }
+      return _jsx("div", Object.assign({}, others, {
+        style: mergedStyle,
+        className: classes
+      }, {
+        children: children
+      }));
+    }
+  });
+};
+export default FlexItem;

package/es/flex/PropsType.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { BaseTypeProps } from '../utils';
+export interface FlexProps extends BaseTypeProps {
+    /** 列元素之间的间距。可以使用数组形式同时设置 */
+    gutter?: number | [number, number];
+    /**
+     * 项目定位方向
+     * @default 'row'
+     */
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    /**
+     * 子元素的换行方式
+     * @default 'nowrap'
+     */
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    /**
+     * 水平排列方式
+     * @default 'start'
+     */
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around';
+    /**
+     * 垂直对齐方式
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+}
+export declare type FlexType = number | 'none' | 'auto' | string;
+export interface FlexItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'>, BaseTypeProps {
+    /**  栅格占位格数 */
+    span?: number | string;
+    /** flex 布局属性	 */
+    flex?: FlexType;
+}

package/es/flex/PropsType.js

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

package/es/flex/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './style/index.less';
+declare const Flex: import("react").FC<import("./PropsType").FlexProps> & {
+    Item: import("react").FC<import("./PropsType").FlexItemProps>;
+};
+export { Flex };
+export default Flex;
+export type { FlexProps, FlexItemProps } from './PropsType';

package/es/flex/index.js

@@ -0,0 +1,8 @@
+import "./style/index.css";
+import _Flex from './Flex';
+import FlexItem from './FlexItem';
+const Flex = Object.assign(_Flex, {
+  Item: FlexItem
+});
+export { Flex };
+export default Flex;

package/es/flex/style/index.css

@@ -0,0 +1,187 @@
+.rv-flexbox {
+  display: flex;
+}
+.rv-flexbox::before,
+.rv-flexbox::after {
+  display: flex;
+}
+.rv-flexbox--justify-start {
+  justify-content: flex-start;
+}
+.rv-flexbox--justify-center {
+  justify-content: center;
+}
+.rv-flexbox--justify-end {
+  justify-content: flex-end;
+}
+.rv-flexbox--justify-between {
+  justify-content: space-between;
+}
+.rv-flexbox--justify-around {
+  justify-content: space-around;
+}
+.rv-flexbox--align-start {
+  align-items: flex-start;
+}
+.rv-flexbox--align-center {
+  align-items: center;
+}
+.rv-flexbox--align-end {
+  align-items: flex-end;
+}
+.rv-flexbox--align-baseline {
+  align-items: baseline;
+}
+.rv-flexbox--align-stretch {
+  align-items: stretch;
+}
+.rv-flexbox--row {
+  flex-direction: row;
+}
+.rv-flexbox--row-reverse {
+  flex-direction: row-reverse;
+}
+.rv-flexbox--column {
+  flex-direction: column;
+}
+.rv-flexbox--column-reverse {
+  flex-direction: column-reverse;
+}
+.rv-flexbox--nowrap {
+  flex-wrap: nowrap;
+}
+.rv-flexbox--wrap {
+  flex-wrap: wrap;
+}
+.rv-flexbox--wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+.rv-flexitem {
+  position: relative;
+  box-sizing: border-box;
+  max-width: 100%;
+  min-height: 1px;
+}
+.rv-flexitem--24 {
+  display: block;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+.rv-flexitem--23 {
+  display: block;
+  flex: 0 0 95.83333333%;
+  max-width: 95.83333333%;
+}
+.rv-flexitem--22 {
+  display: block;
+  flex: 0 0 91.66666667%;
+  max-width: 91.66666667%;
+}
+.rv-flexitem--21 {
+  display: block;
+  flex: 0 0 87.5%;
+  max-width: 87.5%;
+}
+.rv-flexitem--20 {
+  display: block;
+  flex: 0 0 83.33333333%;
+  max-width: 83.33333333%;
+}
+.rv-flexitem--19 {
+  display: block;
+  flex: 0 0 79.16666667%;
+  max-width: 79.16666667%;
+}
+.rv-flexitem--18 {
+  display: block;
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+.rv-flexitem--17 {
+  display: block;
+  flex: 0 0 70.83333333%;
+  max-width: 70.83333333%;
+}
+.rv-flexitem--16 {
+  display: block;
+  flex: 0 0 66.66666667%;
+  max-width: 66.66666667%;
+}
+.rv-flexitem--15 {
+  display: block;
+  flex: 0 0 62.5%;
+  max-width: 62.5%;
+}
+.rv-flexitem--14 {
+  display: block;
+  flex: 0 0 58.33333333%;
+  max-width: 58.33333333%;
+}
+.rv-flexitem--13 {
+  display: block;
+  flex: 0 0 54.16666667%;
+  max-width: 54.16666667%;
+}
+.rv-flexitem--12 {
+  display: block;
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+.rv-flexitem--11 {
+  display: block;
+  flex: 0 0 45.83333333%;
+  max-width: 45.83333333%;
+}
+.rv-flexitem--10 {
+  display: block;
+  flex: 0 0 41.66666667%;
+  max-width: 41.66666667%;
+}
+.rv-flexitem--9 {
+  display: block;
+  flex: 0 0 37.5%;
+  max-width: 37.5%;
+}
+.rv-flexitem--8 {
+  display: block;
+  flex: 0 0 33.33333333%;
+  max-width: 33.33333333%;
+}
+.rv-flexitem--7 {
+  display: block;
+  flex: 0 0 29.16666667%;
+  max-width: 29.16666667%;
+}
+.rv-flexitem--6 {
+  display: block;
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+.rv-flexitem--5 {
+  display: block;
+  flex: 0 0 20.83333333%;
+  max-width: 20.83333333%;
+}
+.rv-flexitem--4 {
+  display: block;
+  flex: 0 0 16.66666667%;
+  max-width: 16.66666667%;
+}
+.rv-flexitem--3 {
+  display: block;
+  flex: 0 0 12.5%;
+  max-width: 12.5%;
+}
+.rv-flexitem--2 {
+  display: block;
+  flex: 0 0 8.33333333%;
+  max-width: 8.33333333%;
+}
+.rv-flexitem--1 {
+  display: block;
+  flex: 0 0 4.16666667%;
+  max-width: 4.16666667%;
+}
+.rv-flexitem--0 {
+  display: none;
+}

package/es/floating-ball/FloatingBall.d.ts

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