vant 3.4.0 → 3.4.4

package/lib/number-keyboard/NumberKeyboard.js

@@ -1,188 +1,175 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _use = require("@vant/use");
-
-var _NumberKeyboardKey = _interopRequireDefault(require("./NumberKeyboardKey"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Utils
-// Composables
-// Components
-var [name, bem] = (0, _utils.createNamespace)('number-keyboard');
-var numberKeyboardProps = {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use = __toModule(require("@vant/use"));
+var import_NumberKeyboardKey = __toModule(require("./NumberKeyboardKey"));
+const [name, bem] = (0, import_utils.createNamespace)("number-keyboard");
+const numberKeyboardProps = {
   show: Boolean,
   title: String,
-  theme: (0, _utils.makeStringProp)('default'),
-  zIndex: _utils.numericProp,
+  theme: (0, import_utils.makeStringProp)("default"),
+  zIndex: import_utils.numericProp,
   teleport: [String, Object],
-  maxlength: (0, _utils.makeNumericProp)(Infinity),
-  modelValue: (0, _utils.makeStringProp)(''),
-  transition: _utils.truthProp,
-  blurOnClose: _utils.truthProp,
-  showDeleteKey: _utils.truthProp,
+  maxlength: (0, import_utils.makeNumericProp)(Infinity),
+  modelValue: (0, import_utils.makeStringProp)(""),
+  transition: import_utils.truthProp,
+  blurOnClose: import_utils.truthProp,
+  showDeleteKey: import_utils.truthProp,
   randomKeyOrder: Boolean,
   closeButtonText: String,
   deleteButtonText: String,
   closeButtonLoading: Boolean,
-  hideOnClickOutside: _utils.truthProp,
-  safeAreaInsetBottom: _utils.truthProp,
+  hideOnClickOutside: import_utils.truthProp,
+  safeAreaInsetBottom: import_utils.truthProp,
   extraKey: {
     type: [String, Array],
-    default: ''
+    default: ""
   }
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: numberKeyboardProps,
-  emits: ['show', 'hide', 'blur', 'input', 'close', 'delete', 'update:modelValue'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var root = (0, _vue.ref)();
-
-    var genBasicKeys = () => {
-      var keys = Array(9).fill('').map((_, i) => ({
+  emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = (0, import_vue2.ref)();
+    const genBasicKeys = () => {
+      const keys2 = Array(9).fill("").map((_, i) => ({
         text: i + 1
       }));
-
       if (props.randomKeyOrder) {
-        keys.sort(() => Math.random() > 0.5 ? 1 : -1);
+        keys2.sort(() => Math.random() > 0.5 ? 1 : -1);
       }
-
-      return keys;
+      return keys2;
     };
-
-    var genDefaultKeys = () => [...genBasicKeys(), {
+    const genDefaultKeys = () => [...genBasicKeys(), {
       text: props.extraKey,
-      type: 'extra'
+      type: "extra"
     }, {
       text: 0
     }, {
-      text: props.showDeleteKey ? props.deleteButtonText : '',
-      type: props.showDeleteKey ? 'delete' : ''
+      text: props.showDeleteKey ? props.deleteButtonText : "",
+      type: props.showDeleteKey ? "delete" : ""
     }];
-
-    var genCustomKeys = () => {
-      var keys = genBasicKeys();
-      var {
+    const genCustomKeys = () => {
+      const keys2 = genBasicKeys();
+      const {
         extraKey
       } = props;
-      var extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
-
+      const extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
       if (extraKeys.length === 1) {
-        keys.push({
+        keys2.push({
           text: 0,
           wider: true
         }, {
           text: extraKeys[0],
-          type: 'extra'
+          type: "extra"
         });
       } else if (extraKeys.length === 2) {
-        keys.push({
+        keys2.push({
           text: extraKeys[0],
-          type: 'extra'
+          type: "extra"
         }, {
           text: 0
         }, {
           text: extraKeys[1],
-          type: 'extra'
+          type: "extra"
         });
       }
-
-      return keys;
+      return keys2;
     };
-
-    var keys = (0, _vue.computed)(() => props.theme === 'custom' ? genCustomKeys() : genDefaultKeys());
-
-    var onBlur = () => {
+    const keys = (0, import_vue2.computed)(() => props.theme === "custom" ? genCustomKeys() : genDefaultKeys());
+    const onBlur = () => {
       if (props.show) {
-        emit('blur');
+        emit("blur");
       }
     };
-
-    var onClose = () => {
-      emit('close');
-
+    const onClose = () => {
+      emit("close");
       if (props.blurOnClose) {
         onBlur();
       }
     };
-
-    var onAnimationEnd = () => emit(props.show ? 'show' : 'hide');
-
-    var onPress = (text, type) => {
-      if (text === '') {
-        if (type === 'extra') {
+    const onAnimationEnd = () => emit(props.show ? "show" : "hide");
+    const onPress = (text, type) => {
+      if (text === "") {
+        if (type === "extra") {
           onBlur();
         }
-
         return;
       }
-
-      var value = props.modelValue;
-
-      if (type === 'delete') {
-        emit('delete');
-        emit('update:modelValue', value.slice(0, value.length - 1));
-      } else if (type === 'close') {
+      const value = props.modelValue;
+      if (type === "delete") {
+        emit("delete");
+        emit("update:modelValue", value.slice(0, value.length - 1));
+      } else if (type === "close") {
         onClose();
       } else if (value.length < props.maxlength) {
-        emit('input', text);
-        emit('update:modelValue', value + text);
+        emit("input", text);
+        emit("update:modelValue", value + text);
       }
     };
-
-    var renderTitle = () => {
-      var {
+    const renderTitle = () => {
+      const {
         title,
         theme,
         closeButtonText
       } = props;
-      var leftSlot = slots['title-left'];
-      var showClose = closeButtonText && theme === 'default';
-      var showTitle = title || showClose || leftSlot;
-
+      const leftSlot = slots["title-left"];
+      const showClose = closeButtonText && theme === "default";
+      const showTitle = title || showClose || leftSlot;
       if (!showTitle) {
         return;
       }
-
-      return (0, _vue.createVNode)("div", {
-        "class": bem('header')
-      }, [leftSlot && (0, _vue.createVNode)("span", {
-        "class": bem('title-left')
-      }, [leftSlot()]), title && (0, _vue.createVNode)("h2", {
-        "class": bem('title')
-      }, [title]), showClose && (0, _vue.createVNode)("button", {
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("header")
+      }, [leftSlot && (0, import_vue.createVNode)("span", {
+        "class": bem("title-left")
+      }, [leftSlot()]), title && (0, import_vue.createVNode)("h2", {
+        "class": bem("title")
+      }, [title]), showClose && (0, import_vue.createVNode)("button", {
         "type": "button",
-        "class": [bem('close'), _utils.HAPTICS_FEEDBACK],
+        "class": [bem("close"), import_utils.HAPTICS_FEEDBACK],
         "onClick": onClose
       }, [closeButtonText])]);
     };
-
-    var renderKeys = () => keys.value.map(key => {
-      var keySlots = {};
-
-      if (key.type === 'delete') {
+    const renderKeys = () => keys.value.map((key) => {
+      const keySlots = {};
+      if (key.type === "delete") {
         keySlots.default = slots.delete;
       }
-
-      if (key.type === 'extra') {
-        keySlots.default = slots['extra-key'];
+      if (key.type === "extra") {
+        keySlots.default = slots["extra-key"];
       }
-
-      return (0, _vue.createVNode)(_NumberKeyboardKey.default, {
+      return (0, import_vue.createVNode)(import_NumberKeyboardKey.default, {
         "key": key.text,
         "text": key.text,
         "type": key.type,
@@ -191,19 +178,18 @@ var _default = (0, _vue.defineComponent)({
         "onPress": onPress
       }, keySlots);
     });
-
-    var renderSidebar = () => {
-      if (props.theme === 'custom') {
-        return (0, _vue.createVNode)("div", {
-          "class": bem('sidebar')
-        }, [props.showDeleteKey && (0, _vue.createVNode)(_NumberKeyboardKey.default, {
+    const renderSidebar = () => {
+      if (props.theme === "custom") {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("sidebar")
+        }, [props.showDeleteKey && (0, import_vue.createVNode)(import_NumberKeyboardKey.default, {
           "large": true,
           "text": props.deleteButtonText,
           "type": "delete",
           "onPress": onPress
         }, {
           delete: slots.delete
-        }), (0, _vue.createVNode)(_NumberKeyboardKey.default, {
+        }), (0, import_vue.createVNode)(import_NumberKeyboardKey.default, {
           "large": true,
           "text": props.closeButtonText,
           "type": "close",
@@ -213,53 +199,45 @@ var _default = (0, _vue.defineComponent)({
         }, null)]);
       }
     };
-
-    (0, _vue.watch)(() => props.show, value => {
+    (0, import_vue2.watch)(() => props.show, (value) => {
       if (!props.transition) {
-        emit(value ? 'show' : 'hide');
+        emit(value ? "show" : "hide");
       }
     });
-
     if (props.hideOnClickOutside) {
-      (0, _use.useClickAway)(root, onBlur, {
-        eventName: 'touchstart'
+      (0, import_use.useClickAway)(root, onBlur, {
+        eventName: "touchstart"
       });
     }
-
     return () => {
-      var Title = renderTitle();
-      var Content = (0, _vue.createVNode)(_vue.Transition, {
-        "name": props.transition ? 'van-slide-up' : ''
+      const Title = renderTitle();
+      const Content = (0, import_vue.createVNode)(import_vue2.Transition, {
+        "name": props.transition ? "van-slide-up" : ""
       }, {
-        default: () => [(0, _vue.withDirectives)((0, _vue.createVNode)("div", {
+        default: () => [(0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
           "ref": root,
-          "style": (0, _utils.getZIndexStyle)(props.zIndex),
+          "style": (0, import_utils.getZIndexStyle)(props.zIndex),
           "class": bem({
             unfit: !props.safeAreaInsetBottom,
-            'with-title': !!Title
+            "with-title": !!Title
           }),
-          "onTouchstart": _utils.stopPropagation,
+          "onTouchstart": import_utils.stopPropagation,
           "onAnimationend": onAnimationEnd,
           "onWebkitAnimationEnd": onAnimationEnd
-        }, [Title, (0, _vue.createVNode)("div", {
-          "class": bem('body')
-        }, [(0, _vue.createVNode)("div", {
-          "class": bem('keys')
-        }, [renderKeys()]), renderSidebar()])]), [[_vue.vShow, props.show]])]
+        }, [Title, (0, import_vue.createVNode)("div", {
+          "class": bem("body")
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("keys")
+        }, [renderKeys()]), renderSidebar()])]), [[import_vue.vShow, props.show]])]
       });
-
       if (props.teleport) {
-        return (0, _vue.createVNode)(_vue.Teleport, {
+        return (0, import_vue.createVNode)(import_vue2.Teleport, {
           "to": props.teleport
         }, {
           default: () => [Content]
         });
       }
-
       return Content;
     };
   }
-
 });
-
-exports.default = _default;

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

@@ -7,22 +7,14 @@ declare const _default: import("vue").DefineComponent<{
     wider: BooleanConstructor;
     large: BooleanConstructor;
     loading: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "press"[], "press", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    type?: unknown;
-    text?: unknown;
-    color?: unknown;
-    wider?: unknown;
-    large?: unknown;
-    loading?: unknown;
-} & {
-    large: boolean;
-    loading: boolean;
-    wider: boolean;
-} & {
-    text?: string | number | undefined;
-    color?: string | undefined;
-    type?: KeyType | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "press"[], "press", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: PropType<KeyType>;
+    text: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
+    wider: BooleanConstructor;
+    large: BooleanConstructor;
+    loading: BooleanConstructor;
+}>> & {
     onPress?: ((...args: any[]) => any) | undefined;
 }, {
     large: boolean;

package/lib/number-keyboard/NumberKeyboardKey.js

@@ -1,118 +1,117 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _useTouch = require("../composables/use-touch");
-
-var _loading = require("../loading");
-
-var [name, bem] = (0, _utils.createNamespace)('key');
-var CollapseIcon = (0, _vue.createVNode)("svg", {
-  "class": bem('collapse-icon'),
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use_touch = __toModule(require("../composables/use-touch"));
+var import_loading = __toModule(require("../loading"));
+const [name, bem] = (0, import_utils.createNamespace)("key");
+const CollapseIcon = (0, import_vue.createVNode)("svg", {
+  "class": bem("collapse-icon"),
   "viewBox": "0 0 30 24"
-}, [(0, _vue.createVNode)("path", {
+}, [(0, import_vue.createVNode)("path", {
   "d": "M26 13h-2v2h2v-2zm-8-3h2V8h-2v2zm2-4h2V4h-2v2zm2 4h4V4h-2v4h-2v2zm-7 14 3-3h-6l3 3zM6 13H4v2h2v-2zm16 0H8v2h14v-2zm-12-3h2V8h-2v2zM28 0l1 1 1 1v15l-1 2H1l-1-2V2l1-1 1-1zm0 2H2v15h26V2zM6 4v2H4V4zm10 2h2V4h-2v2zM8 9v1H4V8zm8 0v1h-2V8zm-6-5v2H8V4zm4 0v2h-2V4z",
   "fill": "currentColor"
 }, null)]);
-var DeleteIcon = (0, _vue.createVNode)("svg", {
-  "class": bem('delete-icon'),
+const DeleteIcon = (0, import_vue.createVNode)("svg", {
+  "class": bem("delete-icon"),
   "viewBox": "0 0 32 22"
-}, [(0, _vue.createVNode)("path", {
+}, [(0, import_vue.createVNode)("path", {
   "d": "M28 0a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H10.4a2 2 0 0 1-1.4-.6L1 13.1c-.6-.5-.9-1.3-.9-2 0-1 .3-1.7.9-2.2L9 .6a2 2 0 0 1 1.4-.6zm0 2H10.4l-8.2 8.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7l8.2 8.4H28a2 2 0 0 0 2-2V4c0-1.1-.9-2-2-2zm-5 4a1 1 0 0 1 .7.3 1 1 0 0 1 0 1.4L20.4 11l3.3 3.3c.2.2.3.5.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3L19 12.4l-3.4 3.3a1 1 0 0 1-.6.3 1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.2.1-.5.3-.7l3.3-3.3-3.3-3.3A1 1 0 0 1 14 7c0-.3.1-.5.3-.7A1 1 0 0 1 15 6a1 1 0 0 1 .6.3L19 9.6l3.3-3.3A1 1 0 0 1 23 6z",
   "fill": "currentColor"
 }, null)]);
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: {
     type: String,
-    text: _utils.numericProp,
+    text: import_utils.numericProp,
     color: String,
     wider: Boolean,
     large: Boolean,
     loading: Boolean
   },
-  emits: ['press'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var active = (0, _vue.ref)(false);
-    var touch = (0, _useTouch.useTouch)();
-
-    var onTouchStart = event => {
+  emits: ["press"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const active = (0, import_vue2.ref)(false);
+    const touch = (0, import_use_touch.useTouch)();
+    const onTouchStart = (event) => {
       touch.start(event);
       active.value = true;
     };
-
-    var onTouchMove = event => {
+    const onTouchMove = (event) => {
       touch.move(event);
-
       if (touch.direction.value) {
         active.value = false;
       }
     };
-
-    var onTouchEnd = event => {
+    const onTouchEnd = (event) => {
       if (active.value) {
-        // eliminate tap delay on safari
-        // see: https://github.com/youzan/vant/issues/6836
         if (!slots.default) {
-          (0, _utils.preventDefault)(event);
+          (0, import_utils.preventDefault)(event);
         }
-
         active.value = false;
-        emit('press', props.text, props.type);
+        emit("press", props.text, props.type);
       }
     };
-
-    var renderContent = () => {
+    const renderContent = () => {
       if (props.loading) {
-        return (0, _vue.createVNode)(_loading.Loading, {
-          "class": bem('loading-icon')
+        return (0, import_vue.createVNode)(import_loading.Loading, {
+          "class": bem("loading-icon")
         }, null);
       }
-
-      var text = slots.default ? slots.default() : props.text;
-
+      const text = slots.default ? slots.default() : props.text;
       switch (props.type) {
-        case 'delete':
+        case "delete":
           return text || DeleteIcon;
-
-        case 'extra':
+        case "extra":
           return text || CollapseIcon;
-
         default:
           return text;
       }
     };
-
-    return () => (0, _vue.createVNode)("div", {
-      "class": bem('wrapper', {
+    return () => (0, import_vue.createVNode)("div", {
+      "class": bem("wrapper", {
         wider: props.wider
       }),
       "onTouchstart": onTouchStart,
       "onTouchmove": onTouchMove,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
-    }, [(0, _vue.createVNode)("div", {
+    }, [(0, import_vue.createVNode)("div", {
       "role": "button",
       "tabindex": 0,
       "class": bem([props.color, {
         large: props.large,
         active: active.value,
-        delete: props.type === 'delete'
+        delete: props.type === "delete"
       }])
     }, [renderContent()])]);
   }
-
 });
-
-exports.default = _default;

package/lib/number-keyboard/index.css

@@ -1 +1 @@
-:root{--van-number-keyboard-background-color:var(--van-gray-2);--van-number-keyboard-key-height:48px;--van-number-keyboard-key-font-size:28px;--van-number-keyboard-key-active-color:var(--van-gray-3);--van-number-keyboard-key-background-color:var(--van-background-color-light);--van-number-keyboard-delete-font-size:var(--van-font-size-lg);--van-number-keyboard-title-color:var(--van-gray-7);--van-number-keyboard-title-height:34px;--van-number-keyboard-title-font-size:var(--van-font-size-lg);--van-number-keyboard-close-padding:0 var(--van-padding-md);--van-number-keyboard-close-color:var(--van-text-link-color);--van-number-keyboard-close-font-size:var(--van-font-size-md);--van-number-keyboard-button-text-color:var(--van-white);--van-number-keyboard-button-background-color:var(--van-primary-color);--van-number-keyboard-z-index:100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background-color);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}
+:root{--van-number-keyboard-background-color: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background-color: var(--van-background-color-light);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-text-link-color);--van-number-keyboard-close-font-size: var(--van-font-size-md);--van-number-keyboard-button-text-color: var(--van-white);--van-number-keyboard-button-background-color: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background-color);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}