@pisell/materials 6.3.18 → 6.3.20

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

@@ -1,22 +1,18 @@
 .pisell-virtual-keyboard-preset {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  display: flex;
   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: 40px;
+    height: 48px;
     border-radius: 8px;
-    border: 1px solid var(--Gray-300, #E9D7FE);
+    border: 1px solid var(--Gray-300, #D0D5DD);
     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,6 +1,5 @@
 import React from 'react';
 import { PresetsProps } from './Presets';
-import { KeyboardProps } from '../Keyboard';
 import { RightItemsStyleProps } from '../Amount';
 import './index.less';
 export interface BaseNumberKeyboardProps {
@@ -17,9 +16,6 @@ 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,5 +1,4 @@
 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; }
@@ -94,9 +93,7 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
     onEnter = props.onEnter,
     presets = props.presets,
     defaultSelect = props.defaultSelect,
-    rightItemsStyle = props.rightItemsStyle,
-    customDisplay = props.customDisplay,
-    style = props.style;
+    rightItemsStyle = props.rightItemsStyle;
   var _useControllableValue = useControllableValue(props, {
       defaultValue: defaultValue
     }),
@@ -176,8 +173,6 @@ 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);
@@ -210,51 +205,37 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
   var handleKeyboardChange = useMemoizedFn(function (val) {
     return (actions[val] || actions.default)(val);
   });
-  var renderDisplayField = function renderDisplayField() {
-    if (customDisplay) {
-      if (typeof customDisplay === 'function') {
-        return customDisplay({
-          value: value,
-          onChange: handleChangeValue,
-          onValueSelect: setSelect
+  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
         });
       }
-      return customDisplay;
+      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(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, {
+  }), /*#__PURE__*/React.createElement(Presets, {
     presets: presets,
     onChange: handleChangeValue
-  }), /*#__PURE__*/React.createElement(Keyboard, _extends({
+  }), /*#__PURE__*/React.createElement(Keyboard, {
     items: itemsWithStyle,
     rightItems: rightItems,
     onChange: handleKeyboardChange
-  }, props.keyboardProps || {})));
+  }));
 };
 export default BaseNumberKeyboard;

package/es/components/{keyboard → virtual-keyboard/Keyboard}/index.d.ts

@@ -10,7 +10,6 @@ export interface Item {
     size?: number;
 }
 export interface KeyboardProps {
-    id?: string;
     className?: string;
     style?: React.CSSProperties;
     onChange?: (value?: ItemValue) => void;

package/es/components/virtual-keyboard/Number/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 = ["min", "max", "doneText", "resetText", "defaultValue", "placeholder", "onEnter", "selectType", "defaultSelect"];
+var _excluded = ["min", "max", "doneText", "resetText", "defaultValue", "placeholder", "onEnter", "selectType"];
 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; }
@@ -31,7 +31,6 @@ var _Number = function _Number(props) {
     onEnter = props.onEnter,
     _props$selectType = props.selectType,
     selectType = _props$selectType === void 0 ? 'light' : _props$selectType,
-    defaultSelect = props.defaultSelect,
     others = _objectWithoutProperties(props, _excluded);
   var config = usePisellConfig();
   var _useControllableValue = useControllableValue(props, {
@@ -87,13 +86,11 @@ var _Number = function _Number(props) {
     max: max,
     min: min,
     value: value,
-    defaultValue: defaultValue,
     onChange: setValue,
     placeholder: placeholder,
     doneText: doneText,
     resetText: resetText,
     onEnter: onEnter,
-    defaultSelect: defaultSelect,
     rightItemsStyle: {
       buttonBackgroundColor: configColor.buttonBackgroundColor,
       textColor: configColor.textColor,

package/es/components/virtual-keyboard/Number/themeConfig.d.ts

@@ -0,0 +1,32 @@
+export declare const numberThemeConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+};

package/es/components/virtual-keyboard/Number/types.d.ts

@@ -8,7 +8,6 @@ export interface NumberProps {
     value?: string | number;
     onChange?: (val: string | number) => void;
     onEnter?: (val: string | number) => void;
-    defaultSelect?: boolean;
     selectType?: 'light' | 'dark';
     backgroundColor?: string;
     containerBackgroundColor?: string;

package/es/components/virtual-keyboard/Time/utils.d.ts

@@ -0,0 +1,9 @@
+export declare const formatStringToTime: (value: string) => {
+    valueArray: string[];
+    valueString: string;
+    previewValueArray: string[];
+    previewValueArrayDom: JSX.Element[];
+    previewValueString: string;
+    disabled: never[];
+};
+export declare const fn: () => void;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import './index.less';
+export interface VirtualKeyInputProps extends InputProps {
+    previewValue?: string;
+    renderInput?: (props: any) => any;
+    showDelete?: boolean;
+    onValueSelect?: (selected: boolean) => void;
+    defaultSelect?: boolean;
+    style?: React.CSSProperties;
+}
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
+export default VirtualKeyInput;

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

@@ -9,17 +9,6 @@ interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
     style?: React.CSSProperties;
     onChange?: (value?: any) => void;
     value?: string;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    keyboardBackgroundColor?: string;
-    keyboardButtonBackgroundColor?: string;
-    keyboardButtonTextColor?: string;
-    keyboardButtonHoverColor?: string;
-    primaryButtonBackgroundColor?: string;
-    primaryButtonTextColor?: string;
 }
 declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
 export default VirtualKeyboard;

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

@@ -1,26 +1,9 @@
-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 = ["virtualKeyInputProps", "style", "className", "keyboardProps", "onChange", "value", "rightPanel", "selectType"];
 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; }
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useEffect, useMemo } from "react";
+import React, { useEffect } from "react";
 import Keyboard from "./Keyboard";
 import VirtualKeyInput from "./VirtualKeyInput";
 import "./index.less";
 import classNames from "classnames";
-import { setTheme } from '@pisell/utils';
-import usePisellConfig from "../pisell-config-provider/hooks/usePisellConfig";
 var items = [{
   value: 1,
   label: "1",
@@ -77,33 +60,6 @@ var items = [{
   disabled: false,
   type: "primary"
 }];
-// 默认主题配置
-var virtualKeyboardThemeConfig = {
-  dark: {
-    backgroundColor: 'rgba(0, 0, 0, 0.70)',
-    containerBackgroundColor: 'rgba(0, 0, 0, 0.40)',
-    buttonBackgroundColor: '#ffffff',
-    textColor: '#000000',
-    keyboardBackgroundColor: 'rgba(0, 0, 0, 0.40)',
-    keyboardButtonBackgroundColor: '#ffffff',
-    keyboardButtonTextColor: '#000000',
-    keyboardButtonHoverColor: '#f5f5f5',
-    primaryButtonBackgroundColor: '#4ca30d',
-    primaryButtonTextColor: '#ffffff'
-  },
-  light: {
-    backgroundColor: '#ffffff',
-    containerBackgroundColor: '#d0d5dd',
-    buttonBackgroundColor: '#ffffff',
-    textColor: '#000000',
-    keyboardBackgroundColor: '#f9f9f9',
-    keyboardButtonBackgroundColor: '#ffffff',
-    keyboardButtonTextColor: '#000000',
-    keyboardButtonHoverColor: '#f5f5f5',
-    primaryButtonBackgroundColor: '#4ca30d',
-    primaryButtonTextColor: '#ffffff'
-  }
-};
 var VirtualKeyboard = function VirtualKeyboard(props) {
   var virtualKeyInputProps = props.virtualKeyInputProps,
     style = props.style,
@@ -111,53 +67,12 @@ var VirtualKeyboard = function VirtualKeyboard(props) {
     keyboardProps = props.keyboardProps,
     onChange = props.onChange,
     value = props.value,
-    rightPanel = props.rightPanel,
-    _props$selectType = props.selectType,
-    selectType = _props$selectType === void 0 ? 'light' : _props$selectType,
-    others = _objectWithoutProperties(props, _excluded);
-  var config = usePisellConfig();
+    rightPanel = props.rightPanel;
   useEffect(function () {
     document.body.id = "body";
   }, []);
-
-  /**
-   * 配置颜色
-   * 根据 props 和 selectType 生成最终的配置颜色
-   */
-  var configColor = useMemo(function () {
-    var currentConfig = virtualKeyboardThemeConfig[selectType];
-
-    // 过滤出有效的 props 并合并到默认配置中
-    var validProps = Object.entries(props).reduce(function (acc, _ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-      if (value !== undefined && key in currentConfig) {
-        acc[key] = value;
-      }
-      return acc;
-    }, {});
-    return _objectSpread(_objectSpread({}, currentConfig), validProps);
-  }, [selectType, props]);
-  useEffect(function () {
-    setTheme({
-      '--virtual-keyboard-background-color': configColor.backgroundColor,
-      '--virtual-keyboard-container-background-color': configColor.containerBackgroundColor,
-      '--virtual-keyboard-button-background-color': configColor.buttonBackgroundColor,
-      '--virtual-keyboard-text-color': configColor.textColor,
-      '--virtual-keyboard-keyboard-background-color': configColor.keyboardBackgroundColor,
-      '--virtual-keyboard-keyboard-button-background-color': configColor.keyboardButtonBackgroundColor,
-      '--virtual-keyboard-keyboard-button-text-color': configColor.keyboardButtonTextColor,
-      '--virtual-keyboard-keyboard-button-hover-color': configColor.keyboardButtonHoverColor,
-      '--virtual-keyboard-primary-button-background-color': configColor.primaryButtonBackgroundColor,
-      '--virtual-keyboard-primary-button-text-color': configColor.primaryButtonTextColor
-    });
-  }, [configColor]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("virtual-keyboard-component", className, {
-      'virtual-keyboard-component-dark': selectType === 'dark',
-      'virtual-keyboard-component-light': selectType === 'light'
-    }),
+    className: classNames("virtual-keyboard-component", className),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames("virtual-keyboard-component-left")

package/es/components/virtual-keyboard/index.less

@@ -2,46 +2,14 @@
   display: flex;
   align-items: center;
   gap: 20px;
-  background-color: var(--virtual-keyboard-background-color, #ffffff);
-  
-  &.virtual-keyboard-component-dark {
-    background-color: var(--virtual-keyboard-background-color, rgba(0, 0, 0, 0.70));
-  }
-  
-  &.virtual-keyboard-component-light {
-    background-color: var(--virtual-keyboard-background-color, #ffffff);
-  }
 }
 
 .virtual-keyboard-component-left {
   padding: 10px;
   width: 380px;
   border-radius: 10px;
-  background: var(--virtual-keyboard-container-background-color, #D0D5DD);
+  background: var(--Gray-300, #D0D5DD);
   backdrop-filter: blur(50px);
-  
-  .pisell-virtual-keyboard-input {
-    background-color: var(--virtual-keyboard-button-background-color, #ffffff);
-    color: var(--virtual-keyboard-text-color, #000000);
-  }
-  
-  .pisell-keyboard {
-    background-color: var(--virtual-keyboard-keyboard-background-color, #f9f9f9);
-    
-    .pisell-keyboard-item {
-      background-color: var(--virtual-keyboard-keyboard-button-background-color, #ffffff);
-      color: var(--virtual-keyboard-keyboard-button-text-color, #000000);
-      
-      &:hover {
-        background-color: var(--virtual-keyboard-keyboard-button-hover-color, #f5f5f5);
-      }
-      
-      &.pisell-keyboard-item-primary {
-        background-color: var(--virtual-keyboard-primary-button-background-color, #4ca30d);
-        color: var(--virtual-keyboard-primary-button-text-color, #ffffff);
-      }
-    }
-  }
 }
 
 .virtual-keyboard-component-right {

package/es/components/walletCard/Guest/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Guest: (props: any) => JSX.Element;
+export default Guest;

package/es/components/walletCard/Guide/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Guide: (props: any) => JSX.Element;
+export default Guide;

package/es/hooks/useCssVariables.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    variables: {
+        [key: string]: string;
+    };
+    ref: any;
+}
+declare const useCssVariables: (props: Props) => void;
+export default useCssVariables;

package/es/hooks/useEngineContext.d.ts

@@ -0,0 +1,9 @@
+declare type IEngineContext = {
+    appHelper: any;
+    engine: any;
+    blockContext: any;
+    components: any;
+    pageContext: any;
+};
+declare const useEngineContext: () => IEngineContext;
+export default useEngineContext;

package/es/hooks/useSetRequest.d.ts

@@ -0,0 +1,2 @@
+declare const useSetRequest: () => void;
+export default useSetRequest;

package/es/hooks/useSharedState.d.ts

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+/**
+ * @title: 使用状态管理器的自定义钩子函数
+ * @description:
+ * @param {useMyContext} MyContext
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2023-07-05 10:23
+ */
+declare const useSharedState: <T>(MyContext: Context<T>) => NonNullable<T>;
+export default useSharedState;

package/es/index.d.ts

@@ -92,12 +92,11 @@ export { default as PisellScan } from './components/pisellScan';
 export { default as PisellStatisticList } from './components/pisellStatisticList';
 export { default as PisellTags } from './components/pisellTags';
 export { default as PisellText } from './components/pisellText';
-export { default as PisellToast, useToast } from './components/pisellToast';
+export { default as PisellToast } from './components/pisellToast';
 export { default as PisellTooltip } from './components/pisellTooltip';
 export { default as PisellUpload } from './components/pisellUpload';
 export { default as PisellViewGrid } from './components/pisellViewGrid';
 export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
-export type { PisellWalletPassCardProps } from './components/pisellWalletPassCard';
 export { default as ProfileMenu } from './components/profileMenu';
 export { default as QRCode } from './components/qrcode';
 export { default as Radio } from './components/radio';
@@ -141,6 +140,3 @@ export { default as SectionFooters } from './components/section-footers';
 export { default as ProductCard } from './components/productCard';
 export { default as Collapse } from './components/collapse';
 export { default as PisellGoodPassCard } from './components/pisellGoodPassCard';
-export { default as Keyboard } from './components/keyboard';
-export { default as VirtualInput } from './components/virtualInput';
-export { default as AutoResizeText } from './components/auto-resize-text';

package/es/index.js

@@ -92,7 +92,7 @@ export { default as PisellScan } from "./components/pisellScan";
 export { default as PisellStatisticList } from "./components/pisellStatisticList";
 export { default as PisellTags } from "./components/pisellTags";
 export { default as PisellText } from "./components/pisellText";
-export { default as PisellToast, useToast } from "./components/pisellToast";
+export { default as PisellToast } from "./components/pisellToast";
 // export { default as InformationModal } from './components/pisellModal/components/Information';
 export { default as PisellTooltip } from "./components/pisellTooltip";
 export { default as PisellUpload } from "./components/pisellUpload";
@@ -139,7 +139,4 @@ export { default as PisellList01 } from "./components/pisellList01";
 export { default as SectionFooters } from "./components/section-footers";
 export { default as ProductCard } from "./components/productCard";
 export { default as Collapse } from "./components/collapse";
-export { default as PisellGoodPassCard } from "./components/pisellGoodPassCard";
-export { default as Keyboard } from "./components/keyboard";
-export { default as VirtualInput } from "./components/virtualInput";
-export { default as AutoResizeText } from "./components/auto-resize-text";
+export { default as PisellGoodPassCard } from "./components/pisellGoodPassCard";

package/es/locales/en-US.d.ts

@@ -273,19 +273,12 @@ declare const _default: {
     'pisell-login-and-register-register-button-text': string;
     'pisell-login-and-register-remember-me': string;
     'pisell-login-and-register-forgot-password': string;
+    'pisell2.wallet-card.add-holder-tip': string;
+    'pisell2.wallet-card.add-holder-button-text': string;
     'pisell2.text.goodpass.product-vouchers': string;
     'pisell2.text.goodpass.last-settlement': string;
     'pisell2.text.goodpass.view-more': string;
     'pisell2.text.goodpass.save': string;
-    'pisell-wallet-pass-card-status-used': string;
-    'pisell-wallet-pass-card-status-expired': string;
-    'pisell-wallet-pass-card-status-disabled': string;
-    'pisell-wallet-pass-card-status-conflict': string;
-    'pisell-wallet-pass-card-status-lastPayment': string;
-    'pisell-wallet-pass-card-reset': string;
-    'pisell-wallet-pass-card-done': string;
-    'pisell2.wallet-card.add-holder-tip': string;
-    'pisell2.wallet-card.add-holder-button-text': string;
     'pisell-camera-no-camera-accessible': string;
     'pisell-camera-permission-denied': string;
     'pisell-camera-switch-camera': string;
@@ -296,15 +289,5 @@ declare const _default: {
     'pisell-upload-camera-capture': string;
     'pisell-upload-camera-retake': string;
     'pisell-upload-camera-use': string;
-    'pisell-list-tab-group-default': string;
-    'pisell-list-empty-text-default': string;
-    'pisell-list-load-more': string;
-    'pisell-list-view-less': string;
-    'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
-    'pisell-list-scroll-down': string;
-    'pisell-list-scroll-right': string;
-    'pisell-list-pagination-page-of': (current: number, total: number) => string;
-    'pisell-list-pagination-previous': string;
-    'pisell-list-pagination-next': string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -147,7 +147,7 @@ export default {
   'pisell-wallet-pass-card-name': 'Name',
   'pisell-wallet-pass-card-store-name': 'StoreName',
   'pisell-wallet-pass-card-balance': 'Balance',
-  'pisell-wallet-pass-card-redeem': 'use',
+  'pisell-wallet-pass-card-redeem': 'Redeem',
   'pisell-wallet-pass-card-code': 'Code',
   'pisell-wallet-pass-card-valid-to': 'Valid to',
   'pisell-wallet-pass-card-valid': 'Valid',
@@ -337,21 +337,13 @@ export default {
   'pisell-login-and-register-register-button-text': 'Create account',
   'pisell-login-and-register-remember-me': 'Remember me',
   'pisell-login-and-register-forgot-password': 'Forgot password?',
-  // 商品券组件
-  'pisell2.text.goodpass.product-vouchers': "Promotions & Vouchers",
-  'pisell2.text.goodpass.last-settlement': "(Last payment)",
-  'pisell2.text.goodpass.view-more': "View More",
-  'pisell2.text.goodpass.save': "Save",
   // 钱包卡片组件
-  'pisell-wallet-pass-card-status-used': 'Used',
-  'pisell-wallet-pass-card-status-expired': 'Expired',
-  'pisell-wallet-pass-card-status-disabled': 'Disabled',
-  'pisell-wallet-pass-card-status-conflict': 'Conflict',
-  'pisell-wallet-pass-card-status-lastPayment': 'Last Payment',
-  'pisell-wallet-pass-card-reset': 'Reset',
-  'pisell-wallet-pass-card-done': 'Done',
   'pisell2.wallet-card.add-holder-tip': 'To ensure your benefits, please\r\nassign a holder to activate this card.',
   'pisell2.wallet-card.add-holder-button-text': 'Set Holder',
+  'pisell2.text.goodpass.product-vouchers': 'Promotions & Vouchers',
+  'pisell2.text.goodpass.last-settlement': '(Last payment)',
+  'pisell2.text.goodpass.view-more': 'View More',
+  'pisell2.text.goodpass.save': 'Save',
   // 相机组件
   'pisell-camera-no-camera-accessible': 'No camera accessible',
   'pisell-camera-permission-denied': 'Permission denied',
@@ -363,20 +355,5 @@ export default {
   'pisell-upload-camera-local-files': 'Local Files',
   'pisell-upload-camera-capture': 'Capture',
   'pisell-upload-camera-retake': 'Retake',
-  'pisell-upload-camera-use': 'Use photo',
-  // 列表组件
-  'pisell-list-tab-group-default': 'Field',
-  'pisell-list-empty-text-default': 'No data available',
-  'pisell-list-load-more': 'Load More',
-  'pisell-list-view-less': 'View Less',
-  'pisell-list-pagination-total': function pisellListPaginationTotal(start, end, total) {
-    return "Showing ".concat(start, "-").concat(end, " of ").concat(total, " items");
-  },
-  'pisell-list-scroll-down': 'Scroll Down',
-  'pisell-list-scroll-right': 'Scroll Right',
-  'pisell-list-pagination-page-of': function pisellListPaginationPageOf(current, total) {
-    return "Page ".concat(current, " of ").concat(total);
-  },
-  'pisell-list-pagination-previous': 'Previous',
-  'pisell-list-pagination-next': 'Next'
+  'pisell-upload-camera-use': 'Use photo'
 };