react-vant-nova 1.0.0-test

package/lib/dropdown-menu/style/index.css

@@ -0,0 +1,104 @@
+:root {
+  --rv-dropdown-menu-height: 48px;
+  --rv-dropdown-menu-background-color: var(--rv-white);
+  --rv-dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
+  --rv-dropdown-menu-title-font-size: 15px;
+  --rv-dropdown-menu-title-text-color: var(--rv-text-color);
+  --rv-dropdown-menu-title-active-text-color: var(--rv-danger-color);
+  --rv-dropdown-menu-title-disabled-text-color: var(--rv-gray-6);
+  --rv-dropdown-menu-title-padding: 0 var(--rv-padding-xs);
+  --rv-dropdown-menu-title-line-height: var(--rv-line-height-lg);
+  --rv-dropdown-menu-option-active-color: var(--rv-danger-color);
+  --rv-dropdown-menu-content-max-height: 80%;
+  --rv-dropdown-item-z-index: 10;
+}
+.rv-dropdown-menu {
+  user-select: none;
+}
+.rv-dropdown-menu__bar {
+  position: relative;
+  display: flex;
+  height: var(--rv-dropdown-menu-height);
+  background-color: var(--rv-dropdown-menu-background-color);
+  box-shadow: var(--rv-dropdown-menu-box-shadow);
+}
+.rv-dropdown-menu__bar--opened {
+  z-index: calc(var(--rv-dropdown-item-z-index) + 1);
+}
+.rv-dropdown-menu__item {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  cursor: pointer;
+}
+.rv-dropdown-menu__item:active {
+  opacity: var(--rv-active-opacity);
+}
+.rv-dropdown-menu__item--disabled:active {
+  opacity: 1;
+}
+.rv-dropdown-menu__item--disabled .rv-dropdown-menu__title {
+  color: var(--rv-dropdown-menu-title-disabled-text-color);
+}
+.rv-dropdown-menu__title {
+  position: relative;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: var(--rv-dropdown-menu-title-padding);
+  color: var(--rv-dropdown-menu-title-text-color);
+  font-size: var(--rv-dropdown-menu-title-font-size);
+  line-height: var(--rv-dropdown-menu-title-line-height);
+}
+.rv-dropdown-menu__title::after {
+  position: absolute;
+  top: 50%;
+  right: -4px;
+  margin-top: -5px;
+  border: 3px solid;
+  border-color: transparent transparent var(--rv-gray-4) var(--rv-gray-4);
+  transform: rotate(-45deg);
+  opacity: 0.8;
+  content: '';
+}
+.rv-dropdown-menu__title--active {
+  color: var(--rv-dropdown-menu-title-active-text-color);
+}
+.rv-dropdown-menu__title--active::after {
+  border-color: transparent transparent currentColor currentColor;
+}
+.rv-dropdown-menu__title--down::after {
+  margin-top: -1px;
+  transform: rotate(135deg);
+}
+.rv-dropdown-item {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: var(--rv-dropdown-item-z-index);
+  overflow: hidden;
+}
+.rv-dropdown-item__icon {
+  line-height: inherit;
+  vertical-align: middle;
+}
+.rv-dropdown-item__option {
+  text-align: left;
+}
+.rv-dropdown-item__option--active {
+  color: var(--rv-dropdown-menu-option-active-color);
+}
+.rv-dropdown-item__option--active .rv-dropdown-item__icon {
+  color: var(--rv-dropdown-menu-option-active-color);
+}
+.rv-dropdown-item--up {
+  top: 0;
+}
+.rv-dropdown-item--down {
+  bottom: 0;
+}
+.rv-dropdown-item__content.rv-popup {
+  position: absolute;
+  max-height: var(--rv-dropdown-menu-content-max-height);
+}

package/lib/empty/Empty.d.ts

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

package/lib/empty/Empty.js

@@ -0,0 +1,89 @@
+"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 _Network = require("./Network");
+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 PRESET_IMAGES = ['error', 'search', 'default'];
+const [bem] = (0, _utils.createNamespace)('empty');
+const Empty = p => {
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    image: 'default'
+  });
+  const renderImage = () => {
+    let {
+      image
+    } = props;
+    if ((0, _react().isValidElement)(image)) {
+      return image;
+    }
+    if (image === 'network') {
+      return _Network.Network;
+    }
+    if (PRESET_IMAGES.includes(image)) {
+      image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
+    }
+    return (0, _jsxRuntime().jsx)("img", {
+      src: image,
+      alt: ''
+    });
+  };
+  const renderDescription = () => {
+    if (props.description) {
+      return (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('description'))
+      }, {
+        children: props.description
+      }));
+    }
+    return null;
+  };
+  const renderBottom = () => {
+    if (props.children) {
+      return (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('bottom'))
+      }, {
+        children: props.children
+      }));
+    }
+    return null;
+  };
+  return (0, _jsxRuntime().jsxs)("div", Object.assign({
+    className: (0, _clsx().default)(props.className, bem()),
+    style: props.style
+  }, {
+    children: [(0, _jsxRuntime().jsx)("div", Object.assign({
+      className: (0, _clsx().default)(bem('image')),
+      style: (0, _utils.getSizeStyle)(props.imageSize)
+    }, {
+      children: renderImage()
+    })), renderDescription(), renderBottom()]
+  }));
+};
+var _default = exports.default = Empty;

package/lib/empty/Network.d.ts

@@ -0,0 +1 @@
+export declare const Network: JSX.Element;

package/lib/empty/Network.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Network = void 0;
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const prefix = 'rv-empty-network-';
+const renderStop = (color, offset, opacity) => (0, _jsxRuntime().jsx)("stop", {
+  stopColor: color,
+  offset: `${offset}%`,
+  stopOpacity: opacity
+});
+const Network = exports.Network = (0, _jsxRuntime().jsxs)("svg", Object.assign({
+  viewBox: '0 0 160 160'
+}, {
+  children: [(0, _jsxRuntime().jsxs)("defs", {
+    children: [(0, _jsxRuntime().jsxs)("linearGradient", Object.assign({
+      id: `${prefix}1`,
+      x1: '64.022%',
+      y1: '100%',
+      x2: '64.022%',
+      y2: '0%'
+    }, {
+      children: [renderStop('#FFF', 0, 0.5), renderStop('#F2F3F5', 100)]
+    })), (0, _jsxRuntime().jsxs)("linearGradient", Object.assign({
+      id: `${prefix}2`,
+      x1: '50%',
+      y1: '0%',
+      x2: '50%',
+      y2: '84.459%'
+    }, {
+      children: [renderStop('#EBEDF0', 0), renderStop('#DCDEE0', 100, 0)]
+    })), (0, _jsxRuntime().jsxs)("linearGradient", Object.assign({
+      id: `${prefix}3`,
+      x1: '100%',
+      y1: '0%',
+      x2: '100%',
+      y2: '100%'
+    }, {
+      children: [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]
+    })), (0, _jsxRuntime().jsxs)("linearGradient", Object.assign({
+      id: `${prefix}4`,
+      x1: '100%',
+      y1: '100%',
+      x2: '100%',
+      y2: '0%'
+    }, {
+      children: [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]
+    })), (0, _jsxRuntime().jsxs)("linearGradient", Object.assign({
+      id: `${prefix}5`,
+      x1: '0%',
+      y1: '43.982%',
+      x2: '100%',
+      y2: '54.703%'
+    }, {
+      children: [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]
+    })), (0, _jsxRuntime().jsxs)("linearGradient", Object.assign({
+      id: `${prefix}6`,
+      x1: '94.535%',
+      y1: '43.837%',
+      x2: '5.465%',
+      y2: '54.948%'
+    }, {
+      children: [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]
+    })), (0, _jsxRuntime().jsxs)("radialGradient", Object.assign({
+      id: `${prefix}7`,
+      cx: '50%',
+      cy: '0%',
+      fx: '50%',
+      fy: '0%',
+      r: '100%',
+      gradientTransform: 'matrix(0 1 -.54835 0 .5 -.5)'
+    }, {
+      children: [renderStop('#EBEDF0', 0), renderStop('#FFF', 100, 0)]
+    }))]
+  }), (0, _jsxRuntime().jsxs)("g", Object.assign({
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, {
+    children: [(0, _jsxRuntime().jsxs)("g", Object.assign({
+      opacity: '.8'
+    }, {
+      children: [(0, _jsxRuntime().jsx)("path", {
+        d: 'M0 124V46h20v20h14v58H0z',
+        fill: `url(#${prefix}1)`,
+        transform: 'matrix(-1 0 0 1 36 7)'
+      }), (0, _jsxRuntime().jsx)("path", {
+        d: 'M121 8h22.231v14H152v77.37h-31V8z',
+        fill: `url(#${prefix}1)`,
+        transform: 'translate(2 7)'
+      })]
+    })), (0, _jsxRuntime().jsx)("path", {
+      fill: `url(#${prefix}7)`,
+      d: 'M0 139h160v21H0z'
+    }), (0, _jsxRuntime().jsx)("path", {
+      d: 'M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z',
+      fill: `url(#${prefix}2)`,
+      fillRule: 'nonzero',
+      transform: 'translate(43 36)'
+    }), (0, _jsxRuntime().jsxs)("g", Object.assign({
+      opacity: '.6',
+      strokeLinecap: 'round',
+      strokeWidth: '7'
+    }, {
+      children: [(0, _jsxRuntime().jsx)("path", {
+        d: 'M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12',
+        stroke: `url(#${prefix}3)`,
+        transform: 'translate(43 36)'
+      }), (0, _jsxRuntime().jsx)("path", {
+        d: 'M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145',
+        stroke: `url(#${prefix}3)`,
+        transform: 'translate(43 36)'
+      }), (0, _jsxRuntime().jsx)("path", {
+        d: 'M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12',
+        stroke: `url(#${prefix}4)`,
+        transform: 'rotate(-180 76.483 42.257)'
+      }), (0, _jsxRuntime().jsx)("path", {
+        d: 'M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145',
+        stroke: `url(#${prefix}4)`,
+        transform: 'rotate(-180 89.791 42.146)'
+      })]
+    })), (0, _jsxRuntime().jsxs)("g", Object.assign({
+      transform: 'translate(31 105)',
+      fillRule: 'nonzero'
+    }, {
+      children: [(0, _jsxRuntime().jsx)("rect", {
+        fill: `url(#${prefix}5)`,
+        width: '98',
+        height: '34',
+        rx: '2'
+      }), (0, _jsxRuntime().jsx)("rect", {
+        fill: '#FFF',
+        x: '9',
+        y: '8',
+        width: '80',
+        height: '18',
+        rx: '1.114'
+      }), (0, _jsxRuntime().jsx)("rect", {
+        fill: `url(#${prefix}6)`,
+        x: '15',
+        y: '12',
+        width: '18',
+        height: '6',
+        rx: '1.114'
+      })]
+    }))]
+  }))]
+}));

package/lib/empty/PropsType.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseTypeProps } from '../utils';
+export interface EmptyProps extends BaseTypeProps {
+    /** 图片类型，可选值为 error network search，支持传入图片 URL */
+    image?: 'default' | 'error' | 'network' | 'search' | string | React.ReactNode;
+    imageSize?: number | string;
+    /** 图片下方的描述文字	 */
+    description?: React.ReactNode;
+}

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

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

package/lib/empty/index.js

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

package/lib/empty/style/index.css

@@ -0,0 +1,36 @@
+:root {
+  --rv-empty-padding: var(--rv-padding-xl) 0;
+  --rv-empty-image-size: 160px;
+  --rv-empty-description-margin-top: var(--rv-padding-md);
+  --rv-empty-description-padding: 0 60px;
+  --rv-empty-description-color: var(--rv-gray-6);
+  --rv-empty-description-font-size: var(--rv-font-size-md);
+  --rv-empty-description-line-height: var(--rv-line-height-md);
+  --rv-empty-bottom-margin-top: 24px;
+}
+.rv-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: var(--rv-empty-padding);
+}
+.rv-empty__image {
+  width: var(--rv-empty-image-size);
+  height: var(--rv-empty-image-size);
+}
+.rv-empty__image img {
+  width: 100%;
+  height: 100%;
+}
+.rv-empty__description {
+  margin-top: var(--rv-empty-description-margin-top);
+  padding: var(--rv-empty-description-padding);
+  color: var(--rv-empty-description-color);
+  font-size: var(--rv-empty-description-font-size);
+  line-height: var(--rv-empty-description-line-height);
+}
+.rv-empty__bottom {
+  margin-top: var(--rv-empty-bottom-margin-top);
+}

package/lib/field/Field.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FieldInstance, FieldProps } from './PropsType';
+export declare const FIELD_KEY: unique symbol;
+declare const FieldNamespace: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<FieldInstance>> & {
+    __REACT_VANT_COMPONENT: symbol;
+};
+export default FieldNamespace;