react-vant-nova 1.0.0-test

package/lib/notice-bar/index.js

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

package/lib/notice-bar/style/index.css

@@ -0,0 +1,62 @@
+:root {
+  --rv-notice-bar-height: 40px;
+  --rv-notice-bar-padding: 0 var(--rv-padding-md);
+  --rv-notice-bar-wrapable-padding: var(--rv-padding-xs) var(--rv-padding-md);
+  --rv-notice-bar-text-color: var(--rv-orange-dark);
+  --rv-notice-bar-font-size: var(--rv-font-size-md);
+  --rv-notice-bar-line-height: 24px;
+  --rv-notice-bar-background-color: var(--rv-orange-light);
+  --rv-notice-bar-icon-size: 16px;
+  --rv-notice-bar-icon-min-width: 24px;
+}
+.rv-notice-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: var(--rv-notice-bar-height);
+  padding: var(--rv-notice-bar-padding);
+  color: var(--rv-notice-bar-text-color);
+  font-size: var(--rv-notice-bar-font-size);
+  line-height: var(--rv-notice-bar-line-height);
+  background-color: var(--rv-notice-bar-background-color);
+}
+.rv-notice-bar__left-icon,
+.rv-notice-bar__right-icon {
+  min-width: var(--rv-notice-bar-icon-min-width);
+  font-size: var(--rv-notice-bar-icon-size);
+}
+.rv-notice-bar__left-icon {
+  text-align: left;
+}
+.rv-notice-bar__right-icon {
+  text-align: right;
+  cursor: pointer;
+}
+.rv-notice-bar__wrap {
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  height: 100%;
+  overflow: hidden;
+}
+.rv-notice-bar__content {
+  position: absolute;
+  white-space: nowrap;
+  transition-timing-function: linear;
+}
+.rv-notice-bar__content.rv-ellipsis {
+  max-width: 100%;
+}
+.rv-notice-bar--wrapable {
+  height: auto;
+  padding: var(--rv-notice-bar-wrapable-padding);
+}
+.rv-notice-bar--wrapable .rv-notice-bar__wrap {
+  height: auto;
+}
+.rv-notice-bar--wrapable .rv-notice-bar__content {
+  position: relative;
+  white-space: normal;
+  word-wrap: break-word;
+}

package/lib/notify/Notify.d.ts

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

package/lib/notify/Notify.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 _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _popup = _interopRequireDefault(require("../popup"));
+var _utils = require("../utils");
+var _getDefaultProps = require("../utils/get-default-props");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [bem] = (0, _utils.createNamespace)('notify');
+const Notify = _a => {
+  var {
+      children
+    } = _a,
+    p = (0, _tslib().__rest)(_a, ["children"]);
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    type: 'danger',
+    duration: 3000,
+    color: 'white',
+    lockScroll: false
+  });
+  const style = {
+    color: props.color,
+    background: props.background
+  };
+  return (0, _jsxRuntime().jsx)(_popup.default, Object.assign({
+    visible: props.visible,
+    style: style,
+    overlay: false,
+    position: 'top',
+    lockScroll: props.lockScroll,
+    onClick: props.onClick,
+    onClose: props.onClose,
+    onClosed: props.onClosed,
+    teleport: props.teleport
+  }, {
+    children: (0, _jsxRuntime().jsx)("div", Object.assign({
+      className: (0, _clsx().default)(bem([props.type]), props.className)
+    }, {
+      children: children || props.message
+    }))
+  }));
+};
+var _default = exports.default = Notify;

package/lib/notify/PropsType.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { BaseTypeProps, TeleportType } from '../utils';
+export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
+export declare type NotifyMessage = string | React.ReactNode;
+export interface NotifyProps extends BaseTypeProps {
+    visible?: boolean;
+    /** 字体颜色	 */
+    color?: string;
+    /** 展示时长(ms)，值为 0 时，notify 不会消失	 */
+    duration?: number;
+    /** 展示文案，支持通过\n换行	 */
+    message?: NotifyMessage;
+    /** 背景颜色	 */
+    background?: string;
+    /** 是否锁定背景滚动	 */
+    lockScroll?: boolean;
+    /**
+     * 类型
+     * @default 'danger'
+     */
+    type?: NotifyType;
+    /** 点击时的回调函数	 */
+    onClick?: (event: React.MouseEvent) => void;
+    /** 关闭时的回调函数	 */
+    onClose?: () => void;
+    /** 完全展示后的回调函数	 */
+    onOpened?: () => void;
+    /** 弹出时的的父容器 */
+    teleport?: TeleportType;
+    children?: React.ReactNode;
+}
+export declare type NotifyPrivateProps = {
+    /** @private */
+    onClosed?: () => void;
+};
+export declare type NotifyOptions = {
+    type?: NotifyType;
+    color?: string;
+    message?: NotifyMessage;
+    duration?: number;
+    className?: string;
+    background?: string;
+    lockScroll?: boolean;
+    onClick?: (event: React.MouseEvent) => void;
+    onClose?: () => void;
+};
+export declare type NotifyMethodProps = string | Omit<NotifyProps, 'visible' | 'type'>;
+export declare type NotifyStatic = {
+    /** 展示提示	 */
+    show: (option: NotifyProps | string) => void;
+    /** 关闭提示	 */
+    clear: () => void;
+    /** 修改默认配置，对所有 Notify 生效	 */
+    setDefaultOptions: (options: NotifyOptions) => void;
+    /** 重置默认配置，对所有 Notify 生效	 */
+    resetDefaultOptions: () => void;
+    /** @private */
+    currentOptions: NotifyOptions;
+};

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

@@ -0,0 +1,5 @@
+import './style/index.less';
+import Notify from './method';
+export default Notify;
+export { Notify };
+export type { NotifyProps, NotifyType, NotifyStatic } from './PropsType';

package/lib/notify/index.js

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

package/lib/notify/method.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { noop } from '../utils';
+import { NotifyOptions, NotifyProps } from './PropsType';
+declare function nextTickClear(): void;
+declare const exportNotifyNamespace: React.FC<NotifyProps & import("./PropsType").NotifyPrivateProps> & {
+    show: (p: string | NotifyProps) => typeof noop;
+    setDefaultOptions: (options: NotifyOptions) => void;
+    resetDefaultOptions: () => void;
+    clear: typeof nextTickClear;
+};
+export default exportNotifyNamespace;

package/lib/notify/method.js

@@ -0,0 +1,138 @@
+"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 _Notify = _interopRequireDefault(require("./Notify"));
+var _getContainer = require("../utils/dom/getContainer");
+var _lockClick = require("../toast/lock-click");
+var _render = require("../utils/dom/render");
+var _canUseDom = _interopRequireDefault(require("../utils/dom/canUseDom"));
+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 NotifyNamespace = {};
+function parseOptions(message) {
+  return (0, _utils.isObject)(message) ? message : {
+    message
+  };
+}
+const notifyArray = [];
+// 同步的销毁
+function syncClear() {
+  let fn = notifyArray.pop();
+  while (fn) {
+    fn();
+    (0, _lockClick.lockClick)(false);
+    fn = notifyArray.pop();
+  }
+}
+// 针对 toast 还没弹出来就立刻销毁的情况，将销毁放到下一个 event loop 中，避免销毁失败。
+function nextTickClear() {
+  setTimeout(syncClear);
+}
+// 可返回用于销毁此弹窗的方法
+const show = p => {
+  if (!(0, _canUseDom.default)()) return null;
+  const props = parseOptions(p);
+  const interProps = Object.assign(Object.assign({}, NotifyNamespace.currentOptions), props);
+  const {
+      onClose = _utils.noop,
+      duration
+    } = interProps,
+    restProps = (0, _tslib().__rest)(interProps, ["onClose", "duration"]);
+  let timer = 0;
+  const userContainer = (0, _getContainer.resolveContainer)(props.teleport);
+  const container = document.createElement('div');
+  userContainer.appendChild(container);
+  let destroy = _utils.noop;
+  const TempNotify = () => {
+    const [visible, setVisible] = (0, _react().useState)(false);
+    destroy = () => {
+      setVisible(false);
+      if (onClose) onClose();
+    };
+    // clearDOM after animation
+    const internalOnClosed = () => {
+      const unmountResult = (0, _render.unmount)(container);
+      if (unmountResult && container.parentNode) {
+        container.parentNode.removeChild(container);
+      }
+    };
+    const internalAfterClose = (0, _utils.once)(() => {
+      internalOnClosed();
+    });
+    (0, _react().useEffect)(() => {
+      setVisible(true);
+      syncClear();
+      notifyArray.push(internalAfterClose);
+      if (duration && +duration > 0) {
+        timer = window.setTimeout(destroy, duration);
+      }
+      return () => {
+        if (timer !== 0) {
+          window.clearTimeout(timer);
+        }
+      };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (0, _jsxRuntime().jsx)(_Notify.default, Object.assign({}, restProps, {
+      visible: visible,
+      teleport: () => container,
+      onClose: onClose,
+      onClosed: internalOnClosed
+    }));
+  };
+  (0, _render.render)((0, _jsxRuntime().jsx)(TempNotify, {}), container);
+  return destroy;
+};
+function defaultOptions() {
+  return {
+    type: 'danger',
+    color: undefined,
+    message: '',
+    onClose: undefined,
+    onClick: undefined,
+    duration: 3000,
+    className: '',
+    lockScroll: false,
+    background: undefined
+  };
+}
+NotifyNamespace.currentOptions = defaultOptions();
+const setDefaultOptions = options => {
+  (0, _utils.extend)(NotifyNamespace.currentOptions, options);
+};
+const resetDefaultOptions = () => {
+  NotifyNamespace.currentOptions = defaultOptions();
+};
+const clear = nextTickClear;
+const exportNotifyNamespace = Object.assign(_Notify.default, {
+  show,
+  setDefaultOptions,
+  resetDefaultOptions,
+  clear
+});
+var _default = exports.default = exportNotifyNamespace;

package/lib/notify/style/index.css

@@ -0,0 +1,35 @@
+:root {
+  --rv-notify-text-color: var(--rv-white);
+  --rv-notify-padding: var(--rv-padding-xs) var(--rv-padding-md);
+  --rv-notify-font-size: var(--rv-font-size-md);
+  --rv-notify-line-height: var(--rv-line-height-md);
+  --rv-notify-primary-background-color: var(--rv-primary-color);
+  --rv-notify-success-background-color: var(--rv-success-color);
+  --rv-notify-danger-background-color: var(--rv-danger-color);
+  --rv-notify-warning-background-color: var(--rv-warning-color);
+}
+.rv-notify {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: var(--rv-notify-padding);
+  color: var(--rv-notify-text-color);
+  font-size: var(--rv-notify-font-size);
+  line-height: var(--rv-notify-line-height);
+  white-space: pre-wrap;
+  text-align: center;
+  word-wrap: break-word;
+}
+.rv-notify--primary {
+  background-color: var(--rv-notify-primary-background-color);
+}
+.rv-notify--success {
+  background-color: var(--rv-notify-success-background-color);
+}
+.rv-notify--danger {
+  background-color: var(--rv-notify-danger-background-color);
+}
+.rv-notify--warning {
+  background-color: var(--rv-notify-warning-background-color);
+}

package/lib/number-keyboard/NumberKeyboard.d.ts

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