@arco-design/mobile-react 2.30.9 → 2.31.0

package/cjs/image-picker/index.js

@@ -10,8 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _es6Promise = require("es6-promise");
-
 var _mobileUtils = require("@arco-design/mobile-utils");
 
 var _contextProvider = require("../context-provider");
@@ -26,6 +24,8 @@ var _addIcon = _interopRequireDefault(require("./add-icon"));
 
 var _helpers = require("../_helpers");
 
+var _upload = require("../uploader/upload");
+
 var _type = require("./type");
 
 Object.keys(_type).forEach(function (key) {
@@ -56,7 +56,6 @@ var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       limit = _props$limit === void 0 ? 0 : _props$limit,
       _props$images = props.images,
       images = _props$images === void 0 ? [] : _props$images,
-      maxSize = props.maxSize,
       disabled = props.disabled,
       deleteIcon = props.deleteIcon,
       selectIcon = props.selectIcon,
@@ -69,18 +68,7 @@ var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       imageProps = props.imageProps,
       renderLoading = props.renderLoading,
       renderError = props.renderError,
-      onLongPress = props.onLongPress,
-      onClick = props.onClick,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? function () {
-    return null;
-  } : _props$onChange,
-      onMaxSizeExceed = props.onMaxSizeExceed,
-      onLimitExceed = props.onLimitExceed,
-      upload = props.upload,
-      selectAdapter = props.selectAdapter,
-      onSelectClick = props.onSelectClick,
-      onDeleteClick = props.onDeleteClick;
+      selectAdapter = props.selectAdapter;
   var domRef = (0, _react.useRef)(null);
   var fileRef = (0, _react.useRef)(null);
   var cacheRef = (0, _helpers.useLatestRef)(images);
@@ -89,143 +77,9 @@ var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       dom: domRef.current
     };
   });
-
-  var parseFile = function parseFile(file) {
-    return new _es6Promise.Promise(function (resolve, reject) {
-      if (file.url) {
-        resolve(file.url);
-      } else {
-        var reader = new FileReader();
-
-        reader.onload = function (e) {
-          var _e$target;
-
-          var dataURL = (_e$target = e.target) == null ? void 0 : _e$target.result;
-
-          if (!dataURL) {
-            reject(new Error('file parse error'));
-          }
-
-          resolve(dataURL);
-        };
-
-        reader.onerror = function () {
-          reject(new Error('file parse error'));
-        };
-
-        reader.readAsDataURL(file);
-      }
-    });
-  };
-
-  var handleChange = function handleChange(event, fromAdapter) {
-    var files = Array.prototype.filter.call(event.target.files || [], function (file) {
-      // 过滤maxSize
-      if (maxSize && file.size > maxSize * 1024) {
-        onMaxSizeExceed && onMaxSizeExceed(file);
-        return false;
-      }
-
-      return true;
-    }) || [];
-
-    if (!fromAdapter) {
-      event.target.value = '';
-    } // 截断limit
-
-
-    if (limit !== 0 && files.length + images.length > limit) {
-      onLimitExceed && onLimitExceed(files);
-      files.length = limit - images.length;
-    } // 解析文件生成预览
-
-
-    _es6Promise.Promise.all(files.map(function (file) {
-      return parseFile(file);
-    })).then(function (parseFiles) {
-      var res = parseFiles.map(function (url, index) {
-        return {
-          url: url,
-          status: typeof upload === 'function' ? 'loading' : 'loaded',
-          file: files[index]
-        };
-      });
-      cacheRef.current = [].concat(cacheRef.current, res);
-      onChange([].concat(cacheRef.current)); // 执行upload
-
-      if (typeof upload === 'function') {
-        files.forEach(function (_file) {
-          upload(cacheRef.current.find(function (_ref) {
-            var file = _ref.file;
-            return file === _file;
-          })).then(function (data) {
-            var index = cacheRef.current.findIndex(function (_ref2) {
-              var file = _ref2.file;
-              return file === _file;
-            });
-
-            if (index !== -1) {
-              cacheRef.current[index] = (0, _extends2.default)({}, cacheRef.current[index], data, {
-                status: undefined
-              });
-            }
-          }).catch(function () {
-            var index = cacheRef.current.findIndex(function (_ref3) {
-              var file = _ref3.file;
-              return file === _file;
-            });
-
-            if (index !== -1) {
-              cacheRef.current[index].status = 'error';
-            }
-          }).finally(function () {
-            onChange([].concat(cacheRef.current));
-          });
-        });
-      }
-    });
-  };
-
-  var handleDelete = function handleDelete(index) {
-    onDeleteClick && onDeleteClick(index);
-    onChange(images.filter(function (_i, j) {
-      return j !== index;
-    }));
-  }; // click && longPress
-
-
-  var timeOutEvent;
-
-  var handleTouchStart = function handleTouchStart(e, image, index) {
-    timeOutEvent = setTimeout(function () {
-      timeOutEvent = 0;
-      onLongPress == null ? void 0 : onLongPress(e, image, index);
-    }, 750);
-  };
-
-  var handleClick = function handleClick(e, image, index) {
-    clearTimeout(timeOutEvent);
-
-    if (timeOutEvent !== 0) {
-      onClick == null ? void 0 : onClick(e, image, index);
-    }
-  };
-
-  var handleSelect = function handleSelect(e) {
-    if (e.target !== fileRef.current) {
-      var _fileRef$current;
-
-      onSelectClick && onSelectClick();
-      selectAdapter ? selectAdapter().then(function (_ref4) {
-        var files = _ref4.files;
-        return handleChange({
-          target: {
-            files: files
-          }
-        }, true);
-      }) : (_fileRef$current = fileRef.current) == null ? void 0 : _fileRef$current.click();
-    }
-  };
+  var uploadFunc = new _upload.Upload((0, _extends2.default)({}, props, {
+    files: images
+  }), fileRef, cacheRef);
 
   var getGridData = function getGridData(prefixCls, locale) {
     var errorNode = function errorNode(index) {
@@ -255,10 +109,10 @@ var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           className: prefixCls + "-image-picker-image"
         }, /*#__PURE__*/_react.default.createElement("div", {
           onTouchStart: function onTouchStart(e) {
-            return handleTouchStart(e, image, index);
+            return uploadFunc.handleTouchStart(e, image, index);
           },
           onClick: function onClick(e) {
-            return handleClick(e, image, index);
+            return uploadFunc.handleClick(e, image, index);
           },
           className: prefixCls + "-image-picker-image-container"
         }, /*#__PURE__*/_react.default.createElement(_image.default, (0, _extends2.default)({
@@ -274,7 +128,7 @@ var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         })), !hideDelete && /*#__PURE__*/_react.default.createElement("div", {
           className: prefixCls + "-image-picker-close",
           onClick: function onClick() {
-            return handleDelete(index);
+            return uploadFunc.deleteFile(index);
           }
         }, deleteIcon || /*#__PURE__*/_react.default.createElement("div", {
           className: prefixCls + "-image-picker-close-icon"
@@ -291,7 +145,7 @@ var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       data.push({
         img: /*#__PURE__*/_react.default.createElement("div", {
           className: (0, _mobileUtils.cls)(prefixCls + "-image-picker-add", (_cls = {}, _cls[prefixCls + "-image-picker-add-disabled"] = disableSelect, _cls)),
-          onClick: handleSelect
+          onClick: uploadFunc.handleSelect
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: prefixCls + "-image-picker-add-container"
         }, selectIcon || /*#__PURE__*/_react.default.createElement("div", {
@@ -302,7 +156,7 @@ var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           multiple: multiple,
           type: "file",
           onChange: function onChange(e) {
-            return handleChange(e);
+            return uploadFunc.handleChange(e);
           },
           ref: fileRef
         }) : null)),
@@ -313,12 +167,12 @@ var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return data;
   };
 
-  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref5) {
+  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var _cls2;
 
-    var prefixCls = _ref5.prefixCls,
-        _ref5$locale = _ref5.locale,
-        locale = _ref5$locale === void 0 ? _mobileUtils.defaultLocale : _ref5$locale;
+    var prefixCls = _ref.prefixCls,
+        _ref$locale = _ref.locale,
+        locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-image-picker", className, (_cls2 = {}, _cls2[prefixCls + "-image-picker-disabled"] = disabled, _cls2)),
       style: style,

package/cjs/image-picker/type.d.ts

@@ -1,33 +1,14 @@
 import { InputHTMLAttributes } from 'react';
 import { ImageProps } from '../image';
-export interface ImagePickItem {
+import { UploadCommonProps, CommonFileItem } from '../uploader/upload/type';
+export interface ImagePickItem extends CommonFileItem {
     /**
      * 图片地址
      * @en Image Url
      */
     url: string;
-    /**
-     * 图片文件
-     * @en Image File
-     */
-    file?: File;
-    /**
-     * 图片状态
-     * @en Image Status
-     * @default 以图片自身加载状态而定
-     * @default_en According to inner status of the image
-     */
-    status?: 'loaded' | 'loading' | 'error';
 }
-export interface AdapterFile {
-    url?: string;
-    size: number;
-    name: string;
-}
-export interface SelectCallback {
-    files: AdapterFile[];
-}
-export interface ImagePickerProps {
+export interface ImagePickerProps extends Omit<UploadCommonProps<ImagePickItem>, 'files'> {
     /**
      * 自定义类名
      * @en Custom className
@@ -71,16 +52,6 @@ export interface ImagePickerProps {
      * @default 8
      */
     gutter?: number;
-    /**
-     * 最多选择图片张数，超出数量自动隐藏上传按钮，0表示不做限制
-     * @en max Pictures Can Choose
-     */
-    limit?: number;
-    /**
-     * 文件大小限制，单位为K
-     * @en File size limit, in K
-     */
-    maxSize?: number;
     /**
      * 是否隐藏删除Icon
      * @en Whether to hide delete Icon
@@ -129,51 +100,11 @@ export interface ImagePickerProps {
      * @en Defined uploading display
      */
     renderLoading?: (index?: number) => React.ReactNode | React.ReactNode;
-    /**
-     * 上传方法
-     * @en upload function
-     */
-    upload?: (file: ImagePickItem) => Promise<ImagePickItem | null>;
-    /**
-     * 已选图片列表发生变化
-     * @en The list of selected images changes
-     */
-    onChange?: (fileList: ImagePickItem[]) => void;
-    /**
-     * 图片超过限制大小
-     * @en Image exceeds size limit
-     */
-    onMaxSizeExceed?: (file: File) => void;
-    /**
-     * 选择张数超过限制
-     * @en The number of pictures exceeds the limit
-     */
-    onLimitExceed?: (files: File[]) => void;
-    /**
-     * 图片点击
-     * @en click event
-     */
-    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, image: ImagePickItem, index: number) => void;
-    /**
-     * 图片长按事件
-     * @en long press event
-     */
-    onLongPress?: (e: React.TouchEvent<HTMLElement>, image: ImagePickItem, index: number) => void;
-    /**
-     * 图片选择适配器
-     * @en Select Adaptor
-     */
-    selectAdapter?: () => Promise<SelectCallback>;
     /**
      * 选图点击事件
-     * @en Select Icon Click Event
+     * @en Select icon click event
      */
     onSelectClick?: () => void;
-    /**
-     * 删除点击事件
-     * @en Delete Icon Click Event
-     */
-    onDeleteClick?: (index: number) => void;
 }
 export interface ImagePickerRef {
     /**

package/cjs/index.d.ts

@@ -56,3 +56,4 @@ export { default as Tag } from './tag';
 export { default as Textarea } from './textarea';
 export { default as Toast } from './toast';
 export { default as Transition } from './transition';
+export { default as Uploader } from './uploader';

package/cjs/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Transition = exports.Toast = exports.Textarea = exports.Tag = exports.Tabs = exports.TabBar = exports.Switch = exports.SwipeLoad = exports.SwipeAction = exports.Sticky = exports.Steps = exports.Stepper = exports.Slider = exports.Skeleton = exports.ShowMonitor = exports.SearchBar = exports.Rate = exports.Radio = exports.PullRefresh = exports.Progress = exports.Portal = exports.PopupSwiper = exports.Popup = exports.Popover = exports.PickerView = exports.Picker = exports.Pagination = exports.Notify = exports.NoticeBar = exports.NavBar = exports.Masking = exports.Loading = exports.LoadMore = exports.Keyboard = exports.Input = exports.IndexBar = exports.ImagePreview = exports.ImagePicker = exports.Image = exports.Grid = exports.Form = exports.Ellipsis = exports.DropdownMenu = exports.Dropdown = exports.Divider = exports.Dialog = exports.DatePicker = exports.CountDown = exports.ContextProvider = exports.Collapse = exports.CircleProgress = exports.Checkbox = exports.Cell = exports.Carousel = exports.Button = exports.Badge = exports.Avatar = exports.ActionSheet = void 0;
+exports.Uploader = exports.Transition = exports.Toast = exports.Textarea = exports.Tag = exports.Tabs = exports.TabBar = exports.Switch = exports.SwipeLoad = exports.SwipeAction = exports.Sticky = exports.Steps = exports.Stepper = exports.Slider = exports.Skeleton = exports.ShowMonitor = exports.SearchBar = exports.Rate = exports.Radio = exports.PullRefresh = exports.Progress = exports.Portal = exports.PopupSwiper = exports.Popup = exports.Popover = exports.PickerView = exports.Picker = exports.Pagination = exports.Notify = exports.NoticeBar = exports.NavBar = exports.Masking = exports.Loading = exports.LoadMore = exports.Keyboard = exports.Input = exports.IndexBar = exports.ImagePreview = exports.ImagePicker = exports.Image = exports.Grid = exports.Form = exports.Ellipsis = exports.DropdownMenu = exports.Dropdown = exports.Divider = exports.Dialog = exports.DatePicker = exports.CountDown = exports.ContextProvider = exports.Collapse = exports.CircleProgress = exports.Checkbox = exports.Cell = exports.Carousel = exports.Button = exports.Badge = exports.Avatar = exports.ActionSheet = void 0;
 
 var _tabs = _interopRequireDefault(require("./tabs"));
 
@@ -235,4 +235,8 @@ exports.Toast = _toast.default;
 
 var _transition = _interopRequireDefault(require("./transition"));
 
-exports.Transition = _transition.default;
+exports.Transition = _transition.default;
+
+var _uploader = _interopRequireDefault(require("./uploader"));
+
+exports.Uploader = _uploader.default;

package/cjs/input/hooks.js

@@ -77,8 +77,8 @@ function useInputLogic(props, inputRef) {
   (0, _react.useEffect)(function () {
     if (autoFocus) {
       setTimeout(function () {
-        inputRef.current && inputRef.current.focus();
-      }, 200);
+        inputRef.current && inputRef.current.click();
+      }, 100);
     }
   }, []);
   (0, _react.useEffect)(function () {

package/cjs/input/props.d.ts

@@ -57,8 +57,8 @@ export interface BasicInputProps<T = HTMLInputElement> {
      */
     readOnly?: boolean;
     /**
-     * 是否自动获取焦点
-     * @en Whether to automatically get the focus
+     * 是否自动获取焦点，开启后会触发一次onClick事件
+     * @en Whether to automatically get the focus, it will trigger an onClick event once after being enabled
      */
     autoFocus?: boolean;
     /**

package/cjs/picker/index.js

@@ -38,7 +38,7 @@ Object.keys(_type).forEach(function (key) {
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl"];
+var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl", "renderLinkedContainer"];
 
 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); }
 
@@ -64,8 +64,7 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
       _props$title = props.title,
       title = _props$title === void 0 ? '' : _props$title,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? false : _props$visible,
+      userSetVisible = props.visible,
       value = props.value,
       _props$needBottomOffs = props.needBottomOffset,
       needBottomOffset = _props$needBottomOffs === void 0 ? false : _props$needBottomOffs,
@@ -79,10 +78,25 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       touchToStop = props.touchToStop,
       _props$gestureOutOfCo = props.gestureOutOfControl,
       gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
+      renderLinkedContainer = props.renderLinkedContainer,
       otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var scrollValueRef = (0, _helpers.useLatestRef)(value);
   var domRef = (0, _react.useRef)(null);
   var pickerViewRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(false),
+      linkVisible = _useState[0],
+      setLinkVisible = _useState[1];
+
+  var _useState2 = (0, _react.useState)(function () {
+    return getCurrentValueData();
+  }),
+      linkArgs = _useState2[0],
+      setLinkArgs = _useState2[1]; // 来自linkedContainer的visible变化，优先级高于受控值
+  // @en Visible changes from linkedContainer which have priority over controlled values
+
+
+  var visible = linkVisible || userSetVisible || false;
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current,
@@ -113,39 +127,61 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     };
   });
+  (0, _react.useEffect)(function () {
+    (0, _mobileUtils.nextTick)(function () {
+      setLinkArgs(getCurrentValueData());
+    });
+  }, []);
+
+  function hidePicker(scene) {
+    setLinkVisible(false);
+    onHide == null ? void 0 : onHide(scene);
+  }
 
   function handleDismiss() {
     if (onDismiss) {
       onDismiss();
     }
 
-    if (onHide) {
-      onHide('dismiss');
-    }
+    hidePicker('dismiss');
   }
 
-  var handleConfirm = function handleConfirm() {
-    var _pickerViewRef$curren6;
+  function getCurrentValueData() {
+    var _pickerViewRef$curren6, _pickerViewRef$curren7;
+
+    var val = ((_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.getAllColumnValues()) || scrollValueRef.current || [];
+    var selectedData = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnData()) || [];
+    return {
+      value: val,
+      data: selectedData
+    };
+  }
 
-    (_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.scrollToCurrentIndex();
+  function handleConfirm() {
+    var _pickerViewRef$curren8;
+
+    (_pickerViewRef$curren8 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren8.scrollToCurrentIndex();
     (0, _mobileUtils.nextTick)(function () {
-      var _pickerViewRef$curren7;
+      var _getCurrentValueData = getCurrentValueData(),
+          val = _getCurrentValueData.value,
+          selectedData = _getCurrentValueData.data;
 
-      var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValueRef.current || [];
+      setLinkArgs({
+        value: val,
+        data: selectedData
+      });
 
       if (onOk) {
-        onOk(val);
+        onOk(val, selectedData);
       }
 
       if (onChange) {
         onChange(val);
       }
 
-      if (onHide) {
-        onHide('confirm');
-      }
+      hidePicker('confirm');
     });
-  };
+  }
 
   (0, _helpers.useListenResize)(updateLayoutByVisible, [visible]); // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值（初始值）
 
@@ -161,11 +197,16 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls,
         locale = _ref.locale;
-    return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLinkedContainer ? /*#__PURE__*/_react.default.createElement("div", {
+      className: prefixCls + "-picker-linked-container",
+      onClick: function onClick() {
+        return setLinkVisible(true);
+      }
+    }, renderLinkedContainer(linkArgs.value, linkArgs.data)) : null, /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
       visible: visible,
       className: (0, _mobileUtils.cls)(className, prefixCls + "-picker all-border-box"),
       close: function close() {
-        return onHide == null ? void 0 : onHide('mask');
+        return hidePicker('mask');
       },
       direction: "bottom",
       maskClosable: maskClosable,
@@ -197,7 +238,7 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       clickable: clickable,
       hideEmptyCols: hideEmptyCols,
       touchToStop: touchToStop
-    })));
+    }))));
   });
 });
 /**

package/cjs/picker/type.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { PickerData, ValueType } from '../picker-view/type';
 import { PopupProps } from '../popup';
 export declare type DataType = PickerData[] | PickerData[][] | ValueType[][];
@@ -81,7 +81,7 @@ export interface PickerProps extends Omit<PopupProps, 'visible' | 'close' | 'chi
      * 点击选中时执行的回调
      * @en Callback when clicking on Ok
      */
-    onOk?: (value: ValueType[]) => void;
+    onOk?: (value: ValueType[], data: PickerData[]) => void;
     /**
      * 点击取消时执行的回调
      * @en Callback when clicking to cancel
@@ -123,4 +123,9 @@ export interface PickerProps extends Omit<PopupProps, 'visible' | 'close' | 'chi
      * @default true
      */
     gestureOutOfControl?: boolean;
+    /**
+     * 将选择器的展现隐藏状态及选中值的展示与某个容器关联，传入后将同时渲染该容器和选择器组件，此时选择器组件的 visible 和 onHide 属性可不传，点击该容器会唤起选择器
+     * @en Associate the hidden state of the picker and the display of the selected value with a container. After passing it in, the container and the picker component will be rendered at the same time. At this time, the visible and onHide attributes of the picker component are optional values. Clicking the container will evoke the picker
+     */
+    renderLinkedContainer?: (value: ValueType[], data: PickerData[]) => ReactNode;
 }

package/cjs/picker-view/components/cascader.d.ts

@@ -19,6 +19,7 @@ export interface CascaderRef {
     getCellMovingStatus: () => PickerCellMovingStatus[];
     scrollToCurrentIndex: () => void;
     getAllCellsValue: () => ValueType[];
+    getAllCellsData: () => PickerData[];
 }
 declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<CascaderRef>>;
 export default Cascader;

package/cjs/picker-view/components/cascader.js

@@ -37,7 +37,8 @@ var Cascader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return {
       getCellMovingStatus: getCellMovingStatus,
       scrollToCurrentIndex: scrollToCurrentIndex,
-      getAllCellsValue: getAllCellsValue
+      getAllCellsValue: getAllCellsValue,
+      getAllCellsData: getAllCellsData
     };
   });
 
@@ -59,6 +60,12 @@ var Cascader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     });
   }
 
+  function getAllCellsData() {
+    return pickerCellsRef.current.map(function (cell) {
+      return cell.getCurrentCellData();
+    });
+  }
+
   function _onValueChange(value, index, newData) {
     var children = (0, _mobileUtils.arrayTreeFilter)(data, function (item, level) {
       return level <= index && item.value === value[level];

package/cjs/picker-view/components/picker-cell.d.ts

@@ -22,6 +22,7 @@ export interface PickerCellRef {
     movingStatus: PickerCellMovingStatus;
     scrollToCurrentIndex: () => void;
     getCurrentCellValue: () => ValueType;
+    getCurrentCellData: () => PickerData;
 }
 declare const PickerCell: React.ForwardRefExoticComponent<PickerCellProps & React.RefAttributes<PickerCellRef>>;
 export default PickerCell;

package/cjs/picker-view/components/picker-cell.js

@@ -304,6 +304,10 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return (_data$currentIndex = data[currentIndex]) == null ? void 0 : _data$currentIndex.value;
   }
 
+  function getCurrentCellData() {
+    return data[currentIndex];
+  }
+
   function _clearTimer() {
     timeRef.current && clearTimeout(timeRef.current);
     timeRef.current = null;
@@ -369,7 +373,8 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return {
       movingStatus: movingStatusRef.current,
       scrollToCurrentIndex: scrollToCurrentIndex,
-      getCurrentCellValue: getCurrentCellValue
+      getCurrentCellValue: getCurrentCellValue,
+      getCurrentCellData: getCurrentCellData
     };
   });
   return !hideEmptyCols || data && data.length ? /*#__PURE__*/_react.default.createElement("div", {

package/cjs/picker-view/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import MultiPicker from '../picker-view/components/multi-picker';
 import PickerCell from '../picker-view/components/picker-cell';
 import Cascader from '../picker-view/components/cascader';
-import { PickerViewProps, ValueType, PickerCellMovingStatus } from './type';
+import { PickerViewProps, ValueType, PickerData, PickerCellMovingStatus } from './type';
 export * from './type';
 export { MultiPicker, PickerCell, Cascader };
 export interface PickerViewRef {
@@ -41,6 +41,11 @@ export interface PickerViewRef {
      * @en Jump directly to the current most recent line (will break scrolling when called)
      */
     scrollToCurrentIndex: () => void;
+    /**
+     * 获取所有列的 data
+     * @en Get all column data
+     */
+    getAllColumnData: () => PickerData[];
 }
 declare const _default: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<PickerViewRef>> & {
     displayName?: string | undefined;