@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/overlay-ed3eb37d.js

@@ -0,0 +1,94 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "zIndex", "duration", "overlayClass", "closeOnClickOverlay", "visible", "lockScroll", "overlayStyle"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useState, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultOverlayProps = {
+  zIndex: 2000,
+  duration: 0.3,
+  overlayClass: '',
+  closeOnClickOverlay: true,
+  visible: false,
+  lockScroll: true,
+  overlayStyle: {}
+};
+
+var Overlay = function Overlay(props) {
+  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props),
+      children = _defaultOverlayProps$.children,
+      zIndex = _defaultOverlayProps$.zIndex,
+      duration = _defaultOverlayProps$.duration,
+      overlayClass = _defaultOverlayProps$.overlayClass,
+      closeOnClickOverlay = _defaultOverlayProps$.closeOnClickOverlay,
+      visible = _defaultOverlayProps$.visible,
+      lockScroll = _defaultOverlayProps$.lockScroll,
+      overlayStyle = _defaultOverlayProps$.overlayStyle,
+      rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
+
+  var _useState = useState(visible),
+      _useState2 = _slicedToArray(_useState, 2),
+      show = _useState2[0],
+      setShow = _useState2[1];
+
+  var renderRef = useRef(true);
+  var intervalRef = useRef(0);
+  useEffect(function () {
+    visible && setShow(visible);
+    lock();
+  }, [visible]);
+  useEffect(function () {
+    return function () {
+      clearTimeout(intervalRef.current);
+      document.body.classList.remove('nut-overflow-hidden');
+    };
+  }, []);
+  var b = cn('overlay');
+  var classes = classNames({
+    'overlay-fade-leave-active': !renderRef.current && !visible,
+    'overlay-fade-enter-active': visible,
+    'first-render': renderRef.current && !visible,
+    'hidden-render': !visible
+  }, overlayClass, b(''));
+
+  var styles = _objectSpread({
+    zIndex: zIndex,
+    animationDuration: "".concat(props.duration, "s")
+  }, overlayStyle);
+
+  var lock = function lock() {
+    if (lockScroll && visible) {
+      document.body.classList.add('nut-overflow-hidden');
+    } else {
+      document.body.classList.remove('nut-overflow-hidden');
+    }
+  };
+
+  var handleClick = function handleClick(e) {
+    if (closeOnClickOverlay) {
+      props.onClick && props.onClick(e);
+      renderRef.current = false;
+      var id = setTimeout(function () {
+        setShow(!visible);
+      }, duration * 1000 * 0.8);
+      intervalRef.current = id;
+    }
+  };
+
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread(_objectSpread({
+    className: classes,
+    style: styles
+  }, rest), {}, {
+    onClick: handleClick
+  }), children));
+};
+
+Overlay.defaultProps = defaultOverlayProps;
+Overlay.displayName = 'NutOverlay';
+export { Overlay as O, defaultOverlayProps as d };

package/dist/esm/overlay.taro-a784329e.js

@@ -0,0 +1,94 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "zIndex", "duration", "overlayClass", "closeOnClickOverlay", "visible", "lockScroll", "overlayStyle"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useState, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultOverlayProps = {
+  zIndex: 2000,
+  duration: 0.3,
+  overlayClass: '',
+  closeOnClickOverlay: true,
+  visible: false,
+  lockScroll: true,
+  overlayStyle: {}
+};
+
+var Overlay = function Overlay(props) {
+  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props),
+      children = _defaultOverlayProps$.children,
+      zIndex = _defaultOverlayProps$.zIndex,
+      duration = _defaultOverlayProps$.duration,
+      overlayClass = _defaultOverlayProps$.overlayClass,
+      closeOnClickOverlay = _defaultOverlayProps$.closeOnClickOverlay,
+      visible = _defaultOverlayProps$.visible,
+      lockScroll = _defaultOverlayProps$.lockScroll,
+      overlayStyle = _defaultOverlayProps$.overlayStyle,
+      rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
+
+  var _useState = useState(visible),
+      _useState2 = _slicedToArray(_useState, 2),
+      show = _useState2[0],
+      setShow = _useState2[1];
+
+  var renderRef = useRef(true);
+  var intervalRef = useRef(0);
+  useEffect(function () {
+    visible && setShow(visible);
+    lock();
+  }, [visible]);
+  useEffect(function () {
+    return function () {
+      clearTimeout(intervalRef.current);
+      document.body.classList.remove('nut-overflow-hidden');
+    };
+  }, []);
+  var b = cn('overlay');
+  var classes = classNames({
+    'overlay-fade-leave-active': !renderRef.current && !visible,
+    'overlay-fade-enter-active': visible,
+    'first-render': renderRef.current && !visible,
+    'hidden-render': !visible
+  }, overlayClass, b(''));
+
+  var styles = _objectSpread({
+    zIndex: zIndex,
+    animationDuration: "".concat(props.duration, "s")
+  }, overlayStyle);
+
+  var lock = function lock() {
+    if (lockScroll && visible) {
+      document.body.classList.add('nut-overflow-hidden');
+    } else {
+      document.body.classList.remove('nut-overflow-hidden');
+    }
+  };
+
+  var handleClick = function handleClick(e) {
+    if (closeOnClickOverlay) {
+      props.onClick && props.onClick(e);
+      renderRef.current = false;
+      var id = setTimeout(function () {
+        setShow(!visible);
+      }, duration * 1000 * 0.8);
+      intervalRef.current = id;
+    }
+  };
+
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread(_objectSpread({
+    className: classes,
+    style: styles
+  }, rest), {}, {
+    onClick: handleClick
+  }), children));
+};
+
+Overlay.defaultProps = defaultOverlayProps;
+Overlay.displayName = 'NutOverlay';
+export { Overlay as O };

package/dist/esm/pagination.taro-abc4a71e.js

@@ -0,0 +1,202 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["modelValue", "mode", "prevText", "nextText", "pageCount", "totalItems", "itemsPerPage", "showPageSize", "onChange", "updatecurrent", "forceEllipses", "pageNodeRender", "defaultValue", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useState, useEffect } from 'react';
+import { u as useConfig } from './configprovider-18657611.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  defaultValue: 1,
+  mode: 'multi',
+  prevText: '',
+  nextText: '',
+  pageCount: '',
+  totalItems: '0',
+  itemsPerPage: '10',
+  showPageSize: '5',
+  forceEllipses: false,
+  className: '',
+  pageNodeRender: function pageNodeRender(item) {
+    return item.text;
+  }
+};
+
+var Pagination = function Pagination(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  _objectSpread(_objectSpread({}, defaultProps), props);
+
+  var modelValue = props.modelValue,
+      mode = props.mode,
+      prevText = props.prevText,
+      nextText = props.nextText,
+      pageCount = props.pageCount,
+      totalItems = props.totalItems,
+      itemsPerPage = props.itemsPerPage,
+      showPageSize = props.showPageSize,
+      onChange = props.onChange,
+      updatecurrent = props.updatecurrent,
+      forceEllipses = props.forceEllipses,
+      pageNodeRender = props.pageNodeRender,
+      defaultValue = props.defaultValue,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState(1),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrent = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      pages = _useState4[0],
+      setPages = _useState4[1];
+
+  var _useState5 = useState(Number(pageCount)),
+      _useState6 = _slicedToArray(_useState5, 2),
+      countRef = _useState6[0],
+      setCountRef = _useState6[1];
+
+  var paginationBem = cn('pagination'); // 计算页面的数量
+
+  var computedCountRef = function computedCountRef() {
+    var num = Number(pageCount) || Math.ceil(Number(totalItems) / Number(itemsPerPage));
+    return Number.isNaN(num) ? 1 : Math.max(1, num);
+  }; // 生成pages数组，用来遍历
+
+
+  var computedPages = function computedPages(_currentPage, _countRef) {
+    if (mode === 'simple') return [];
+    var items = [];
+    var pageCount = _countRef || countRef; // 总的页面数量
+
+    var pageSize = Number(showPageSize); // 展示的页面个数
+
+    var _current = _currentPage || Number(currentPage); // 当前页
+
+
+    var startPage = 1;
+    var endPage = pageCount;
+    var partialShow = pageCount > pageSize;
+
+    if (partialShow) {
+      // 选中的page在展示的page中间
+      startPage = Math.max(_current - Math.floor(pageSize / 2), 1);
+      endPage = startPage + pageSize - 1;
+
+      if (endPage > pageCount) {
+        endPage = pageCount;
+        startPage = endPage - pageSize + 1;
+      }
+    } // 遍历生成数组
+
+
+    for (var i = startPage; i <= endPage; i++) {
+      var page = setPage(i, i, _current === i);
+      items.push(page);
+    } // 判断是否有折叠
+
+
+    if (partialShow && pageSize > 0 && forceEllipses) {
+      if (startPage > 1) {
+        var prevPage = setPage(startPage - 1, '...');
+        items.unshift(prevPage);
+      }
+
+      if (endPage < pageCount) {
+        var nextPage = setPage(endPage + 1, '...');
+        items.push(nextPage);
+      }
+    }
+
+    return items;
+  }; // 点击选择page
+
+
+  var selectPage = function selectPage(curPage, isSelect) {
+    if (curPage > countRef || curPage < 1) return; // 是否传入modelValue
+
+    if (!('modelValue' in props)) {
+      setCurrent(Number(curPage));
+
+      if (curPage !== currentPage) {
+        setPages(computedPages(curPage));
+      }
+    }
+
+    if (curPage !== currentPage) {
+      updatecurrent && updatecurrent(curPage);
+    }
+
+    if (isSelect) onChange && onChange(curPage);
+  }; // set page 对象
+
+
+  var setPage = function setPage(number, text, active) {
+    return {
+      number: number,
+      text: text,
+      active: active
+    };
+  };
+
+  useEffect(function () {
+    // 初始化 判断是否传入值 计算 当前页，总页数，生成子节点
+    var currentValue = props.defaultValue || 1;
+
+    if ('modelValue' in props) {
+      currentValue = Number(props.modelValue);
+    }
+
+    var pageCount = computedCountRef();
+    setCountRef(pageCount);
+    setPages(computedPages(currentValue, pageCount));
+  }, []);
+
+  if ('modelValue' in props) {
+    var current = props.modelValue ? Number(props.modelValue) : 1;
+
+    if (current !== currentPage) {
+      setCurrent(current);
+      setPages(computedPages(Number(current)));
+    }
+  }
+
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(paginationBem(''), " ").concat(className)
+  }, rest), React__default.createElement("div", {
+    className: "".concat(paginationBem('prev'), "  ").concat(mode === 'multi' ? '' : 'simple-border', " ").concat(currentPage === 1 ? 'disabled' : ''),
+    onClick: function onClick(e) {
+      return selectPage(Number(currentPage) - 1, true);
+    }
+  }, prevText || locale.pagination.prev), mode === 'multi' ? React__default.createElement("div", {
+    className: "".concat(paginationBem('contain'))
+  }, pages.map(function (item, index) {
+    return React__default.createElement("div", {
+      key: "".concat(index, "pagination"),
+      className: "".concat(paginationBem('item'), " ").concat(item.active ? 'active' : ''),
+      onClick: function onClick(e) {
+        return !item.active ? selectPage(item.number, true) : '';
+      }
+    }, pageNodeRender ? pageNodeRender(item) : item.text);
+  })) : '', mode === 'simple' ? React__default.createElement("div", {
+    className: "".concat(paginationBem('contain'))
+  }, React__default.createElement("div", {
+    className: "".concat(paginationBem('simple'))
+  }, currentPage, "/", countRef)) : '', React__default.createElement("div", {
+    className: "".concat(paginationBem('next'), "  ").concat(Number(currentPage) >= countRef ? 'disabled' : ''),
+    onClick: function onClick(e) {
+      return selectPage(Number(currentPage) + 1, true);
+    }
+  }, nextText || locale.pagination.next));
+};
+
+Pagination.defaultProps = defaultProps;
+Pagination.displayName = 'NutPagination';
+export { Pagination as P };

package/dist/esm/picker.taro-c05b1930.js

@@ -0,0 +1,262 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["isVisible", "title", "listData", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChange", "className", "style", "threeDimensional"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useState, useRef, useEffect } from 'react';
+import { P as Popup } from './popup-15922d84.js';
+import { P as PickerSlot } from './pickerSlot-c8f5343e.js';
+import { u as useConfig } from './configprovider-18657611.js';
+import { c as cn } from './bem-893ad28d.js';
+
+var InternalPicker = function InternalPicker(props, ref) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  var isVisible = props.isVisible,
+      title = props.title,
+      _props$listData = props.listData,
+      listData = _props$listData === void 0 ? [] : _props$listData,
+      defaultValueData = props.defaultValueData,
+      onConfirm = props.onConfirm,
+      onClose = props.onClose,
+      onCloseUpdate = props.onCloseUpdate,
+      onChange = props.onChange,
+      className = props.className,
+      style = props.style,
+      threeDimensional = props.threeDimensional,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      chooseValueData = _useState2[0],
+      setchooseValueData = _useState2[1]; // 选择的数据的 value 值, 每一条数据的 value 值
+
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      columnIndex = _useState4[0],
+      setcolumnIndex = _useState4[1]; // 选中列
+
+
+  var pickerRef = useRef(null);
+
+  var _useState5 = useState([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      columnsList = _useState6[0],
+      setColumnsList = _useState6[1]; // 格式化后每一列的数据
+
+
+  var b = cn('picker'); // 默认值修改
+
+  useEffect(function () {
+    if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
+      var data = _toConsumableArray(defaultValueData);
+
+      setchooseValueData(data);
+      setColumnsList(normalListData());
+    }
+  }, [defaultValueData]); // 选中值进行修改
+
+  useEffect(function () {
+    onChange && onChange(columnIndex, chooseValueData, selectedOptions());
+  }, [chooseValueData]); // 列表格式修改
+
+  useEffect(function () {
+    init();
+  }, [listData]);
+
+  var closeActionSheet = function closeActionSheet() {
+    onClose && onClose(chooseValueData, selectedOptions());
+    onCloseUpdate && onCloseUpdate(chooseValueData, selectedOptions(), pickerRef);
+  }; // 点击确定
+
+
+  var confirm = function confirm() {
+    onConfirm && onConfirm(chooseValueData, selectedOptions());
+    onClose && onClose(chooseValueData, selectedOptions());
+  };
+
+  var selectedOptions = function selectedOptions() {
+    var optins = [];
+    columnsList.map(function (column, index) {
+      var currOptions = [];
+      currOptions = column.filter(function (item) {
+        return item.value === chooseValueData[index];
+      });
+
+      if (currOptions[0]) {
+        optins.push(currOptions[0]);
+      } else {
+        column[0] && optins.push(column[0]);
+      }
+
+      return column;
+    });
+    return optins;
+  }; // 选择每一列的数据
+
+
+  var _chooseItem = function chooseItem(option, columnIndex) {
+    if (option && Object.keys(option).length) {
+      // 是否移动后是否与之前有差异
+      if (chooseValueData[columnIndex] !== option.value) {
+        if (columnsType() === 'cascade') {
+          chooseValueData[columnIndex] = option.value ? option.value : '';
+          setchooseValueData(_toConsumableArray(chooseValueData));
+          var index = columnIndex;
+          var cursor = option;
+
+          while (cursor && cursor.children && cursor.children[0]) {
+            chooseValueData[index + 1] = cursor.children[0].value;
+            setchooseValueData(_toConsumableArray(chooseValueData));
+            index++;
+            var cc = cursor.children[0];
+            cursor = cc;
+          } // 当前改变列的下一列 children 值为空
+
+
+          if (cursor && cursor.children) {
+            chooseValueData[index + 1] = '';
+            setchooseValueData(_toConsumableArray(chooseValueData));
+          }
+
+          setColumnsList(normalListData());
+        } else {
+          setchooseValueData(function (data) {
+            var cdata = _toConsumableArray(data);
+
+            cdata[columnIndex] = Object.prototype.hasOwnProperty.call(option, 'value') ? option.value : '';
+            return cdata;
+          });
+        }
+
+        setcolumnIndex(columnIndex);
+      }
+    }
+  }; // 传入的数据格式化
+
+
+  var normalListData = function normalListData() {
+    var type = columnsType();
+
+    switch (type) {
+      case 'multiple':
+        return listData;
+
+      case 'cascade':
+        // 级联数据处理
+        return formatCascade(listData, chooseValueData);
+
+      default:
+        return [listData];
+    }
+  }; // 每一列的类型
+
+
+  var columnsType = function columnsType() {
+    var firstColumn = listData[0];
+
+    if (firstColumn) {
+      if (Array.isArray(firstColumn)) {
+        return 'multiple';
+      }
+
+      if ('children' in firstColumn) {
+        return 'cascade';
+      }
+    }
+
+    return 'single';
+  }; // 级联数据格式化
+
+
+  var formatCascade = function formatCascade(columns, defaultValues) {
+    var formatted = [];
+    var cursor = {
+      text: '',
+      value: '',
+      children: columns
+    };
+    var columnIndex = 0;
+
+    var _loop = function _loop() {
+      var options = cursor.children;
+      var value = defaultValues[columnIndex];
+      var index = options.findIndex(function (columnItem) {
+        return columnItem.value === value;
+      });
+      if (index === -1) index = 0;
+      cursor = cursor.children[index];
+      columnIndex++;
+      formatted.push(options);
+    };
+
+    while (cursor && cursor.children) {
+      _loop();
+    }
+
+    return formatted;
+  };
+
+  var init = function init() {
+    var data = [];
+    var normalData = normalListData();
+    setColumnsList(normalData);
+    normalData.map(function (item) {
+      data.push(item[0].value);
+      return item;
+    });
+
+    if (!defaultValueData && chooseValueData.length === 0) {
+      setchooseValueData([].concat(data));
+    }
+  };
+
+  return React__default.createElement(Popup, {
+    visible: isVisible,
+    position: "bottom",
+    onClose: function onClose() {
+      closeActionSheet();
+    }
+  }, React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className || ''),
+    style: style
+  }, rest), React__default.createElement("div", {
+    className: b('control')
+  }, React__default.createElement("span", {
+    className: b('cancel-btn'),
+    onClick: function onClick() {
+      return closeActionSheet();
+    }
+  }, locale.cancel), React__default.createElement("div", {
+    className: b('title')
+  }, title || ''), React__default.createElement("span", {
+    className: b('confirm-btn'),
+    onClick: function onClick() {
+      return confirm();
+    }
+  }, locale.confirm)), React__default.createElement("div", {
+    className: b('panel'),
+    ref: pickerRef
+  }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map(function (item, index) {
+    return React__default.createElement(PickerSlot, {
+      defaultValue: chooseValueData === null || chooseValueData === void 0 ? void 0 : chooseValueData[index],
+      listData: item,
+      threeDimensional: threeDimensional,
+      chooseItem: function chooseItem(value, index) {
+        return _chooseItem(value, index);
+      },
+      key: index,
+      keyIndex: index
+    });
+  }))));
+};
+
+var Picker = React__default.forwardRef(InternalPicker);
+export { Picker as P };