@pisell/materials 6.4.7 → 6.4.9

package/es/components/productCard/cartSkuCard/index.js

@@ -175,7 +175,7 @@ var CartSkuCard = function CartSkuCard(props) {
     }
     return renderA2();
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'a2' ? /*#__PURE__*/React.createElement(SwipeAction, {
+  return /*#__PURE__*/React.createElement(SwipeAction, {
     closeOnAction: false,
     className: classNames("".concat(PREFIX, "-wrapper")),
     rightActions: _rightActions,
@@ -187,15 +187,6 @@ var CartSkuCard = function CartSkuCard(props) {
       e.stopPropagation();
       onCard === null || onCard === void 0 || onCard(dataSource);
     }
-  }, renderContent())) : /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(PREFIX, "-wrapper"))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(PREFIX, "".concat(PREFIX, "-").concat(type)),
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      onCard === null || onCard === void 0 || onCard(dataSource);
-    }
-  }, renderContent())));
+  }, renderContent()));
 };
 export default CartSkuCard;

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/es/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("filters" | "filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/components/table/Table/utils.js

@@ -347,7 +347,28 @@ export var setFormValuesToLocalStorage = function setFormValuesToLocalStorage(_r
  * @returns 返回格式化后的表格键值
  */
 var getTableKey = function getTableKey(tableId) {
-  return "".concat(tableKeyPrefix, "-").concat(tableId);
+  // 兼容非浏览器环境（如SSR/测试）
+  if (typeof window === "undefined" || typeof window.location === "undefined") {
+    return "".concat(tableKeyPrefix, "-").concat(tableId);
+  }
+  var _window$location = window.location,
+    pathname = _window$location.pathname,
+    search = _window$location.search;
+  var appendPath = pathname || "/";
+
+  // 仅用于读取 memory_key，其余查询参数忽略
+  var memoryKey = "";
+  try {
+    var _params = new URLSearchParams(search || "");
+    var mk = _params.get("memory_key");
+    if (mk && mk.trim() !== "") {
+      memoryKey = mk.trim();
+    }
+  } catch (e) {
+    // 忽略解析异常，降级为仅使用 pathname
+  }
+  var urlPart = memoryKey ? "".concat(appendPath, "#").concat(memoryKey) : appendPath;
+  return "".concat(tableKeyPrefix, "-").concat(tableId, "-").concat(urlPart);
 };
 
 /**

package/es/components/table/hooks/useTableSetting.d.ts

@@ -1,5 +1,5 @@
 import { FilterType } from "../../filter/types";
-import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType, ExportImportModeType } from "../types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType, ExportImportModeType, LocalSettingsType } from "../types";
 declare type UseTableSettingProps = {
     tableId?: string;
     filter: FilterType;
@@ -12,11 +12,10 @@ declare type UseTableSettingProps = {
     gallery?: GallerySettingType;
     currentSettingHash: string;
     exportImport?: ExportImportModeType;
+    localSettings?: LocalSettingsType;
 };
 declare const useTableSetting: (params: UseTableSettingProps) => {
     setTableSetting: (values: Record<string, any>) => void;
-    tableSetting: {
-        [x: string]: any;
-    };
+    tableSetting: any;
 };
 export default useTableSetting;

package/es/components/table/hooks/useTableSetting.js

@@ -5,8 +5,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { useMemo } from "react";
-import { getSettingKeyArrByMode, getTableSettingByCurrentViewMode, getTableSettingFromLocalStorage, mergeColumnSetting, mergeFilterSetting, setFormValuesToLocalStorage } from "../Table/utils";
+import { getSettingKeyArrByMode, getTableSettingByCurrentViewMode, getTableSettingFromLocalStorage, mergeColumnSetting, mergeFilterSetting, setTableSettingToLocalStorage, setFormValuesToLocalStorage } from "../Table/utils";
 import { useMemoizedFn } from "ahooks";
+import React from "react";
 var useTableSetting = function useTableSetting(params) {
   var tableId = params.tableId,
     filter = params.filter,
@@ -18,7 +19,8 @@ var useTableSetting = function useTableSetting(params) {
     propsColumns = params.columns,
     gallery = params.gallery,
     currentSettingHash = params.currentSettingHash,
-    exportImport = params.exportImport;
+    exportImport = params.exportImport,
+    localSettings = params.localSettings;
   var columnsMap = useMemo(function () {
     return new Map(propsColumns.map(function (item) {
       return [item.key, item];
@@ -60,7 +62,8 @@ var useTableSetting = function useTableSetting(params) {
    * 获取需要本地存储的 keyArr
    */
   var localStorageSettingKeyArr = useMemo(function () {
-    return getSettingKeyArrByMode({
+    var _localSettings$scope;
+    var keys = getSettingKeyArrByMode({
       filter: filter,
       columnSetting: columnSetting,
       dataSourceGroup: dataSourceGroup,
@@ -68,6 +71,13 @@ var useTableSetting = function useTableSetting(params) {
       mode: "localStorage",
       currentViewMode: currentViewMode
     });
+    // 本地记忆：filters 范围 -> 存储到 filter 字段
+    if (localSettings !== null && localSettings !== void 0 && localSettings.enable && (_localSettings$scope = localSettings.scope) !== null && _localSettings$scope !== void 0 && _localSettings$scope.includes("filters")) {
+      if (!keys.includes("filters")) {
+        keys.push("filters");
+      }
+    }
+    return keys;
   }, [tableId, filter, columnSetting, dataSourceGroup, sort, currentViewMode]);
   var defaultKeyArr = useMemo(function () {
     return getSettingKeyArrByMode({
@@ -117,6 +127,8 @@ var useTableSetting = function useTableSetting(params) {
           compactMode: (mergedSetting === null || mergedSetting === void 0 || (_mergedSetting$item3 = mergedSetting[item]) === null || _mergedSetting$item3 === void 0 ? void 0 : _mergedSetting$item3.compactMode) || defaultGalleryCoverSetting.compactMode,
           isShowLabel: (_mergedSetting$item$i = mergedSetting === null || mergedSetting === void 0 || (_mergedSetting$item4 = mergedSetting[item]) === null || _mergedSetting$item4 === void 0 ? void 0 : _mergedSetting$item4.isShowLabel) !== null && _mergedSetting$item$i !== void 0 ? _mergedSetting$item$i : defaultGalleryCoverSetting.isShowLabel
         });
+      } else if (item === "filters") {
+        setting[item] = (mergedSetting === null || mergedSetting === void 0 ? void 0 : mergedSetting[item]) || {};
       } else {
         setting[item] = mergedSetting === null || mergedSetting === void 0 ? void 0 : mergedSetting[item];
       }
@@ -158,17 +170,113 @@ var useTableSetting = function useTableSetting(params) {
    * @param values
    */
   var setTableSetting = useMemoizedFn(function (values) {
+    var _localSettings$scope2;
+    // 计算需要存储的 filter 值（仅当开启本地记忆且包含 filters 时）
+    var valuesForSave = values;
+    if (localSettings !== null && localSettings !== void 0 && localSettings.enable && (_localSettings$scope2 = localSettings.scope) !== null && _localSettings$scope2 !== void 0 && _localSettings$scope2.includes("filters")) {
+      var excluded = new Set((localSettings === null || localSettings === void 0 ? void 0 : localSettings.excludedFilterFields) || []);
+      var filterValue = {};
+      ((filter === null || filter === void 0 ? void 0 : filter.list) || []).forEach(function (item) {
+        var rawName = item === null || item === void 0 ? void 0 : item.name;
+        if (!rawName) return;
+        var key = Array.isArray(rawName) ? rawName.join(",") : String(rawName);
+        if (excluded.has(key)) return;
+        if (values.hasOwnProperty(key)) {
+          filterValue[key] = values[key];
+        }
+      });
+      valuesForSave = _objectSpread(_objectSpread({}, values), {}, {
+        filters: filterValue
+      });
+    }
     setFormValuesToLocalStorage({
       tableId: tableId,
-      allValues: values,
+      allValues: valuesForSave,
       keys: localStorageSettingKeyArr,
       currentViewMode: currentViewMode,
       currentSettingHash: currentSettingHash
     });
   });
   var tableSetting = useMemo(function () {
-    return _objectSpread(_objectSpread({}, tableLocalSetting), defaultTableSetting);
+    var _localSettings$scope3;
+    var merged = _objectSpread(_objectSpread({}, tableLocalSetting), defaultTableSetting);
+    // 将本地记忆的 filter 扁平化注入初始表单值（不改变存储结构）
+    if (localSettings !== null && localSettings !== void 0 && localSettings.enable && (_localSettings$scope3 = localSettings.scope) !== null && _localSettings$scope3 !== void 0 && _localSettings$scope3.includes("filters")) {
+      var persistedFilter = tableLocalSetting === null || tableLocalSetting === void 0 ? void 0 : tableLocalSetting.filters;
+      if (persistedFilter && _typeof(persistedFilter) === "object") {
+        return _objectSpread(_objectSpread({}, merged), persistedFilter);
+      }
+    }
+    return merged;
   }, [tableLocalSetting, defaultTableSetting]);
+
+  /**
+   * 当刷新后获得新的 localSettings（scope 或 excludedFilterFields 变化）时，
+   * 根据最新规则调整已存储的 filters
+   */
+  // 对本地已存储 filters 做一次对齐（仅在必要时写回）
+  useMemo(function () {
+    try {
+      var _localSettings$scope4;
+      if (!tableId) return;
+      var current = getTableSettingByCurrentViewMode(tableId, currentViewMode) || {};
+      var persistedFilters = (current === null || current === void 0 ? void 0 : current.filters) || {};
+      var nextFilters = _objectSpread({}, persistedFilters);
+      var shouldUpdate = false;
+      var enableFiltersMemory = !!(localSettings !== null && localSettings !== void 0 && localSettings.enable && (_localSettings$scope4 = localSettings.scope) !== null && _localSettings$scope4 !== void 0 && _localSettings$scope4.includes("filters"));
+      if (!enableFiltersMemory) {
+        if (Object.keys(persistedFilters || {}).length > 0) {
+          nextFilters = {};
+          shouldUpdate = true;
+        }
+      } else {
+        var names = new Set();
+        if ( /*#__PURE__*/React.isValidElement(filter)) {
+          names = new Set(((filter === null || filter === void 0 ? void 0 : filter.__items) || []).filter(function (item) {
+            return !item.isHidden;
+          }).map(function (item) {
+            var rawName = item === null || item === void 0 ? void 0 : item.value;
+            if (!rawName) return undefined;
+            return Array.isArray(rawName) ? rawName.join(",") : String(rawName);
+          }));
+        } else {
+          names = new Set(((filter === null || filter === void 0 ? void 0 : filter.list) || []).map(function (item) {
+            var rawName = item === null || item === void 0 ? void 0 : item.name;
+            if (!rawName) return undefined;
+            return Array.isArray(rawName) ? rawName.join(",") : String(rawName);
+          }).filter(Boolean));
+        }
+        var excluded = new Set((localSettings === null || localSettings === void 0 ? void 0 : localSettings.excludedFilterFields) || []);
+        var allowed = new Set(Array.from(names).filter(function (k) {
+          return !excluded.has(k);
+        }));
+        var filtered = {};
+        Object.keys(persistedFilters || {}).forEach(function (k) {
+          if (allowed.has(k)) {
+            filtered[k] = persistedFilters[k];
+          } else {
+            shouldUpdate = true;
+          }
+        });
+        if (Object.keys(filtered).length !== Object.keys(persistedFilters || {}).length) {
+          shouldUpdate = true;
+        }
+        nextFilters = filtered;
+      }
+      if (shouldUpdate) {
+        setTableSettingToLocalStorage({
+          tableId: tableId,
+          tableSettingObj: {
+            filters: nextFilters
+          },
+          currentViewMode: currentViewMode,
+          currentSettingHash: currentSettingHash
+        });
+      }
+    } catch (e) {
+      // ignore
+    }
+  }, []);
   return {
     setTableSetting: setTableSetting,
     tableSetting: tableSetting

package/es/components/table/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["dataSource", "columns", "dispatch", "style", "filter", "sort", "buttons", "actionButtons", "title", "showTitle", "subTitle", "showSubTitle", "summary", "onValuesChange", "columnSetting", "dataSourceGroup", "view", "gallery", "currentSettingKey", "exportImport", "currentComponentId", "tabs"];
+var _excluded = ["dataSource", "columns", "dispatch", "style", "filter", "sort", "buttons", "actionButtons", "title", "showTitle", "subTitle", "showSubTitle", "summary", "onValuesChange", "columnSetting", "dataSourceGroup", "localSettings", "view", "gallery", "currentSettingKey", "exportImport", "currentComponentId", "tabs"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -24,7 +24,7 @@ import useEngineContext from "../../hooks/useEngineContext";
 import Actions from "./Actions";
 import Header from "./Header";
 import Summary from "./Summary";
-import { clearTableSettingToLocalStorage, getCurrentViewModeFromLocalStorage, getHash, getTableSettingFromLocalStorage, mergeColumnSetting, omit, stringify } from "./Table/utils";
+import { clearTableSettingToLocalStorage, getCurrentViewModeFromLocalStorage, getTableSettingByCurrentViewMode, getHash, getTableSettingFromLocalStorage, mergeColumnSetting, omit, stringify } from "./Table/utils";
 import View from "./View";
 import useTableSetting from "./hooks/useTableSetting";
 import useTransDataSourceGroupSetting from "./hooks/useTransDataSourceGroupSetting";
@@ -58,6 +58,7 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     _onValuesChange = props.onValuesChange,
     columnSetting = props.columnSetting,
     propsDataSourceGroup = props.dataSourceGroup,
+    _localSettings = props.localSettings,
     _props$view = props.view,
     view = _props$view === void 0 ? defaultView : _props$view,
     gallery = props.gallery,
@@ -162,7 +163,8 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
       view: view,
       currentViewMode: currentViewMode,
       gallery: gallery,
-      currentSettingHash: currentSettingHash
+      currentSettingHash: currentSettingHash,
+      localSettings: _localSettings
     }),
     setTableSetting = _useTableSetting.setTableSetting,
     tableSetting = _useTableSetting.tableSetting;
@@ -246,6 +248,15 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
   useImperativeHandle(ref, function () {
     if (wrapRef.current) {
       wrapRef.current.formInstance = form;
+      wrapRef.current.getCachedFilters = function () {
+        try {
+          if (!tableId) return {};
+          var setting = getTableSettingByCurrentViewMode(tableId, currentViewMode);
+          return (setting === null || setting === void 0 ? void 0 : setting.filters) || {};
+        } catch (e) {
+          return {};
+        }
+      };
     }
     // forwardRef 后需要返回元素才能选中
     return wrapRef.current;

package/es/components/table/types.d.ts

@@ -191,6 +191,21 @@ export declare type ExportImportType = {
     apiUrl?: ApiProps;
     otherParams?: any;
 };
+/**
+ * 设置记忆范围
+ */
+export declare type LocalSettingsScope = "filters" | "sorting" | "columns";
+/**
+ * 本地记忆设置
+ */
+export declare type LocalSettingsType = {
+    /** 启用设置记忆 */
+    enable: boolean;
+    /** 记忆范围 */
+    scope: LocalSettingsScope[];
+    /** 不需要记忆的筛选字段（当 scope 包含 filters 时生效） */
+    excludedFilterFields?: string[];
+};
 export declare type GridViewProps = {
     columns: any;
     dataSource: any[];
@@ -247,5 +262,7 @@ export declare type GridViewProps = {
             sortBy?: string;
         }[];
     };
+    /** 本地记忆设置 */
+    localSettings?: LocalSettingsType;
 };
 export {};

package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,7 +1,11 @@
-import "./Presets.less";
+import React from 'react';
+import './Presets.less';
 export declare type PresetsItem = {
     label: string;
     value: number | string;
+    style?: React.CSSProperties;
+    onClick?: (item: PresetsItem, _next: () => void) => void;
+    render?: (item: PresetsItem) => React.ReactNode;
 };
 export interface PresetsProps {
     presets?: PresetsItem[];

package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.js

@@ -3,20 +3,34 @@ import "./Presets.less";
 var Presets = function Presets(props) {
   var presets = props.presets,
     onChange = props.onChange;
+  var handleItemClick = function handleItemClick(item) {
+    if (item.onClick) {
+      var _next2 = function _next2() {
+        return onChange("".concat(item.value));
+      };
+      item.onClick(item, _next2);
+    } else {
+      onChange("".concat(item.value));
+    }
+  };
   return useMemo(function () {
     if (!(presets !== null && presets !== void 0 && presets.length)) {
       return null;
     }
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-virtual-keyboard-preset"
-    }, presets.map(function (item) {
-      return /*#__PURE__*/React.createElement("div", {
+    }, presets.map(function (item, index) {
+      var _item$render;
+      var itemProps = {
+        key: index,
+        className: 'pisell-virtual-keyboard-preset-item',
+        style: item.style,
         onClick: function onClick() {
-          return onChange("".concat(item.value));
-        },
-        className: "pisell-virtual-keyboard-preset-item"
-      }, item.label);
+          return handleItemClick(item);
+        }
+      };
+      return /*#__PURE__*/React.createElement("div", itemProps, ((_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item)) || item.label);
     }));
-  }, [presets]);
+  }, [presets, onChange]);
 };
 export default Presets;

package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.less

@@ -1,18 +1,22 @@
 .pisell-virtual-keyboard-preset {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
   gap: 7px;
-  flex-wrap: wrap;
   margin-bottom: 8px;
+
   .pisell-virtual-keyboard-preset-item {
     display: flex;
-    flex: 1;
     padding: 12px 20px;
     align-items: center;
     justify-content: center;
-    height: 48px;
+    height: 40px;
     border-radius: 8px;
-    border: 1px solid var(--Gray-300, #D0D5DD);
+    border: 1px solid var(--Gray-300, #E9D7FE);
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     background: var(--Primary-25, #FCFAFF);
+    font-weight: 600;
+    color: #6941C6;
+    cursor: pointer;
+    position: relative;
   }
 }

package/es/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { PresetsProps } from './Presets';
+import { KeyboardProps } from '../Keyboard';
 import { RightItemsStyleProps } from '../Amount';
 import './index.less';
 export interface BaseNumberKeyboardProps {
@@ -16,6 +17,9 @@ export interface BaseNumberKeyboardProps {
     presets?: PresetsProps['presets'];
     defaultSelect?: boolean;
     rightItemsStyle?: RightItemsStyleProps;
+    customDisplay?: React.ReactNode | ((props: any) => React.ReactNode);
+    keyboardProps?: KeyboardProps;
+    style?: React.CSSProperties;
 }
 declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
 export default BaseNumberKeyboard;

package/es/components/virtual-keyboard/BaseNumberKeyboard/index.js

@@ -1,4 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -93,7 +94,9 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
     onEnter = props.onEnter,
     presets = props.presets,
     defaultSelect = props.defaultSelect,
-    rightItemsStyle = props.rightItemsStyle;
+    rightItemsStyle = props.rightItemsStyle,
+    customDisplay = props.customDisplay,
+    style = props.style;
   var _useControllableValue = useControllableValue(props, {
       defaultValue: defaultValue
     }),
@@ -173,6 +176,8 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
     }
   };
   var handleChangeValue = function handleChangeValue(val) {
+    var _val;
+    val = typeof val === 'string' ? val : ((_val = val) === null || _val === void 0 || (_val = _val.target) === null || _val === void 0 ? void 0 : _val.value) || '';
     var detail = checkValue(val);
     if (detail) return;
     setValue(val);
@@ -205,37 +210,51 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
   var handleKeyboardChange = useMemoizedFn(function (val) {
     return (actions[val] || actions.default)(val);
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pisell-virtual-keyboard-base"
-  }, /*#__PURE__*/React.createElement(VirtualKeyInput, {
-    value: value,
-    onChange: function onChange(e) {
-      return handleChangeValue(e.target.value);
-    },
-    renderInput: function renderInput(props) {
-      if (isUndefined(props.value) || props.value === '') {
-        return /*#__PURE__*/React.createElement(VirtualInput, {
-          autoFocus: true,
-          placeholder: placeholder,
-          value: props.value
+  var renderDisplayField = function renderDisplayField() {
+    if (customDisplay) {
+      if (typeof customDisplay === 'function') {
+        return customDisplay({
+          value: value,
+          onChange: handleChangeValue,
+          onValueSelect: setSelect
         });
       }
-      return (format === null || format === void 0 ? void 0 : format(props.value)) || props.value;
-    },
-    showDelete: false,
-    onValueSelect: setSelect,
-    defaultSelect: defaultSelect,
-    style: {
-      backgroundColor: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.buttonBackgroundColor) || '#fff',
-      color: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.textColor) || '#000000'
+      return customDisplay;
     }
-  }), /*#__PURE__*/React.createElement(Presets, {
+    return /*#__PURE__*/React.createElement(VirtualKeyInput, {
+      value: value,
+      onChange: function onChange(e) {
+        return handleChangeValue(e.target.value);
+      },
+      renderInput: function renderInput(props) {
+        if (isUndefined(props.value) || props.value === '') {
+          return /*#__PURE__*/React.createElement(VirtualInput, {
+            autoFocus: true,
+            placeholder: placeholder,
+            value: props.value
+          });
+        }
+        return (format === null || format === void 0 ? void 0 : format(props.value)) || props.value;
+      },
+      showDelete: false,
+      onValueSelect: setSelect,
+      defaultSelect: defaultSelect,
+      style: {
+        backgroundColor: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.buttonBackgroundColor) || '#fff',
+        color: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.textColor) || '#000000'
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-virtual-keyboard-base",
+    style: style
+  }, renderDisplayField(), /*#__PURE__*/React.createElement(Presets, {
     presets: presets,
     onChange: handleChangeValue
-  }), /*#__PURE__*/React.createElement(Keyboard, {
+  }), /*#__PURE__*/React.createElement(Keyboard, _extends({
     items: itemsWithStyle,
     rightItems: rightItems,
     onChange: handleKeyboardChange
-  }));
+  }, props.keyboardProps || {})));
 };
 export default BaseNumberKeyboard;

package/es/components/virtualInput/BaseVirtualInput/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import './index.less';
+export interface BaseVirtualInputProps {
+    /** 输入值 */
+    value?: string | React.ReactNode;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否自动聚焦 */
+    autoFocus?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 组件高度，默认60px */
+    height?: number | string;
+    /** 字体大小，默认48px，如果不设置会根据高度自动计算 */
+    fontSize?: number | string;
+    /** 聚焦回调 */
+    onFocus?: () => void;
+    /** 失焦回调 */
+    onBlur?: () => void;
+    /** 文字位置 */
+    textAlign?: 'start' | 'center' | 'end';
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** showCursor  */
+    showCursor?: boolean;
+    /** 防止失焦的元素选择器或ref */
+    preventBlurElements?: Array<string | React.RefObject<HTMLElement>>;
+    /** 是否聚焦（受控模式） */
+    focused?: boolean;
+}
+export interface BaseVirtualInputRef {
+    /** 手动聚焦 */
+    focus: () => void;
+    /** 手动失焦 */
+    blur: () => void;
+}
+declare const BaseVirtualInput: React.ForwardRefExoticComponent<BaseVirtualInputProps & React.RefAttributes<BaseVirtualInputRef>>;
+export default BaseVirtualInput;