@bifrostui/react 1.0.4 → 1.1.1

package/dist/Picker/Picker.css

@@ -0,0 +1,53 @@
+.bui-picker {
+  --cancel-color: var(--bui-color-fg-default);
+  --cancel-font-size: var(--bui-title-size-4, 15px);
+  --confirm-color: var(--bui-color-primary);
+  --confirm-font-size: var(--bui-title-size-4, 15px);
+  --title-color: var(--bui-color-fg-default);
+  --title-font-size: var(--bui-title-size-3, 16px);
+  --title-font-weight: var(--bui-font-weight-medium, 500);
+  --panel-container-height: 260px;
+  --indicator-top: 108px;
+  --indicator-height: 36px;
+  --indicator-border-color: var(--bui-color-border-default);
+  --option-color: var(--bui-color-fg-default);
+  --option-font-size: var(--bui-title-size-4);
+  --option-height: 36px;
+  font-family: var(--bui-font-family);
+}
+.bui-picker .bui-drawer-content {
+  border-radius: var(--bui-shape-radius-drawer) var(--bui-shape-radius-drawer) 0 0;
+}
+.bui-picker-header {
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--bui-spacing-lg);
+}
+.bui-picker-cancel {
+  width: 40px;
+  height: 100%;
+  font-size: var(--cancel-font-size);
+  text-align: center;
+  line-height: 50px;
+  color: var(--cancel-color);
+}
+.bui-picker-title {
+  font-size: var(--title-font-size);
+  color: var(--title-color);
+  font-weight: var(--title-font-weight);
+}
+.bui-picker-confirm {
+  width: 40px;
+  height: 100%;
+  font-size: var(--confirm-font-size);
+  text-align: center;
+  line-height: 50px;
+  color: var(--confirm-color);
+}
+.bui-picker-container {
+  width: 100%;
+  height: var(--panel-container-height);
+  display: flex;
+}

package/dist/Picker/Picker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PickerProps } from './Picker.types';
+import './Picker.less';
+declare const Picker: React.ForwardRefExoticComponent<Omit<PickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Picker;

package/dist/Picker/Picker.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireWildcard(require("react"));
+var _Drawer = _interopRequireDefault(require("../Drawer"));
+var _PickerPanel = _interopRequireDefault(require("./PickerPanel"));
+var _utils = require("./utils");
+require("./Picker.css");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const prefixCls = 'bui-picker';
+const Picker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    open = false,
+    title,
+    options = [],
+    value,
+    contentProps,
+    onConfirm,
+    onOptionChange,
+    onCancel,
+    onClose,
+    ...others
+  } = props;
+  const pickerType = (0, _utils.pickerPanelType)(options);
+  const [columns, setColumns] = (0, _react.useState)([]);
+  const [internalValue, setInternalValue] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    if (!open) return;
+
+    // 初始化默认选中数据
+    const formatted = (0, _utils.formatOptions)(value, options);
+    const initialValue = [];
+    (formatted || []).forEach(item => {
+      initialValue.push(item?.[0]?.value);
+    });
+    const defaultValue = value?.length ? value : initialValue;
+    if (defaultValue?.length) {
+      setInternalValue(defaultValue);
+    }
+  }, [open, value, options]);
+  (0, _react.useEffect)(() => {
+    if (options?.length) {
+      const formatted = (0, _utils.formatOptions)(value, options);
+      setColumns(formatted);
+    }
+  }, [value, options]);
+  const confirm = e => {
+    const payload = {
+      value: internalValue,
+      options: columns
+    };
+    onConfirm?.(e, payload);
+    onClose?.(e, {
+      from: 'confirm',
+      ...payload
+    });
+  };
+  const cancel = e => {
+    onCancel?.(e);
+    onClose?.(e, {
+      from: 'cancel',
+      value: internalValue,
+      options: columns
+    });
+  };
+  const updateItem = (e, columnOption, columnIndex) => {
+    const columnValues = internalValue?.slice(0, columnIndex) || [];
+    let colIndex = columnIndex;
+    let colOption = columnOption;
+    if (colOption && Object.keys(colOption).length) {
+      if (columnValues[columnIndex] === columnOption.value) return;
+      if (pickerType === 'cascade') {
+        columnValues[colIndex] = colOption.value || '';
+        while (colOption?.children?.[0]) {
+          columnValues[colIndex + 1] = colOption.children[0].value;
+          colIndex += 1;
+          colOption = {
+            ...(colOption?.children?.[0] || {})
+          };
+        }
+        // 当前改变列的下一列 children 值为空
+        if (colOption?.children?.length) {
+          columnValues[columnIndex + 1] = '';
+        }
+        const conbineValues = [...(internalValue?.slice(0, columnIndex) || []), ...columnValues.slice(columnIndex)];
+        const formatted = (0, _utils.formatOptions)(conbineValues, options);
+        setColumns(formatted);
+        setInternalValue(conbineValues);
+        onOptionChange?.(e, {
+          value: conbineValues,
+          options: formatted,
+          currentOption: columnOption
+        });
+      } else {
+        const result = internalValue;
+        result[columnIndex] = columnOption.value;
+        setInternalValue(result);
+        onOptionChange?.(e, {
+          value: result,
+          options,
+          currentOption: columnOption
+        });
+      }
+    }
+  };
+  const handleSelect = (e, {
+    columnIndex,
+    columnOption
+  }) => {
+    updateItem(e, columnOption, columnIndex);
+  };
+  const handleClose = (e, data) => {
+    onClose?.(e, {
+      value: internalValue,
+      options: columns,
+      ...data
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_Drawer.default, _extends({
+    ref: ref,
+    open: open,
+    className: (0, _clsx.default)(prefixCls, className),
+    onClose: handleClose
+  }, others), /*#__PURE__*/_react.default.createElement("div", _extends({}, contentProps, {
+    className: (0, _clsx.default)(`${prefixCls}-content`, contentProps?.className)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-header`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-cancel`,
+    onClick: cancel
+  }, "\u53D6\u6D88"), title && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-title`
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-confirm`,
+    onClick: confirm
+  }, "\u786E\u8BA4")), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-container`
+  }, columns.map((column, index) => /*#__PURE__*/_react.default.createElement(_PickerPanel.default, {
+    key: index,
+    options: column,
+    columnIndex: index,
+    defaultValue: internalValue?.[index],
+    onSelect: handleSelect
+  })))));
+});
+Picker.displayName = 'BuiPicker';
+var _default = exports.default = Picker;

package/dist/Picker/Picker.types.d.ts

@@ -0,0 +1,98 @@
+import React from 'react';
+import { OverrideProps } from '@bifrostui/types';
+import { DrawerProps } from '../Drawer/Drawer.types';
+export interface IPickerOptionItem {
+    /**
+     * 选项的文字内容
+     */
+    label?: string | number;
+    /**
+     * 选项对应唯一的值
+     */
+    value: string | number;
+}
+export type ICascadePickerOptionItem = IPickerOptionItem & {
+    /**
+     * 用于级联选项
+     */
+    children?: ICascadePickerOptionItem[];
+};
+export type PickerProps<D extends React.ElementType = 'div', P = DrawerProps> = OverrideProps<{
+    props: P & {
+        /**
+         * 是否展示选择器
+         * @default false
+         */
+        open?: boolean;
+        /**
+         * 标题
+         */
+        title?: string;
+        /**
+         * 列表数据
+         * @default []
+         */
+        options?: IPickerOptionItem[][] | ICascadePickerOptionItem[];
+        /**
+         * 选中的值
+         */
+        value?: (string | number)[];
+        /**
+         * 内部内容DOM节点上的Props
+         */
+        contentProps?: React.HTMLAttributes<HTMLDivElement>;
+        /**
+         * 点击确认按钮时候回调
+         */
+        onConfirm?: (e: React.SyntheticEvent, data: {
+            value: (string | number)[];
+            options: ICascadePickerOptionItem[];
+        }) => void;
+        /**
+         * 选项值变更时的回调
+         */
+        onOptionChange?: (e: React.SyntheticEvent, data: {
+            value: (string | number)[];
+            options: IPickerOptionItem[][] | ICascadePickerOptionItem[];
+            currentOption: ICascadePickerOptionItem;
+        }) => void;
+        /**
+         * 点击取消按钮时候回调
+         */
+        onCancel?: (e: React.SyntheticEvent) => void;
+        /**
+         * 关闭选择器时执行
+         */
+        onClose?: (e: React.SyntheticEvent, data: {
+            from: string;
+            value: (string | number)[];
+            options: IPickerOptionItem[][] | ICascadePickerOptionItem[];
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;
+export type PickerPanelProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 单列面板的列表数据
+         * @default []
+         */
+        options?: IPickerOptionItem[][] | ICascadePickerOptionItem[];
+        /**
+         * 默认值
+         */
+        defaultValue?: string | number;
+        /**
+         * 列索引
+         */
+        columnIndex?: number;
+        /**
+         * 选择选项时的回调
+         */
+        onSelect?: (e: React.SyntheticEvent, data: {
+            columnOption: IPickerOptionItem[] | ICascadePickerOptionItem;
+            columnIndex: number;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/Picker/Picker.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Picker/PickerPanel.css

@@ -0,0 +1,54 @@
+.bui-picker-panel {
+  flex: 1;
+  flex-shrink: 0;
+  position: relative;
+  font-family: var(--bui-font-family);
+}
+.bui-picker-panel-roller {
+  transform: rotate3d(1, 0, 0, 60deg);
+  transform-style: preserve-3d;
+  position: absolute;
+  top: var(--indicator-top);
+  width: 100%;
+  height: var(--option-height);
+}
+.bui-picker-panel-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(180deg, var(--bui-color-bg-view-opacity-9), var(--bui-color-bg-view-opacity-4)), linear-gradient(0deg, var(--bui-color-bg-view-opacity-9), var(--bui-color-bg-view-opacity-4));
+  background-position: top, bottom;
+  background-size: 100% var(--indicator-top);
+  background-repeat: no-repeat;
+  transform: translateZ(0);
+}
+.bui-picker-panel-indicator {
+  position: absolute;
+  top: var(--indicator-top);
+  height: var(--indicator-height);
+  width: 100%;
+  border-top: 1px solid var(--indicator-border-color);
+  border-bottom: 1px solid var(--indicator-border-color);
+}
+.bui-picker-panel-option {
+  position: absolute;
+  top: 0;
+  left: 0;
+  text-align: center;
+  height: var(--option-height);
+  line-height: var(--option-height);
+  color: var(--option-color);
+  font-size: var(--option-font-size);
+  backface-visibility: hidden;
+  width: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
+.bui-picker-panel-option-hidden {
+  visibility: hidden;
+  opacity: 0;
+}

package/dist/Picker/PickerPanel.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PickerPanelProps } from './Picker.types';
+import './PickerPanel.less';
+declare const PickerPanel: React.ForwardRefExoticComponent<Omit<PickerPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default PickerPanel;

package/dist/Picker/PickerPanel.js

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@bifrostui/utils");
+require("./PickerPanel.css");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const prefixCls = 'bui-picker-panel';
+const PickerPanel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    options = [],
+    defaultValue,
+    onSelect,
+    columnIndex,
+    ...others
+  } = props;
+  const touch = (0, _utils.useTouch)();
+  let timer;
+  // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `INERTIA_TIME` 且 move 距离大于 `INERTIA_DISTANCE` 时，触发惯性滑动
+  const INERTIA_TIME = 300;
+  const INERTIA_DISTANCE = 15;
+  const DEFAULT_DURATION = 200;
+  const LINE_SPACING = 36;
+  const ROTATION = 20;
+  const TOUCH_END = 'end';
+  const [startY, setStartY] = (0, _react.useState)(0);
+  const [currIndex, setCurrIndex] = (0, _react.useState)(1);
+  const [startTime, setStartTime] = (0, _react.useState)(0);
+  const [touchTime, setTouchTime] = (0, _react.useState)(0);
+  const [touchDeg, setTouchDeg] = (0, _react.useState)('0deg');
+  const [scrollDistance, setScrollDistance] = (0, _react.useState)(0);
+  const transformY = (0, _react.useRef)(0);
+  const isVerticalMoving = (0, _react.useRef)(false);
+  const PickerPanelRef = (0, _react.useRef)(null);
+  const pickerPanelRef = (0, _utils.useForkRef)(PickerPanelRef, ref);
+  (0, _utils.useTouchEmulator)(PickerPanelRef.current);
+  const updateSelect = () => {
+    let index = -1;
+    if (defaultValue) {
+      options.some((item, idx) => {
+        if (item.value === defaultValue) {
+          index = idx;
+          return true;
+        }
+        return false;
+      });
+    }
+    setCurrIndex(index === -1 ? 1 : index + 1);
+    const move = index === -1 ? 0 : index * LINE_SPACING;
+    setMove({
+      move: -move
+    });
+  };
+  (0, _react.useEffect)(() => {
+    setScrollDistance(0);
+    transformY.current = 0;
+    updateSelect();
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [options]);
+  const setTransform = (type, deg, time = DEFAULT_DURATION, translateY = 0) => {
+    let nTime = time;
+    if (type !== TOUCH_END) {
+      nTime = 0;
+    }
+    setTouchTime(nTime);
+    setTouchDeg(deg);
+    setScrollDistance(translateY);
+  };
+  const setMove = config => {
+    const {
+      move,
+      type,
+      time
+    } = config || {};
+    let updateMove = move + transformY.current;
+    if (type === TOUCH_END) {
+      // 限定滚动距离
+      if (updateMove > 0) {
+        updateMove = 0;
+      }
+      if (updateMove < -(options.length - 1) * LINE_SPACING) {
+        updateMove = -(options.length - 1) * LINE_SPACING;
+      }
+
+      // 设置滚动距离为LINE_SPACING的倍数值
+      const endMove = Math.round(updateMove / LINE_SPACING) * LINE_SPACING;
+      const deg = `${(Math.abs(Math.round(endMove / LINE_SPACING)) + 1) * ROTATION}deg`;
+      setTransform(type, deg, time, endMove);
+      setCurrIndex(Math.abs(Math.round(endMove / LINE_SPACING)) + 1);
+    } else {
+      let deg = 0;
+      const currentDeg = (-updateMove / LINE_SPACING + 1) * ROTATION;
+
+      // picker 滚动的最大角度
+      const maxDeg = (options.length + 1) * ROTATION;
+      const minDeg = 0;
+      deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
+      if (minDeg < deg && deg < maxDeg) {
+        setTransform('', `${deg}deg`, undefined, updateMove);
+        setCurrIndex(Math.abs(Math.round(updateMove / LINE_SPACING)) + 1);
+      }
+    }
+  };
+
+  // 惯性滚动距离
+  const momentum = (distance, duration) => {
+    let nDistance = distance;
+    // 惯性滚动的速度
+    const speed = Math.abs(nDistance / duration);
+    // 惯性滚动的距离
+    nDistance = speed / 0.003 * (nDistance < 0 ? -1 : 1);
+    return nDistance;
+  };
+  const panelTouchStart = event => {
+    touch.start(event);
+    setStartY(touch.deltaY.current);
+    setStartTime(Date.now());
+    transformY.current = scrollDistance;
+  };
+  const panelTouchMove = event => {
+    touch.move(event);
+    if (touch.isVertical) {
+      isVerticalMoving.current = true;
+      event.preventDefault();
+      event.stopPropagation();
+    }
+    const move = touch.deltaY.current - startY;
+    setMove({
+      move
+    });
+  };
+  const panelTouchEnd = () => {
+    if (!isVerticalMoving.current) return;
+    const move = touch.deltaY.current - startY;
+    const moveTime = Date.now() - startTime;
+    if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
+      // 惯性滚动
+      const distance = momentum(move, moveTime);
+      setMove({
+        move: distance,
+        type: TOUCH_END,
+        time: 1000
+      });
+    } else {
+      // 非惯性滚动
+      setMove({
+        move,
+        type: TOUCH_END
+      });
+    }
+    timer = setTimeout(() => {
+      touch.reset();
+    }, 0);
+  };
+  (0, _react.useEffect)(() => {
+    PickerPanelRef.current?.addEventListener('touchstart', panelTouchStart);
+    PickerPanelRef.current?.addEventListener('touchmove', panelTouchMove);
+    PickerPanelRef.current?.addEventListener('touchend', panelTouchEnd);
+    return () => {
+      PickerPanelRef.current?.removeEventListener('touchstart', panelTouchStart);
+      PickerPanelRef.current?.removeEventListener('touchmove', panelTouchMove);
+      PickerPanelRef.current?.removeEventListener('touchend', panelTouchEnd);
+    };
+  });
+  const onTransitionEnd = e => {
+    isVerticalMoving.current = false;
+    setTouchTime(0);
+    onSelect?.(e, {
+      columnOption: options?.[Math.round(-scrollDistance / LINE_SPACING)],
+      columnIndex
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: prefixCls,
+    ref: pickerPanelRef,
+    onTouchStart: panelTouchStart,
+    onTouchMove: panelTouchMove,
+    onTouchEnd: panelTouchEnd
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-roller`,
+    style: {
+      transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
+      transform: `rotate3d(1, 0, 0, ${touchDeg})`
+    },
+    onTransitionEnd: onTransitionEnd
+  }, options.map((item, i) => /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(`${prefixCls}-option`, {
+      [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8
+    }),
+    key: `${item?.value}-${i}`,
+    style: {
+      transform: `rotate3d(1, 0, 0, ${-ROTATION * (i + 1)}deg) translate3d(0px, 0px, 104px)`
+    }
+  }, item?.label))), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-mask`
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-indicator`
+  }));
+});
+PickerPanel.displayName = 'BuiPickerPanel';
+var _default = exports.default = PickerPanel;

package/dist/Picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as Picker } from './Picker';
+export * from './Picker.types';

package/dist/Picker/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Picker: true
+};
+Object.defineProperty(exports, "Picker", {
+  enumerable: true,
+  get: function () {
+    return _Picker.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Picker.default;
+  }
+});
+var _Picker = _interopRequireDefault(require("./Picker"));
+var _Picker2 = require("./Picker.types");
+Object.keys(_Picker2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Picker2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Picker2[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/Picker/utils.d.ts

@@ -0,0 +1,13 @@
+import { ICascadePickerOptionItem } from './Picker.types';
+/**
+ * 根据第一列数据判断选择器类型
+ */
+export declare const pickerPanelType: (options?: any[]) => "multiple" | "cascade" | "single";
+/**
+ * 格式化级联模式数据
+ */
+export declare const formatCascade: (columns: ICascadePickerOptionItem[], values?: (number | string)[]) => ICascadePickerOptionItem[][];
+/**
+ * 统一options数据格式
+ */
+export declare const formatOptions: (internalValue: any, options?: any[]) => any[];