@pisell/private-materials 6.9.2 → 6.9.4

package/lib/pro/Selector/Selector.js

@@ -200,18 +200,25 @@ var Selector = (0, import_react.forwardRef)((props, ref) => {
     if (variant === "select") {
       const _value = state.values;
       const _maxCount = ruleConfig == null ? void 0 : ruleConfig.max;
+      const {
+        disabled: selectDisabled,
+        size = "large",
+        style,
+        ...rest
+      } = props.selectProps || {};
       return /* @__PURE__ */ import_react.default.createElement(
         import_antd.Select,
         {
-          size: "large",
-          style: { width: "100%" },
+          ...rest,
+          size,
+          disabled: selectDisabled || disabled,
+          style: style || { width: "100%" },
           mode: mode === "multiple" ? "multiple" : void 0,
           options,
           fieldNames,
           value: _value,
           onChange: (value) => actions.setValue(value),
-          disabled,
-          maxTagCount: _maxCount
+          maxCount: _maxCount
         }
       );
     }

package/lib/pro/Selector/demo.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectorDemo: () => JSX.Element;
 export default SelectorDemo;

package/lib/pro/Selector/hooks/usePresetItemProps.js

@@ -111,6 +111,7 @@ var usePresetItemProps = (params) => {
           content: {}
         };
         if (presetVariant === "1") {
+          defaultStyles.container.padding = "12px 16px";
           defaultStyles.content.textAlign = "center";
           baseProps = {
             selectedType: "outlined-bold"
@@ -120,6 +121,7 @@ var usePresetItemProps = (params) => {
           }
           indicator = null;
         } else if (presetVariant === "2") {
+          defaultStyles.container.padding = "12px 16px";
           baseProps = {
             selectedType: "filled"
           };

package/lib/pro/Selector/hooks/usePresetProps.js

@@ -95,7 +95,7 @@ var usePresetProps = ({
   return (0, import_react.useMemo)(() => {
     let layoutConfig = null;
     if (variant === "select" || !(preset == null ? void 0 : preset.variant)) {
-      layoutConfig = null;
+      layoutConfig = layout || null;
     } else {
       let baseLayoutConfig = null;
       let validVariants = VARIANT_MAP[variant] || [];
@@ -129,7 +129,8 @@ var usePresetProps = ({
     const shouldUseFilled = variant === "media" || variant === "card" && (preset == null ? void 0 : preset.variant) === "2";
     if (shouldUseFilled) {
       computedIndicatorProps = {
-        variant: "filled"
+        variant: "filled",
+        size: "small"
       };
     }
     if (indicatorProps) {
@@ -138,6 +139,7 @@ var usePresetProps = ({
         ...indicatorProps
       };
     }
+    console.log("layoutConfig", layoutConfig);
     return {
       layout: layoutConfig,
       indicatorProps: computedIndicatorProps

package/lib/pro/Selector/types.d.ts

@@ -192,6 +192,7 @@ export interface SelectorProps<T = OptionKey> extends GroupItem {
      */
     titleProps?: HeaderProps;
     headerProps?: HeaderProps;
+    selectProps?: any;
 }
 export interface SelectorGroupProps {
     allowedValuesPolicy?: 'relaxed' | 'strict';

package/lib/pro/comprehensiveSearch/components/searchSection/locales.js

@@ -24,15 +24,15 @@ __export(locales_exports, {
 module.exports = __toCommonJS(locales_exports);
 var locales_default = {
   en: {
-    "pisell2.comprehensive-search.placeholder": "WalletPass Code / Name / Mobile / Email / Contact info",
+    "pisell2.comprehensive-search.placeholder": "WalletPass Code / Name / Mobile / Email / Contact info / Holder",
     "pisell2.text.search": "Search"
   },
   "zh-CN": {
-    "pisell2.comprehensive-search.placeholder": "钱包码 / 姓名 / 电话 / 电子邮箱 / 联系信息",
+    "pisell2.comprehensive-search.placeholder": "钱包码 / 姓名 / 电话 / 电子邮箱 / 联系信息 / 持有人",
     "pisell2.text.search": "搜索"
   },
   "zh-HK": {
-    "pisell2.comprehensive-search.placeholder": "錢包碼 / 姓名 / 電話 / 電子郵箱 / 聯繫信息",
+    "pisell2.comprehensive-search.placeholder": "錢包碼 / 姓名 / 電話 / 電子郵箱 / 聯繫信息 / 持有人",
     "pisell2.text.search": "搜索"
   }
 };

package/lib/pro/keyboards/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NumberKeyboard } from './numberKeyboard';
+export type { NumberKeyboardProps, NumberKeyboardMode } from './numberKeyboard/types';

package/lib/pro/keyboards/index.js

@@ -0,0 +1,39 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/keyboards/index.ts
+var keyboards_exports = {};
+__export(keyboards_exports, {
+  NumberKeyboard: () => import_numberKeyboard.default
+});
+module.exports = __toCommonJS(keyboards_exports);
+var import_numberKeyboard = __toESM(require("./numberKeyboard"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NumberKeyboard
+});

package/lib/pro/keyboards/locales.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    en: {
+        'pisell2.keyboard.number-keybard.max': (max: number | string) => string;
+        'pisell2.keyboard.number-keybard.min': (min: number | string) => string;
+        'pisell2.keyboard.number-keybard.ok': string;
+        'pisell2.keyboard.number-keybard.reset': string;
+        'pisell2.keyboard.number-keybard.clear': string;
+    };
+    'zh-CN': {
+        'pisell2.keyboard.number-keybard.max': (max: number | string) => string;
+        'pisell2.keyboard.number-keybard.min': (min: number | string) => string;
+        'pisell2.keyboard.number-keybard.ok': string;
+        'pisell2.keyboard.number-keybard.reset': string;
+        'pisell2.keyboard.number-keybard.clear': string;
+    };
+    'zh-HK': {
+        'pisell2.keyboard.number-keybard.max': (max: number | string) => string;
+        'pisell2.keyboard.number-keybard.min': (min: number | string) => string;
+        'pisell2.keyboard.number-keybard.ok': string;
+        'pisell2.keyboard.number-keybard.reset': string;
+        'pisell2.keyboard.number-keybard.clear': string;
+    };
+};
+export default _default;

package/lib/pro/keyboards/locales.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/keyboards/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.keyboard.number-keybard.max": (max) => `Maximum value is ${max}`,
+    "pisell2.keyboard.number-keybard.min": (min) => `Minimum value is ${min}`,
+    "pisell2.keyboard.number-keybard.ok": "OK",
+    "pisell2.keyboard.number-keybard.reset": "Reset",
+    "pisell2.keyboard.number-keybard.clear": "Clear"
+  },
+  "zh-CN": {
+    "pisell2.keyboard.number-keybard.max": (max) => `最大值为${max}`,
+    "pisell2.keyboard.number-keybard.min": (min) => `最小值为${min}`,
+    "pisell2.keyboard.number-keybard.ok": "确认",
+    "pisell2.keyboard.number-keybard.reset": "重置",
+    "pisell2.keyboard.number-keybard.clear": "清空"
+  },
+  "zh-HK": {
+    "pisell2.keyboard.number-keybard.max": (max) => `最大值为${max}`,
+    "pisell2.keyboard.number-keybard.min": (min) => `最小值为${min}`,
+    "pisell2.keyboard.number-keybard.ok": "確認",
+    "pisell2.keyboard.number-keybard.reset": "重置",
+    "pisell2.keyboard.number-keybard.clear": "清空"
+  }
+};

package/lib/pro/keyboards/numberKeyboard/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { NumberKeyboardBaseProps, NumberKeyboardProps } from './types';
+import './index.less';
+/**
+ * NumberKeyboardBase - 数字输入键盘基础组件
+ * 支持整数模式和小数模式
+ */
+declare const NumberKeyboardBase: React.FC<NumberKeyboardBaseProps>;
+/**
+ * NumberKeyboard - 数字输入键盘
+ * 支持基础形式展示、popover 形态或 modal 形态
+ */
+declare const NumberKeyboard: (props: NumberKeyboardProps) => JSX.Element | null;
+export default NumberKeyboard;
+export { NumberKeyboardBase };
+export type { NumberKeyboardProps, NumberKeyboardBaseProps, NumberKeyboardMode, } from './types';

package/lib/pro/keyboards/numberKeyboard/index.js

@@ -0,0 +1,400 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/keyboards/numberKeyboard/index.tsx
+var numberKeyboard_exports = {};
+__export(numberKeyboard_exports, {
+  NumberKeyboardBase: () => NumberKeyboardBase,
+  default: () => numberKeyboard_default
+});
+module.exports = __toCommonJS(numberKeyboard_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_virtualInput = __toESM(require("../../../../../materials/src/components/virtualInput"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_locales = __toESM(require("../locales"));
+var import_index = require("./index.less");
+var generateSimpleUUID = () => {
+  return Math.random().toString(36).substring(2) + Date.now().toString(36);
+};
+var NumberKeyboardBase = (props) => {
+  var _a, _b;
+  const {
+    mode = "integer",
+    originalValue = "",
+    placeholder = "",
+    max,
+    min,
+    maxLength,
+    precision = 2,
+    disabled = false,
+    doneText,
+    resetText,
+    clearText,
+    label,
+    errorText,
+    style,
+    className,
+    keydown = true,
+    inputStyle,
+    inputWrapperStyle,
+    onEnter,
+    onReset
+  } = props;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  const [internalValue, setInternalValue] = (0, import_ahooks.useControllableValue)(
+    props,
+    {
+      defaultValue: ""
+    }
+  );
+  const uniqueKeyboardId = (0, import_react.useMemo)(() => {
+    return `number-keyboard-${generateSimpleUUID()}`;
+  }, []);
+  const [isSelected, setIsSelected] = (0, import_react.useState)(!!internalValue);
+  (0, import_react.useEffect)(() => {
+    if (internalValue) {
+      setIsSelected(true);
+    }
+  }, []);
+  const isOutOfRange = (0, import_react.useMemo)(() => {
+    if (!internalValue) return false;
+    const numValue = parseFloat(internalValue);
+    if (isNaN(numValue)) return false;
+    if (max !== void 0 && numValue > max) return true;
+    if (min !== void 0 && numValue < min) return true;
+    return false;
+  }, [internalValue, max, min]);
+  const errorMessage = (0, import_react.useMemo)(() => {
+    if (!isOutOfRange) return "";
+    if (errorText) return errorText;
+    const numValue = parseFloat(internalValue);
+    if (max !== void 0 && numValue > max) {
+      return import_utils.locales.getText("pisell2.keyboard.number-keybard.max")(max);
+    }
+    if (min !== void 0 && numValue < min) {
+      return import_utils.locales.getText("pisell2.keyboard.number-keybard.min")(min);
+    }
+    return "";
+  }, [isOutOfRange, errorText, internalValue, max, min]);
+  const handleValueChange = (0, import_react.useCallback)(
+    (newValue) => {
+      if (isSelected && newValue !== "") {
+        setIsSelected(false);
+      }
+      setInternalValue(newValue);
+    },
+    [isSelected, setInternalValue]
+  );
+  const handleDelete = (0, import_react.useCallback)(() => {
+    if (isSelected) {
+      setIsSelected(false);
+    }
+    if (internalValue.length > 0) {
+      handleValueChange(internalValue.slice(0, -1));
+    }
+  }, [internalValue, isSelected, handleValueChange]);
+  const handleClear = (0, import_react.useCallback)(() => {
+    handleValueChange("");
+    setIsSelected(false);
+  }, [handleValueChange]);
+  const handleReset = (0, import_react.useCallback)(() => {
+    setInternalValue(String(originalValue));
+    setIsSelected(true);
+    onReset == null ? void 0 : onReset();
+  }, [originalValue, setInternalValue, onReset]);
+  const handleDone = (0, import_react.useCallback)(() => {
+    if (isOutOfRange) return;
+    onEnter == null ? void 0 : onEnter(internalValue);
+  }, [internalValue, isOutOfRange, onEnter]);
+  const handleNumberInput = (0, import_react.useCallback)(
+    (num) => {
+      let newValue;
+      if (isSelected) {
+        newValue = num;
+        setIsSelected(false);
+      } else {
+        newValue = internalValue + num;
+      }
+      if (maxLength && newValue.replace(".", "").length > maxLength) {
+        return;
+      }
+      if (mode === "integer" && newValue.includes(".")) {
+        return;
+      }
+      if (mode === "decimal" && newValue.includes(".")) {
+        const parts = newValue.split(".");
+        if (parts[1] && parts[1].length > precision) {
+          return;
+        }
+      }
+      if (num === "." && internalValue.includes(".")) {
+        return;
+      }
+      if (newValue.length > 1 && newValue.startsWith("0") && !newValue.startsWith("0.")) {
+        newValue = newValue.replace(/^0+/, "") || "0";
+      }
+      if (num === "00") {
+        if (internalValue === "" || internalValue === "0") {
+          newValue = "0";
+        }
+      }
+      handleValueChange(newValue);
+    },
+    [internalValue, isSelected, maxLength, mode, precision, handleValueChange]
+  );
+  const handleKeyboardChange = (0, import_react.useCallback)(
+    (key) => {
+      if (key === void 0) return;
+      const keyStr = String(key);
+      switch (keyStr) {
+        case "delete":
+        case "backspace":
+          handleDelete();
+          break;
+        case "clear":
+          handleClear();
+          break;
+        case "reset":
+          handleReset();
+          break;
+        case "done":
+        case "ok":
+          handleDone();
+          break;
+        default:
+          if (/^[0-9.]$/.test(keyStr) || keyStr === "00") {
+            handleNumberInput(keyStr);
+          }
+          break;
+      }
+    },
+    [handleDelete, handleClear, handleReset, handleDone, handleNumberInput]
+  );
+  const integerKeyboardItems = (0, import_react.useMemo)(() => {
+    return [
+      { value: 1, label: "1", disabled: false, type: "text" },
+      { value: 2, label: "2", disabled: false, type: "text" },
+      { value: 3, label: "3", disabled: false, type: "text" },
+      { value: 4, label: "4", disabled: false, type: "text" },
+      { value: 5, label: "5", disabled: false, type: "text" },
+      { value: 6, label: "6", disabled: false, type: "text" },
+      { value: 7, label: "7", disabled: false, type: "text" },
+      { value: 8, label: "8", disabled: false, type: "text" },
+      { value: 9, label: "9", disabled: false, type: "text" },
+      {
+        value: "reset",
+        label: resetText || import_utils.locales.getText("pisell2.keyboard.number-keybard.reset"),
+        disabled: false,
+        type: "text",
+        style: { color: "#F04438", fontSize: 18 }
+      },
+      { value: 0, label: "0", disabled: false, type: "text" },
+      {
+        value: "done",
+        label: doneText || import_utils.locales.getText("pisell2.keyboard.number-keybard.ok"),
+        disabled: isOutOfRange,
+        type: "primary",
+        style: { fontSize: 18 }
+      }
+    ];
+  }, [resetText, doneText, isOutOfRange]);
+  const decimalKeyboardItems = (0, import_react.useMemo)(() => {
+    return [
+      { value: 1, label: "1", disabled: false, type: "text" },
+      { value: 2, label: "2", disabled: false, type: "text" },
+      { value: 3, label: "3", disabled: false, type: "text" },
+      { value: 4, label: "4", disabled: false, type: "text" },
+      { value: 5, label: "5", disabled: false, type: "text" },
+      { value: 6, label: "6", disabled: false, type: "text" },
+      { value: 7, label: "7", disabled: false, type: "text" },
+      { value: 8, label: "8", disabled: false, type: "text" },
+      { value: 9, label: "9", disabled: false, type: "text" },
+      { value: 0, label: "0", disabled: false, type: "text" },
+      { value: "00", label: "00", disabled: false, type: "text" },
+      { value: ".", label: ".", disabled: false, type: "text" }
+    ];
+  }, []);
+  const decimalRightItems = (0, import_react.useMemo)(() => {
+    return [
+      {
+        value: "clear",
+        label: clearText || import_utils.locales.getText("pisell2.keyboard.number-keybard.clear"),
+        disabled: false,
+        type: "text",
+        size: 1,
+        style: { fontSize: 18 }
+      },
+      {
+        value: "reset",
+        label: resetText || import_utils.locales.getText("pisell2.keyboard.number-keybard.reset"),
+        disabled: false,
+        type: "text",
+        size: 1,
+        style: { color: "#F04438", fontSize: 18 }
+      },
+      {
+        value: "done",
+        label: doneText || import_utils.locales.getText("pisell2.keyboard.number-keybard.ok"),
+        disabled: isOutOfRange,
+        type: "primary",
+        size: 2,
+        style: { fontSize: 18 }
+      }
+    ];
+  }, [clearText, resetText, doneText, isOutOfRange]);
+  const displayValue = (0, import_react.useMemo)(() => {
+    return internalValue || "";
+  }, [internalValue]);
+  const renderBottomContent = (0, import_react.useCallback)(() => {
+    if (isOutOfRange && errorMessage) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-number-keyboard-error-message" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-alert-circle", size: 16 }), errorMessage);
+    }
+    return null;
+  }, [errorMessage]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "pisell-number-keyboard",
+        `pisell-number-keyboard--${mode}`,
+        {
+          "pisell-number-keyboard--disabled": disabled
+        },
+        className
+      ),
+      style
+    },
+    label && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-number-keyboard-label" }, label),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-number-keyboard-input-wrapper") }, /* @__PURE__ */ import_react.default.createElement(
+      import_virtualInput.default,
+      {
+        focused: !disabled,
+        selected: isSelected && !!internalValue,
+        value: displayValue,
+        placeholder,
+        wrapperStyle: {
+          flex: 1,
+          padding: "19px 16px",
+          borderRadius: "8px",
+          backgroundColor: "white",
+          boxShadow: "0px 1px 2px rgba(16, 24, 40, 0.06)",
+          overflow: "hidden",
+          ...inputWrapperStyle
+        },
+        style: {
+          fontSize: "48px",
+          fontWeight: "bold",
+          border: "none",
+          background: "transparent",
+          width: "100%",
+          color: isOutOfRange ? "#D92D20" : void 0,
+          ...inputStyle
+        },
+        preventBlurElements: [`#${uniqueKeyboardId}`],
+        allowClear: true,
+        onClear: handleDelete,
+        textAlign: "center"
+      }
+    ), renderBottomContent()),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Keyboard,
+      {
+        id: uniqueKeyboardId,
+        className: (0, import_classnames.default)("pisell-number-keyboard-keys", {
+          "pisell-number-keyboard-keys--integer": mode === "integer",
+          "pisell-number-keyboard-keys--decimal": mode === "decimal"
+        }),
+        items: mode === "integer" ? integerKeyboardItems : decimalKeyboardItems,
+        rightItems: mode === "decimal" ? decimalRightItems : void 0,
+        keydown,
+        onChange: handleKeyboardChange
+      }
+    )
+  );
+};
+var NumberKeyboard = (props) => {
+  const { containerProps, children, ...keyboardProps } = props;
+  if (!containerProps) {
+    return /* @__PURE__ */ import_react.default.createElement(NumberKeyboardBase, { ...keyboardProps });
+  }
+  const { renderType, open, className, ...restProps } = containerProps || {};
+  if (renderType === "popover") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Popover,
+      {
+        key: `${open}`,
+        open,
+        trigger: ["click"],
+        overlayClassName: (0, import_classnames.default)(
+          "pisell-number-keyboard-popover",
+          className
+        ),
+        destroyTooltipOnHide: true,
+        overlayInnerStyle: {
+          padding: 0
+        },
+        arrow: false,
+        ...restProps,
+        content: /* @__PURE__ */ import_react.default.createElement(NumberKeyboardBase, { ...keyboardProps })
+      },
+      children
+    );
+  }
+  if (renderType === "modal") {
+    return open ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellModal,
+      {
+        platform: "pc",
+        open: true,
+        width: "unset",
+        header: null,
+        footer: false,
+        mask: false,
+        maskClosable: true,
+        bodyStyle: { padding: "0px", backgroundColor: "transparent" },
+        closeIcon: null,
+        className: (0, import_classnames.default)("pisell-number-keyboard-modal", className),
+        destroyOnHidden: true,
+        ...restProps
+      },
+      /* @__PURE__ */ import_react.default.createElement(NumberKeyboardBase, { ...keyboardProps })
+    ) : null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(NumberKeyboardBase, { ...keyboardProps });
+};
+var numberKeyboard_default = NumberKeyboard;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NumberKeyboardBase
+});