@pisell/private-materials 6.3.104 → 6.3.106

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+export interface ComprehensiveSearchProps {
+    dataSource?: any;
+    isShowScanner?: boolean;
+    isShowCamera?: boolean;
+    isShowNFC?: boolean;
+    isShowNewButton?: boolean;
+    newButtonAlign?: 'left' | 'center' | 'right';
+    newButtonText?: string;
+    newDialogDataSource?: any;
+    renderType?: 'modal' | 'drawer' | 'portal' | '';
+    containerProps?: Record<string, any>;
+    isShowSearch?: boolean;
+    isShowSearchCamera?: boolean;
+    searchIcon?: string;
+    placeholder?: string;
+    isShowSearchButton?: boolean;
+    resultDisplay?: 'list' | 'grid';
+    resultSort?: 'asc' | 'desc' | 'custom';
+    sortBy?: string;
+    style?: React.CSSProperties;
+    loading?: boolean;
+    keyword?: string;
+    onKeywordChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    onAdd?: () => void;
+    onDataChange?: (data: any) => void;
+    onRowClick?: (record: any, index: any) => void;
+}
+export interface SearchResult {
+    [key: string]: any;
+}

package/lib/pro/comprehensiveSearch/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/comprehensiveSearch/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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,38 @@
+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;
+    };
+    ja: {
+        '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;
+    };
+    pt: {
+        '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,61 @@
+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": "清空"
+  },
+  ja: {
+    "pisell2.keyboard.number-keybard.max": (max) => `最大値は${max}です`,
+    "pisell2.keyboard.number-keybard.min": (min) => `最小値は${min}です`,
+    "pisell2.keyboard.number-keybard.ok": "OK",
+    "pisell2.keyboard.number-keybard.reset": "リセット",
+    "pisell2.keyboard.number-keybard.clear": "クリア"
+  },
+  pt: {
+    "pisell2.keyboard.number-keybard.max": (max) => `Valor máximo é ${max}`,
+    "pisell2.keyboard.number-keybard.min": (min) => `Valor mínimo é ${min}`,
+    "pisell2.keyboard.number-keybard.ok": "OK",
+    "pisell2.keyboard.number-keybard.reset": "Redefinir",
+    "pisell2.keyboard.number-keybard.clear": "Limpar"
+  }
+};

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) => React.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
+});

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

@@ -0,0 +1,59 @@
+.pisell-number-keyboard-modal {
+  .ant-moda-content,
+  .pisell-lowcode-modal-content {
+    background-color: transparent;
+  }
+}
+
+.pisell-number-keyboard-popover {
+  .ant-popover-inner,
+  .pisell-lowcode-popover-inner {
+    background-color: transparent;
+  }
+}
+
+.pisell-number-keyboard {
+  padding: 10px;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  background-color: rgba(0, 0, 0, 0.7);
+  width: 344px;
+
+  &--disabled {
+    pointer-events: none;
+    opacity: 0.6;
+  }
+
+  &-label {
+    font-size: 20px;
+    font-weight: 600;
+    color: #fff;
+  }
+
+  &-error-message {
+    user-select: none;
+    font-size: 12px;
+    color: #d92d20;
+    line-height: 18px;
+    padding: 0 4px;
+  }
+}
+
+.pisell-number-keyboard-input-wrapper {
+  position: relative;
+
+  .pisell-number-keyboard-error-message {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    font-size: 12px;
+    color: #f04438;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+  }
+}