@arco-design/mobile-react 2.26.0 → 2.27.0

package/umd/keyboard/index.js

@@ -0,0 +1,271 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "@babel/runtime/helpers/extends", "@babel/runtime/helpers/objectWithoutPropertiesLoose", "@arco-design/mobile-utils", "react", "../context-provider", "../icon", "../popup", "./type"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutPropertiesLoose"), require("@arco-design/mobile-utils"), require("react"), require("../context-provider"), require("../icon"), require("../popup"), require("./type"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global._extends, global.objectWithoutPropertiesLoose, global.mobileUtils, global.react, global.contextProvider, global.icon, global.popup, global.type);
+    global.index = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _objectWithoutPropertiesLoose2, _mobileUtils, _react, _contextProvider, _icon, _popup, _type) {
+  "use strict";
+
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+  _exports.__esModule = true;
+  var _exportNames = {};
+  _exports.default = void 0;
+  _extends2 = _interopRequireDefault(_extends2);
+  _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
+  _react = _interopRequireWildcard(_react);
+  _popup = _interopRequireDefault(_popup);
+  Object.keys(_type).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in _exports && _exports[key] === _type[key]) return;
+    _exports[key] = _type[key];
+  });
+  var _excluded = ["normalKeyClass", "normalKeyStyle", "className", "style", "type", "randomOrder", "title", "rightColumns", "confirmClosable", "confirmButton", "deleteButton", "keyboardButton", "close", "onConfirm", "onDelete", "onChange"];
+
+  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+  // 键盘乱序
+  // @en let keyboard random
+  var makeArrayRandom = function makeArrayRandom(targetArray) {
+    var randomFn = function randomFn() {
+      return Math.random() - 0.5;
+    };
+
+    return targetArray.sort(randomFn);
+  };
+
+  var splitArray = function splitArray(target) {
+    return target.reduce(function (acc, cur) {
+      if (!acc[acc.length - 1] || acc[acc.length - 1].length >= 3) {
+        acc.push([]);
+      }
+
+      acc[acc.length - 1].push(cur);
+      return acc;
+    }, []);
+  }; // 纯数字类字符
+  // @en Pure numeric characters
+
+
+  var contentArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+  /**
+   * 数字键盘组件
+   * @en Keyboard component
+   * @type 数据录入
+   * @type_en Data Entry
+   * @name 数字键盘
+   * @name_en Keyboard
+   */
+
+  var Keyboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var normalKeyClass = props.normalKeyClass,
+        normalKeyStyle = props.normalKeyStyle,
+        _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        style = props.style,
+        _props$type = props.type,
+        type = _props$type === void 0 ? 'number' : _props$type,
+        _props$randomOrder = props.randomOrder,
+        randomOrder = _props$randomOrder === void 0 ? false : _props$randomOrder,
+        title = props.title,
+        rightColumns = props.rightColumns,
+        confirmClosable = props.confirmClosable,
+        confirmButton = props.confirmButton,
+        deleteButton = props.deleteButton,
+        keyboardButton = props.keyboardButton,
+        close = props.close,
+        onConfirm = props.onConfirm,
+        onDelete = props.onDelete,
+        onChange = props.onChange,
+        resetProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    var popupRef = (0, _react.useRef)(null);
+    var keyboardRef = (0, _react.useRef)(null);
+
+    var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+        prefixCls = _useContext.prefixCls,
+        _useContext$locale = _useContext.locale,
+        locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+
+    var prefix = prefixCls + "-keyboard"; // 3x4键盘的按键内容
+    // @en 3x4 Keyboard button content
+
+    var displayData = (0, _react.useMemo)(function () {
+      var numberArr = randomOrder ? makeArrayRandom(contentArray) : contentArray;
+      var lastNum = numberArr.slice(-1)[0];
+      var finalData = splitArray(numberArr.slice(0, -1));
+
+      switch (type) {
+        case 'confirm':
+          finalData.push([lastNum, '.']);
+          break;
+
+        case 'tool':
+          finalData.push(['.', lastNum, {
+            type: 'delete'
+          }]);
+          break;
+
+        case 'number':
+        default:
+          finalData.push([{
+            type: 'keyboard'
+          }, lastNum, {
+            type: 'delete'
+          }]);
+          break;
+      }
+
+      return finalData;
+    }, [type]); // 右边一列
+    // @en Right column
+
+    var rightColumn = (0, _react.useMemo)(function () {
+      switch (type) {
+        case 'number':
+          return [];
+
+        case 'confirm':
+          {
+            return [{
+              type: 'delete'
+            }];
+          }
+
+        case 'tool':
+          return ['+', '-', '×', '÷'];
+
+        default:
+          return [];
+      }
+    }, [type]); // 确认按钮需要在type为confirm时展示
+    // @en Display then confirm button when type is confirm
+
+    var getConfirmButton = (0, _react.useCallback)(function () {
+      if (type !== 'confirm') {
+        return null;
+      }
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        onClick: function onClick() {
+          confirmClosable && close();
+          onConfirm == null ? void 0 : onConfirm();
+        },
+        className: (0, _mobileUtils.cls)(prefix + "-key", prefix + "-key-confirm")
+      }, confirmButton || locale.Keyboard.confirm);
+    }, [type]); // 点击空白处关闭键盘
+    // @en Close keyboard when clicked the blank space
+
+    (0, _react.useEffect)(function () {
+      var handlerDocumentClick = function handlerDocumentClick(e) {
+        if (!keyboardRef.current) {
+          return;
+        }
+
+        if (!keyboardRef.current.contains(e.target) && e.target !== keyboardRef.current) {
+          close();
+        }
+      };
+
+      document.addEventListener('click', handlerDocumentClick);
+      return function () {
+        document.removeEventListener('click', handlerDocumentClick);
+      };
+    }, []);
+    (0, _react.useImperativeHandle)(ref, function () {
+      return (0, _extends2.default)({
+        keyboard: keyboardRef.current
+      }, popupRef.current);
+    });
+
+    var handleButtonClick = function handleButtonClick(ele) {
+      switch (ele.type) {
+        case 'delete':
+          onDelete == null ? void 0 : onDelete();
+          break;
+
+        case 'keyboard':
+          close();
+          break;
+
+        default:
+          onChange == null ? void 0 : onChange(ele.value);
+      }
+    };
+
+    var renderButtonContent = function renderButtonContent(ele) {
+      switch (ele.type) {
+        case 'delete':
+          return deleteButton || /*#__PURE__*/_react.default.createElement(_icon.IconKeyboardDelete, null);
+
+        case 'keyboard':
+          return keyboardButton || /*#__PURE__*/_react.default.createElement(_icon.IconKeyboard, null);
+
+        default:
+          return ele.content;
+      }
+    };
+
+    var renderButton = function renderButton(data, key, extraClass) {
+      var ele = typeof data === 'string' || typeof data === 'number' ? {
+        type: 'content',
+        content: data,
+        value: data
+      } : data;
+      return /*#__PURE__*/_react.default.createElement("button", {
+        onClick: function onClick() {
+          return handleButtonClick(ele);
+        },
+        className: (0, _mobileUtils.cls)(prefix + "-key", normalKeyClass, extraClass),
+        key: key,
+        style: normalKeyStyle
+      }, renderButtonContent(ele));
+    };
+
+    var renderKeyboardRightColumns = function renderKeyboardRightColumns() {
+      if (rightColumns) {
+        return rightColumns;
+      }
+
+      return rightColumn.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+        className: prefix + "-col"
+      }, rightColumn.map(function (item, index) {
+        return renderButton(item, String(index));
+      }), getConfirmButton()) : null;
+    };
+
+    return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
+      ref: popupRef,
+      maskClass: prefix + "-popup",
+      close: close
+    }, resetProps), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefix, "" + className),
+      style: style,
+      ref: keyboardRef
+    }, title, /*#__PURE__*/_react.default.createElement("div", {
+      className: prefix + "-wrapper"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: prefix + "-key-wrapper"
+    }, displayData.map(function (item, index) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: prefix + "-row",
+        key: index
+      }, item.map(function (e, idx) {
+        var _renderButton;
+
+        return renderButton(e, String(idx), (_renderButton = {}, _renderButton[prefix + "-key-special"] = type === 'confirm' && index === displayData.length - 1 && idx === 0, _renderButton));
+      }));
+    })), renderKeyboardRightColumns())));
+  });
+  var _default = Keyboard;
+  _exports.default = _default;
+});

package/umd/keyboard/style/css/index.css

@@ -0,0 +1,93 @@
+.arco-keyboard {
+  background:  #f2f3f5 ;
+  padding:  0.16rem ;
+  -webkit-touch-callout: none;
+  /* iOS Safari */
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  /* Konqueror */
+  /* Firefox */
+  /* Internet Explorer/Edge */
+  user-select: none;
+  /* Non-prefixed version, currently*/
+}
+.arco-keyboard-wrapper {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+.arco-keyboard-key-wrapper {
+  -webkit-box-flex: 2;
+  -webkit-flex: 2 0 auto;
+          flex: 2 0 auto;
+}
+.arco-keyboard-row {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+.arco-keyboard-row:not(.arco-keyboard-row:nth-last-child(1)) {
+  margin-bottom:  0.16rem ;
+}
+.arco-keyboard-row .arco-keyboard-key:not(.arco-keyboard-row .arco-keyboard-key:nth-child(1)) {
+  margin-left:  0.16rem ;
+}
+.arco-keyboard-row .arco-keyboard-key-special {
+  -webkit-box-flex: 2.1;
+  -webkit-flex: 2.1 0 auto;
+          flex: 2.1 0 auto;
+}
+.arco-keyboard-col {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+  margin-left:  0.16rem ;
+}
+.arco-keyboard-col .arco-keyboard-key:not(.arco-keyboard-col .arco-keyboard-key:nth-child(1)) {
+  margin-top:  0.16rem ;
+}
+.arco-keyboard-col .arco-keyboard-key-confirm {
+  -webkit-box-flex: 2.5;
+  -webkit-flex: 2.5 0 auto;
+          flex: 2.5 0 auto;
+  background:  #165dff ;
+  color:  #ffffff ;
+  font-size:  0.36rem ;
+}
+.arco-keyboard-key {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+          flex: 1;
+  font-weight:  500 ;
+  font-size:  0.44rem ;
+  line-height:  0.6rem ;
+  background:  #ffffff ;
+  height:  0.96rem ;
+  border-radius:  0.08rem ;
+  color:  #1d2129 ;
+}
+.arco-keyboard-key:active {
+  background:  #e5e6eb ;
+}
+.arco-keyboard-key .arco-icon {
+  font-size:  0.52rem ;
+}
+.arco-keyboard-popup {
+  display: none;
+}

package/umd/keyboard/style/css/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../../style/css/public.css';
+import '../../../popup/style/css';
+import './index.css';

package/umd/keyboard/style/css/index.js

@@ -0,0 +1,15 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["../../../../style/css/public.css", "../../../popup/style/css", "./index.css"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("../../../../style/css/public.css"), require("../../../popup/style/css"), require("./index.css"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global._public, global.style, global.index);
+    global.index = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _index) {
+  "use strict";
+});

package/umd/keyboard/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../style/public.less';
+import '../../popup/style';
+import './index.less';

package/umd/keyboard/style/index.js

@@ -0,0 +1,15 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["../../../style/public.less", "../../popup/style", "./index.less"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("../../../style/public.less"), require("../../popup/style"), require("./index.less"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global._public, global.style, global.index);
+    global.index = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _index) {
+  "use strict";
+});

package/umd/keyboard/style/index.less

@@ -0,0 +1,80 @@
+@import '../../../style/mixin.less';
+
+.@{prefix}-keyboard {
+    .use-var(background, keyboard-background);
+    .use-var(padding, keyboard-content-padding);
+    .noselect();
+
+    &-wrapper {
+        display: flex;
+    }
+
+    &-key-wrapper {
+        flex: 2 0 auto;
+    }
+
+    &-row {
+        display: flex;
+        &:not(&:nth-last-child(1)) {
+            .use-var(margin-bottom, keyboard-unified-margin);
+        }
+
+        .@{prefix}-keyboard-key {
+            &:not(&:nth-child(1)) {
+                .use-var(margin-left, keyboard-unified-margin);
+            }
+
+            &-special {
+                flex: 2.1 0 auto;
+            }
+        }
+    }
+
+    &-col {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        .use-var(margin-left, keyboard-unified-margin);
+
+        .@{prefix}-keyboard-key {
+            &:not(&:nth-child(1)) {
+                .use-var(margin-top, keyboard-unified-margin);
+            }
+
+            &-confirm {
+                flex: 2.5 0 auto;
+                .use-var(background, keyboard-confirm-key-background);
+                .use-var(color, keyboard-confirm-key-color);
+                .use-var(font-size, keyboard-confirm-key-font-size);
+            }
+        }
+    }
+
+    &-key {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex: 1;
+
+        .use-var(font-weight, keyboard-key-font-weight);
+        .use-var(font-size, keyboard-key-font-size);
+        .use-var(line-height, keyboard-key-line-height);
+        .use-var(background, keyboard-key-background);
+        .use-var(border-radius, keyboard-key-border-radius);
+        .use-var(height, keyboard-key-height);
+        .use-var(border-radius, keyboard-key-border-radius);
+        .use-var(color, keyboard-key-color);
+
+        &:active {
+            .use-var(background, keyboard-key-active-background);
+        }
+
+        .@{prefix}-icon {
+            .use-var(font-size, keyboard-key-icon-size);
+        }
+    }
+
+    &-popup {
+      display: none;
+    }
+}

package/umd/keyboard/type.d.ts

@@ -0,0 +1,102 @@
+import { CSSProperties, ReactNode } from 'react';
+import { PopupProps, PopupRef } from '../popup';
+export declare type ColumnData = string | number | ColumnObjData;
+export declare type ColumnObjData = {
+    type: 'keyboard' | 'delete';
+} | {
+    type: 'content';
+    content: ReactNode;
+    value: string | number;
+};
+export interface KeyboardProps extends PopupProps {
+    /**
+     * 常规键位自定义类名
+     * @en Custom classname for normal keys
+     */
+    normalKeyClass?: string;
+    /**
+     * 常规键位自定义样式
+     * @en Custom style for normal keys
+     */
+    normalKeyStyle?: CSSProperties;
+    /**
+     * 自定义类名
+     * @en Custom classname
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     * @en Custom stylesheet
+     */
+    style?: React.CSSProperties;
+    /**
+     * 键盘展示类型，不同类型有不同布局。number - 纯数字常规键盘，confirm - 带确认按钮的键盘，tool - 带运算符的键盘
+     * @en Keyboard display type, different types have different layouts. number - a regular keyboard with pure numbers, confirm - a keyboard with a confirm button, tool - a keyboard with operators
+     * @default "number"
+     */
+    type?: 'number' | 'confirm' | 'tool';
+    /**
+     * 是否打乱键盘中的数字展示位置
+     * @en Whether to scramble number placements in the keyboard
+     * @default false
+     */
+    randomOrder: boolean;
+    /**
+     * 键盘顶部展示标题内容，样式纯自定义
+     * @en The title content displayed on the top of the keyboard, the style is purely customized
+     */
+    title?: ReactNode;
+    /**
+     * 自定义渲染数字右侧（第四列）的内容
+     * @en Custom rendering of the content to the right of the number (fourth column)
+     */
+    rightColumns?: ReactNode;
+    /**
+     * 点击确认后是否自动关闭键盘
+     * @en Whether to automatically close the keyboard after clicking confirm button
+     * @default false
+     */
+    confirmClosable?: boolean;
+    /**
+     * 自定义渲染确认按钮内部内容
+     * @en Customize the internal content of the confirm button
+     */
+    confirmButton?: ReactNode;
+    /**
+     * 自定义渲染删除按钮内部内容
+     * @en Customize the internal content of the delete button
+     */
+    deleteButton?: ReactNode;
+    /**
+     * 自定义渲染收起键盘按钮内部内容
+     * @en Customize the internal content of the keyboard button
+     */
+    keyboardButton?: ReactNode;
+    /**
+     * 收起键盘回调
+     * @en Callback for closing the keyboard
+     */
+    close: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => {};
+    /**
+     * 点击确认按钮回调
+     * @en Callback for clicking the confirm button
+     */
+    onConfirm?: () => {};
+    /**
+     * 点击删除按钮回调
+     * @en Callback for clicking the delete button
+     */
+    onDelete?: () => {};
+    /**
+     * 点击常规按钮回调
+     * @en Callback for clicking the normal button
+     */
+    onChange?: (data: string | number) => {};
+}
+export interface KeyboardRef extends PopupRef {
+    /**
+     * 最外层 DOM 元素
+     * @en The outer DOM element of the component
+     */
+    keyboard: HTMLDivElement | null;
+}

package/umd/keyboard/type.js

@@ -0,0 +1,17 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.type = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  _exports.__esModule = true;
+});

package/umd/picker/index.js

@@ -42,42 +42,6 @@
 
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-  var getInitialValue = function getInitialValue(value, data, cascade) {
-    if (value && value.length) {
-      return value;
-    }
-
-    var computedValue = [];
-
-    if (!cascade) {
-      if (!(data[0] instanceof Array)) {
-        var _data$;
-
-        return (_data$ = data[0]) != null && _data$.value ? [data[0].value] : [];
-      }
-
-      data.map(function (column) {
-        computedValue.push(typeof column[0] === 'object' ? column[0].value : column[0]);
-      });
-    } else {
-      var cascadePickerData = data;
-
-      if (!cascadePickerData || !cascadePickerData.length) {
-        return computedValue;
-      }
-
-      computedValue.push(cascadePickerData[0].value);
-      var traverse = cascadePickerData[0].children;
-
-      while (traverse) {
-        computedValue.push(traverse[0].value);
-        traverse = traverse[0].children;
-      }
-    }
-
-    return computedValue;
-  };
-
   var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
         itemStyle = props.itemStyle,
@@ -115,7 +79,7 @@
         gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
         otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
-    var _useState = (0, _react.useState)(getInitialValue(value, data, cascade)),
+    var _useState = (0, _react.useState)(value),
         scrollValue = _useState[0],
         setScrollValue = _useState[1];
 
@@ -169,7 +133,7 @@
       (0, _mobileUtils.nextTick)(function () {
         var _pickerViewRef$curren7;
 
-        var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValue;
+        var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValue || [];
 
         if (onOk) {
           onOk(val);
@@ -232,7 +196,7 @@
         cols: cols,
         rows: rows,
         disabled: disabled,
-        value: getInitialValue(value, data, cascade),
+        value: value,
         onPickerChange: onPickerChange,
         itemStyle: itemStyle,
         clickable: clickable,

package/umd/picker/type.d.ts

@@ -51,7 +51,7 @@ export interface PickerProps extends Omit<PopupProps, 'visible' | 'close' | 'chi
      * 每列数据选择变化后的回调函数
      * @en The callback after each column data selection changes
      */
-    onPickerChange?: (value: ValueType[], index: number) => void;
+    onPickerChange?: (value: ValueType[], index: number, data: PickerData[]) => void;
     /**
      * 每列样式
      * @en Stylesheet per column