react-vant-nova 1.0.0-test

package/es/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/es/notify/PropsType.js

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

package/es/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/es/notify/index.js

@@ -0,0 +1,4 @@
+import "./style/index.css";
+import Notify from './method';
+export default Notify;
+export { Notify };

package/es/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/es/notify/method.js

@@ -0,0 +1,112 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { extend, isObject, noop, once } from '../utils';
+import Notify from './Notify';
+import { resolveContainer } from '../utils/dom/getContainer';
+import { lockClick } from '../toast/lock-click';
+import { render, unmount } from '../utils/dom/render';
+import canUseDom from '../utils/dom/canUseDom';
+const NotifyNamespace = {};
+function parseOptions(message) {
+  return isObject(message) ? message : {
+    message
+  };
+}
+const notifyArray = [];
+// 同步的销毁
+function syncClear() {
+  let fn = notifyArray.pop();
+  while (fn) {
+    fn();
+    lockClick(false);
+    fn = notifyArray.pop();
+  }
+}
+// 针对 toast 还没弹出来就立刻销毁的情况，将销毁放到下一个 event loop 中，避免销毁失败。
+function nextTickClear() {
+  setTimeout(syncClear);
+}
+// 可返回用于销毁此弹窗的方法
+const show = p => {
+  if (!canUseDom()) return null;
+  const props = parseOptions(p);
+  const interProps = Object.assign(Object.assign({}, NotifyNamespace.currentOptions), props);
+  const {
+      onClose = noop,
+      duration
+    } = interProps,
+    restProps = __rest(interProps, ["onClose", "duration"]);
+  let timer = 0;
+  const userContainer = resolveContainer(props.teleport);
+  const container = document.createElement('div');
+  userContainer.appendChild(container);
+  let destroy = noop;
+  const TempNotify = () => {
+    const [visible, setVisible] = useState(false);
+    destroy = () => {
+      setVisible(false);
+      if (onClose) onClose();
+    };
+    // clearDOM after animation
+    const internalOnClosed = () => {
+      const unmountResult = unmount(container);
+      if (unmountResult && container.parentNode) {
+        container.parentNode.removeChild(container);
+      }
+    };
+    const internalAfterClose = once(() => {
+      internalOnClosed();
+    });
+    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 _jsx(Notify, Object.assign({}, restProps, {
+      visible: visible,
+      teleport: () => container,
+      onClose: onClose,
+      onClosed: internalOnClosed
+    }));
+  };
+  render(_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 => {
+  extend(NotifyNamespace.currentOptions, options);
+};
+const resetDefaultOptions = () => {
+  NotifyNamespace.currentOptions = defaultOptions();
+};
+const clear = nextTickClear;
+const exportNotifyNamespace = Object.assign(Notify, {
+  show,
+  setDefaultOptions,
+  resetDefaultOptions,
+  clear
+});
+export default exportNotifyNamespace;

package/es/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/es/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;

package/es/number-keyboard/NumberKeyboard.js

@@ -0,0 +1,226 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
+import cls from 'clsx';
+import { CSSTransition } from 'react-transition-group';
+import { createNamespace, getZIndexStyle, noop, stopPropagation } from '../utils';
+import NumberKeyboardKey from './NumberKeyboardKey';
+import { useUpdateEffect } from '../hooks';
+import useClickAway from '../hooks/use-click-away';
+import { mergeProps } from '../utils/get-default-props';
+const [bem] = createNamespace('number-keyboard');
+const NumberKeyboard = _a => {
+  var {
+      className,
+      style
+    } = _a,
+    p = __rest(_a, ["className", "style"]);
+  const props = mergeProps(p, {
+    transition: true,
+    blurOnClose: true,
+    showDeleteKey: true,
+    hideOnClickOutside: true,
+    safeAreaInsetBottom: true,
+    theme: 'default',
+    value: '',
+    extraKey: '',
+    maxlength: Number.MAX_VALUE
+  });
+  const root = useRef();
+  const genBasicKeys = () => {
+    const keys = Array(9).fill('').map((_, i) => ({
+      text: i + 1
+    }));
+    if (props.randomKeyOrder) {
+      keys.sort(() => Math.random() > 0.5 ? 1 : -1);
+    }
+    return keys;
+  };
+  const genDefaultKeys = () => [...genBasicKeys(), {
+    text: props.extraKey,
+    type: 'extra'
+  }, {
+    text: 0
+  }, {
+    text: props.showDeleteKey ? props.deleteButtonText : '',
+    type: props.showDeleteKey ? 'delete' : ''
+  }];
+  const genCustomKeys = () => {
+    const keys = genBasicKeys();
+    const {
+      extraKey
+    } = props;
+    const extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
+    if (extraKeys.length === 1) {
+      keys.push({
+        text: 0,
+        wider: true
+      }, {
+        text: extraKeys[0],
+        type: 'extra'
+      });
+    } else if (extraKeys.length === 2) {
+      keys.push({
+        text: extraKeys[0],
+        type: 'extra'
+      }, {
+        text: 0
+      }, {
+        text: extraKeys[1],
+        type: 'extra'
+      });
+    }
+    return keys;
+  };
+  const keys = useMemo(() => props.theme === 'custom' ? genCustomKeys() : genDefaultKeys(), [props.theme]);
+  const onBlur = () => {
+    var _a;
+    if (props.visible) {
+      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  };
+  const onClose = () => {
+    var _a;
+    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    if (props.blurOnClose) {
+      onBlur();
+    }
+  };
+  const onAnimationEnd = () => {
+    var _a;
+    (_a = props[props.visible ? 'onShow' : 'onHide']) === null || _a === void 0 ? void 0 : _a.call(props);
+  };
+  const onPress = (text, type) => {
+    var _a, _b, _c, _d;
+    if (text === '') {
+      if (type === 'extra') {
+        onBlur();
+      }
+      return;
+    }
+    const {
+      value
+    } = props;
+    if (type === 'delete') {
+      (_a = props.onDelete) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, value.slice(0, value.length - 1));
+    } else if (type === 'close') {
+      onClose();
+    } else if (value.length < props.maxlength) {
+      (_c = props.onInput) === null || _c === void 0 ? void 0 : _c.call(props, text);
+      (_d = props.onChange) === null || _d === void 0 ? void 0 : _d.call(props, value + text);
+    }
+  };
+  const renderTitle = () => {
+    const {
+      title,
+      theme,
+      closeButtonText
+    } = props;
+    const showClose = closeButtonText && theme === 'default';
+    const showTitle = title || showClose;
+    if (!showTitle) {
+      return null;
+    }
+    return _jsxs("div", Object.assign({
+      className: cls(bem('header'))
+    }, {
+      children: [title && _jsx("h2", Object.assign({
+        className: cls(bem('title'))
+      }, {
+        children: title
+      })), showClose && _jsx("button", Object.assign({
+        type: 'button',
+        className: cls(bem('close')),
+        onClick: onClose
+      }, {
+        children: closeButtonText
+      }))]
+    }));
+  };
+  const renderKeys = () => keys.map((key, i) => {
+    var _a, _b, _c;
+    let keySlots = null;
+    if (!key.type) {
+      keySlots = (_a = props.numberKeyRender) === null || _a === void 0 ? void 0 : _a.call(props, key);
+    }
+    if (key.type === 'delete') {
+      keySlots = (_b = props.deleteRender) === null || _b === void 0 ? void 0 : _b.call(props);
+    }
+    if (key.type === 'extra') {
+      keySlots = (_c = props.extraKeyRender) === null || _c === void 0 ? void 0 : _c.call(props);
+    }
+    return _jsx(NumberKeyboardKey
+    // eslint-disable-next-line react/no-array-index-key
+    , {
+      text: key.text,
+      type: key.type,
+      wider: key.wider,
+      color: key.color,
+      onPress: onPress,
+      // eslint-disable-next-line react/no-children-prop
+      children: keySlots
+    }, i);
+  });
+  const renderSidebar = () => {
+    if (props.theme === 'custom') {
+      return _jsxs("div", Object.assign({
+        className: cls(bem('sidebar'))
+      }, {
+        children: [props.showDeleteKey && _jsx(NumberKeyboardKey, {
+          large: true,
+          text: props.deleteButtonText,
+          type: 'delete',
+          onPress: onPress
+        }), _jsx(NumberKeyboardKey, {
+          large: true,
+          text: props.closeButtonText,
+          type: 'close',
+          color: 'blue',
+          loading: props.closeButtonLoading,
+          onPress: onPress
+        })]
+      }));
+    }
+    return null;
+  };
+  useUpdateEffect(() => {
+    var _a;
+    if (!props.transition) {
+      (_a = props[props.visible ? 'onShow' : 'onHide']) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  }, [props.visible]);
+  useClickAway(root, props.hideOnClickOutside ? onBlur : noop, 'touchstart');
+  const Title = renderTitle();
+  const Content = _jsx(CSSTransition, Object.assign({
+    mountOnEnter: true,
+    unmountOnExit: true,
+    nodeRef: root,
+    in: props.visible,
+    timeout: 300,
+    classNames: props.transition ? 'rv-slide-up' : '',
+    onExited: onAnimationEnd
+  }, {
+    children: _jsxs("div", Object.assign({
+      ref: root,
+      style: Object.assign(Object.assign({}, style), getZIndexStyle(props.zIndex)),
+      className: cls(className, bem({
+        unfit: !props.safeAreaInsetBottom,
+        'with-title': !!Title
+      })),
+      onTouchStart: stopPropagation
+    }, {
+      children: [Title, _jsxs("div", Object.assign({
+        className: cls(bem('body'))
+      }, {
+        children: [_jsx("div", Object.assign({
+          className: cls(bem('keys'))
+        }, {
+          children: renderKeys()
+        })), renderSidebar()]
+      }))]
+    }))
+  }));
+  return Content;
+};
+export default NumberKeyboard;

package/es/number-keyboard/NumberKeyboardKey.d.ts

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

package/es/number-keyboard/NumberKeyboardKey.js

@@ -0,0 +1,105 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import cls from 'clsx';
+import Loading from '../loading';
+import { useTouch } from '../hooks';
+import { createNamespace } from '../utils';
+const CollapseIcon = ({
+  bem
+}) => _jsx("svg", Object.assign({
+  className: cls(bem('collapse-icon')),
+  viewBox: '0 0 30 24'
+}, {
+  children: _jsx("path", {
+    d: 'M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z',
+    fill: 'currentColor'
+  })
+}));
+const DeleteIcon = ({
+  bem
+}) => _jsx("svg", Object.assign({
+  className: cls(bem('delete-icon')),
+  viewBox: '0 0 32 22'
+}, {
+  children: _jsx("path", {
+    d: 'M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z',
+    fill: 'currentColor'
+  })
+}));
+const [bem] = createNamespace('key');
+const NumberKeyboardKey = _a => {
+  var {
+      children,
+      className,
+      style
+    } = _a,
+    props = __rest(_a, ["children", "className", "style"]);
+  const [active, setActive] = useState(false);
+  const touch = useTouch();
+  const onTouchStart = event => {
+    touch.start(event);
+    setActive(true);
+  };
+  const onTouchMove = event => {
+    touch.move(event);
+    if (touch.direction.current) {
+      setActive(false);
+    }
+  };
+  const onTouchEnd = event => {
+    var _a;
+    if (active) {
+      // eliminate tap delay on safari
+      // see: https://github.com/youzan/vant/issues/6836
+      if (!children) {
+        event.preventDefault();
+      }
+      setActive(false);
+      (_a = props.onPress) === null || _a === void 0 ? void 0 : _a.call(props, props.text, props.type);
+    }
+  };
+  const renderContent = () => {
+    if (props.loading) {
+      return _jsx(Loading, {
+        className: cls(bem('loading-icon'))
+      });
+    }
+    const text = children || props.text;
+    switch (props.type) {
+      case 'delete':
+        return text || _jsx(DeleteIcon, {
+          bem: bem
+        });
+      case 'extra':
+        return text || _jsx(CollapseIcon, {
+          bem: bem
+        });
+      default:
+        return text;
+    }
+  };
+  return _jsx("div", Object.assign({
+    style: style,
+    className: cls(className, bem('wrapper', {
+      wider: props.wider
+    })),
+    onTouchStart: onTouchStart,
+    onTouchMove: onTouchMove,
+    onTouchEnd: onTouchEnd,
+    onTouchCancel: onTouchEnd
+  }, {
+    children: _jsx("div", Object.assign({
+      role: 'button',
+      tabIndex: 0,
+      className: cls(bem([props.color, {
+        large: props.large,
+        active,
+        delete: props.type === 'delete'
+      }]))
+    }, {
+      children: renderContent()
+    }))
+  }));
+};
+export default NumberKeyboardKey;

package/es/number-keyboard/PropsType.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { BaseTypeProps } from '../utils';
+export declare type KeyType = '' | 'delete' | 'extra' | 'close';
+export declare type NumberKeyboardTheme = 'default' | 'custom';
+export declare type KeyConfig = {
+    text?: number | string;
+    type?: KeyType;
+    color?: string;
+    wider?: boolean;
+};
+export interface NumberKeyboardProps extends BaseTypeProps {
+    /** 是否显示键盘	 */
+    visible: boolean;
+    /** 键盘标题	 */
+    title?: React.ReactNode;
+    /** 自定义按键内容 */
+    numberKeyRender?: (item: KeyConfig) => React.ReactNode;
+    /** 自定义删除按键内容 */
+    deleteRender?: () => React.ReactNode;
+    /** 自定义左下角按键内容 */
+    extraKeyRender?: () => React.ReactNode;
+    /** 键盘 z-index 层级	 */
+    zIndex?: number;
+    /** 是否开启过场动画	 */
+    transition?: boolean;
+    /** 是否在点击关闭按钮时触发 blur 事件	 */
+    blurOnClose?: boolean;
+    /** 是否展示删除图标	 */
+    showDeleteKey?: boolean;
+    /** 是否将通过随机顺序展示按键	 */
+    randomKeyOrder?: boolean;
+    /** 关闭按钮文字，空则不展示	 */
+    closeButtonText?: number | string;
+    /** 删除按钮文字，空则展示删除图标	 */
+    deleteButtonText?: number | string;
+    /** 是否将关闭按钮设置为加载中状态，仅在 theme="custom" 时有效	 */
+    closeButtonLoading?: boolean;
+    /** 是否在点击外部时收起键盘	 */
+    hideOnClickOutside?: boolean;
+    /** 是否开启底部安全区适配	 */
+    safeAreaInsetBottom?: boolean;
+    /** 样式风格，可选值为 custom	 */
+    theme?: NumberKeyboardTheme;
+    /** 当前输入值	 */
+    value?: string;
+    /** 底部额外按键的内容	 */
+    extraKey?: string | string[];
+    /** 输入值最大长度	 */
+    maxlength?: number;
+    /** 弹出时的的父容器 */
+    teleport?: HTMLElement | (() => HTMLElement);
+    /** 键盘完全弹出时触发	 */
+    onShow?: () => void;
+    /** 键盘完全收起时触发		 */
+    onHide?: () => void;
+    /** 点击关闭按钮或非键盘区域时触发	 */
+    onBlur?: () => void;
+    /** 点击按键时触发	 */
+    onInput?: (key: string) => void;
+    /** 点击关闭按钮时触发	 */
+    onClose?: () => void;
+    /** 点击删除键时触发	 */
+    onDelete?: () => void;
+    /** 输入内容变化时触发 */
+    onChange?: (key: string) => void;
+}
+export interface NumberKeyboardKeyProps extends BaseTypeProps {
+    type?: KeyType;
+    text?: number | string;
+    color?: string;
+    wider?: boolean;
+    large?: boolean;
+    loading?: boolean;
+    onPress?: (text: any, type: any) => void;
+}

package/es/number-keyboard/PropsType.js

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

package/es/number-keyboard/index.d.ts

@@ -0,0 +1,5 @@
+import './style/index.less';
+import NumberKeyboard from './NumberKeyboard';
+export default NumberKeyboard;
+export { NumberKeyboard };
+export type { NumberKeyboardProps, NumberKeyboardTheme, KeyType, KeyConfig, } from './PropsType';

package/es/number-keyboard/index.js

@@ -0,0 +1,4 @@
+import "./style/index.css";
+import NumberKeyboard from './NumberKeyboard';
+export default NumberKeyboard;
+export { NumberKeyboard };