antd-mobile 5.11.0 → 5.11.1

package/2x/cjs/components/cascade-picker/cascade-picker-utils.d.ts

@@ -1,3 +1,3 @@
-import { PickerColumn } from '../picker-view';
+import { PickerColumn, PickerValue } from '../picker-view';
 import { CascadePickerOption } from './cascade-picker';
-export declare function generateCascadePickerColumns(value: string[], options: CascadePickerOption[], depth: number, subOptionsRecord: Record<string, CascadePickerOption[]>): PickerColumn[];
+export declare function useColumnsFn(options: CascadePickerOption[]): (selected: PickerValue[]) => PickerColumn[];

package/2x/cjs/components/cascade-picker/cascade-picker-utils.js

@@ -3,28 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateCascadePickerColumns = generateCascadePickerColumns;
+exports.useColumnsFn = useColumnsFn;
 
-function generateCascadePickerColumns(value, options, depth, subOptionsRecord) {
-  const columns = [];
-  columns.push(options.map(option => ({
-    label: option.label,
-    value: option.value
-  })));
+var _react = require("react");
 
-  for (let i = 0; i < depth - 1; i++) {
-    const x = value[i];
-    const subOptions = subOptionsRecord[x];
+function useColumnsFn(options) {
+  const depth = (0, _react.useMemo)(() => {
+    let depth = 0;
 
-    if (!subOptions) {
-      columns.push([]);
-    } else {
-      columns.push(subOptions.map(option => ({
+    function traverse(options, currentDepth) {
+      if (currentDepth > depth) depth = currentDepth;
+      const nextDepth = currentDepth + 1;
+      options.forEach(option => {
+        if (option.children) {
+          traverse(option.children, nextDepth);
+        }
+      });
+    }
+
+    traverse(options, 1);
+    return depth;
+  }, [options]);
+  return selected => {
+    const columns = [];
+    let currentOptions = options;
+    let i = 0;
+
+    while (true) {
+      columns.push(currentOptions.map(option => ({
         label: option.label,
         value: option.value
       })));
+      const x = selected[i];
+      const targetOptions = currentOptions.find(option => option.value === x);
+      if (!targetOptions || !targetOptions.children) break;
+      currentOptions = targetOptions.children;
+      i++;
+    }
+
+    while (i < depth - 1) {
+      columns.push([]);
+      i++;
     }
-  }
 
-  return columns;
+    return columns;
+  };
 }

package/2x/cjs/components/cascade-picker/cascade-picker.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _picker = _interopRequireDefault(require("../picker"));
 
-var _useCascadePickerOptions = require("./use-cascade-picker-options");
-
 var _cascadePickerUtils = require("./cascade-picker-utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -22,12 +20,9 @@ const CascadePicker = props => {
     options
   } = props,
         pickerProps = (0, _tslib.__rest)(props, ["options"]);
-  const {
-    depth,
-    subOptionsRecord
-  } = (0, _useCascadePickerOptions.useCascadePickerOptions)(options);
+  const columnsFn = (0, _cascadePickerUtils.useColumnsFn)(options);
   return _react.default.createElement(_picker.default, Object.assign({}, pickerProps, {
-    columns: selected => (0, _cascadePickerUtils.generateCascadePickerColumns)(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };
 

package/2x/cjs/components/cascade-picker-view/cascade-picker-view.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pickerView = _interopRequireDefault(require("../picker-view"));
 
-var _useCascadePickerOptions = require("../cascade-picker/use-cascade-picker-options");
-
 var _cascadePickerUtils = require("../cascade-picker/cascade-picker-utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -22,12 +20,9 @@ const CascadePickerView = props => {
     options
   } = props,
         pickerProps = (0, _tslib.__rest)(props, ["options"]);
-  const {
-    depth,
-    subOptionsRecord
-  } = (0, _useCascadePickerOptions.useCascadePickerOptions)(options);
+  const columnsFn = (0, _cascadePickerUtils.useColumnsFn)(options);
   return _react.default.createElement(_pickerView.default, Object.assign({}, pickerProps, {
-    columns: selected => (0, _cascadePickerUtils.generateCascadePickerColumns)(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };
 

package/2x/cjs/components/swiper/index.d.ts

@@ -1,7 +1,22 @@
 /// <reference types="react" />
 import './swiper.less';
 export type { SwiperProps, SwiperRef } from './swiper';
-declare const _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>> & {
+declare const _default: import("react").ForwardRefExoticComponent<{
+    defaultIndex?: number | undefined;
+    allowTouchMove?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    autoplayInterval?: number | undefined;
+    loop?: boolean | undefined;
+    direction?: "vertical" | "horizontal" | undefined;
+    onIndexChange?: ((index: number) => void) | undefined;
+    indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "className" | "color"> | undefined;
+    indicator?: ((total: number, current: number) => import("react").ReactNode) | undefined;
+    slideSize?: number | undefined;
+    trackOffset?: number | undefined;
+    stuckAtBoundary?: boolean | undefined;
+    rubberband?: boolean | undefined;
+    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
+} & import("../../utils/native-props").NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
     Item: import("react").FC<{
         onClick?: ((e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         children?: import("react").ReactNode;

package/2x/cjs/components/swiper/swiper.d.ts

@@ -22,4 +22,19 @@ export declare type SwiperProps = {
     rubberband?: boolean;
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
-export declare const Swiper: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const Swiper: React.ForwardRefExoticComponent<{
+    defaultIndex?: number | undefined;
+    allowTouchMove?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    autoplayInterval?: number | undefined;
+    loop?: boolean | undefined;
+    direction?: "vertical" | "horizontal" | undefined;
+    onIndexChange?: ((index: number) => void) | undefined;
+    indicatorProps?: Pick<PageIndicatorProps, "style" | "className" | "color"> | undefined;
+    indicator?: ((total: number, current: number) => ReactNode) | undefined;
+    slideSize?: number | undefined;
+    trackOffset?: number | undefined;
+    stuckAtBoundary?: boolean | undefined;
+    rubberband?: boolean | undefined;
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+} & NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & React.RefAttributes<SwiperRef>>;

package/2x/es/components/cascade-picker/cascade-picker-utils.d.ts

@@ -1,3 +1,3 @@
-import { PickerColumn } from '../picker-view';
+import { PickerColumn, PickerValue } from '../picker-view';
 import { CascadePickerOption } from './cascade-picker';
-export declare function generateCascadePickerColumns(value: string[], options: CascadePickerOption[], depth: number, subOptionsRecord: Record<string, CascadePickerOption[]>): PickerColumn[];
+export declare function useColumnsFn(options: CascadePickerOption[]): (selected: PickerValue[]) => PickerColumn[];

package/2x/es/components/cascade-picker/cascade-picker-utils.js

@@ -1,23 +1,43 @@
-export function generateCascadePickerColumns(value, options, depth, subOptionsRecord) {
-  const columns = [];
-  columns.push(options.map(option => ({
-    label: option.label,
-    value: option.value
-  })));
+import { useMemo } from 'react';
+export function useColumnsFn(options) {
+  const depth = useMemo(() => {
+    let depth = 0;
 
-  for (let i = 0; i < depth - 1; i++) {
-    const x = value[i];
-    const subOptions = subOptionsRecord[x];
+    function traverse(options, currentDepth) {
+      if (currentDepth > depth) depth = currentDepth;
+      const nextDepth = currentDepth + 1;
+      options.forEach(option => {
+        if (option.children) {
+          traverse(option.children, nextDepth);
+        }
+      });
+    }
 
-    if (!subOptions) {
-      columns.push([]);
-    } else {
-      columns.push(subOptions.map(option => ({
+    traverse(options, 1);
+    return depth;
+  }, [options]);
+  return selected => {
+    const columns = [];
+    let currentOptions = options;
+    let i = 0;
+
+    while (true) {
+      columns.push(currentOptions.map(option => ({
         label: option.label,
         value: option.value
       })));
+      const x = selected[i];
+      const targetOptions = currentOptions.find(option => option.value === x);
+      if (!targetOptions || !targetOptions.children) break;
+      currentOptions = targetOptions.children;
+      i++;
+    }
+
+    while (i < depth - 1) {
+      columns.push([]);
+      i++;
     }
-  }
 
-  return columns;
+    return columns;
+  };
 }

package/2x/es/components/cascade-picker/cascade-picker.js

@@ -1,19 +1,15 @@
 import { __rest } from "tslib";
 import React from 'react';
 import Picker from '../picker';
-import { useCascadePickerOptions } from './use-cascade-picker-options';
-import { generateCascadePickerColumns } from './cascade-picker-utils';
+import { useColumnsFn } from './cascade-picker-utils';
 export const CascadePicker = props => {
   const {
     options
   } = props,
         pickerProps = __rest(props, ["options"]);
 
-  const {
-    depth,
-    subOptionsRecord
-  } = useCascadePickerOptions(options);
+  const columnsFn = useColumnsFn(options);
   return React.createElement(Picker, Object.assign({}, pickerProps, {
-    columns: selected => generateCascadePickerColumns(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };

package/2x/es/components/cascade-picker-view/cascade-picker-view.js

@@ -1,19 +1,15 @@
 import { __rest } from "tslib";
 import React from 'react';
 import PickerView from '../picker-view';
-import { useCascadePickerOptions } from '../cascade-picker/use-cascade-picker-options';
-import { generateCascadePickerColumns } from '../cascade-picker/cascade-picker-utils';
+import { useColumnsFn } from '../cascade-picker/cascade-picker-utils';
 export const CascadePickerView = props => {
   const {
     options
   } = props,
         pickerProps = __rest(props, ["options"]);
 
-  const {
-    depth,
-    subOptionsRecord
-  } = useCascadePickerOptions(options);
+  const columnsFn = useColumnsFn(options);
   return React.createElement(PickerView, Object.assign({}, pickerProps, {
-    columns: selected => generateCascadePickerColumns(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };

package/2x/es/components/swiper/index.d.ts

@@ -1,7 +1,22 @@
 /// <reference types="react" />
 import './swiper.less';
 export type { SwiperProps, SwiperRef } from './swiper';
-declare const _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>> & {
+declare const _default: import("react").ForwardRefExoticComponent<{
+    defaultIndex?: number | undefined;
+    allowTouchMove?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    autoplayInterval?: number | undefined;
+    loop?: boolean | undefined;
+    direction?: "vertical" | "horizontal" | undefined;
+    onIndexChange?: ((index: number) => void) | undefined;
+    indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "className" | "color"> | undefined;
+    indicator?: ((total: number, current: number) => import("react").ReactNode) | undefined;
+    slideSize?: number | undefined;
+    trackOffset?: number | undefined;
+    stuckAtBoundary?: boolean | undefined;
+    rubberband?: boolean | undefined;
+    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
+} & import("../../utils/native-props").NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
     Item: import("react").FC<{
         onClick?: ((e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         children?: import("react").ReactNode;

package/2x/es/components/swiper/swiper.d.ts

@@ -22,4 +22,19 @@ export declare type SwiperProps = {
     rubberband?: boolean;
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
-export declare const Swiper: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const Swiper: React.ForwardRefExoticComponent<{
+    defaultIndex?: number | undefined;
+    allowTouchMove?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    autoplayInterval?: number | undefined;
+    loop?: boolean | undefined;
+    direction?: "vertical" | "horizontal" | undefined;
+    onIndexChange?: ((index: number) => void) | undefined;
+    indicatorProps?: Pick<PageIndicatorProps, "style" | "className" | "color"> | undefined;
+    indicator?: ((total: number, current: number) => ReactNode) | undefined;
+    slideSize?: number | undefined;
+    trackOffset?: number | undefined;
+    stuckAtBoundary?: boolean | undefined;
+    rubberband?: boolean | undefined;
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+} & NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & React.RefAttributes<SwiperRef>>;

package/2x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.11.0",
+  "version": "5.11.1",
   "dependencies": {
     "@floating-ui/dom": "^0.4.2",
     "@react-spring/web": "^9.4.4",

package/bundle/antd-mobile.cjs.js

@@ -10016,62 +10016,52 @@ function prompt$3(props) {
 var Picker = attachPropertiesToComponent(Picker$1, {
   prompt: prompt$3
 });
-function useCascadePickerOptions(options) {
-  return React$1.useMemo(() => {
-    let depth = 1;
-    const subOptionsRecord = {};
-    function traverse(option, currentDepth) {
-      if (!option.children) {
-        return;
-      }
-      subOptionsRecord[option.value] = option.children;
+function useColumnsFn(options) {
+  const depth = React$1.useMemo(() => {
+    let depth2 = 0;
+    function traverse(options2, currentDepth) {
+      if (currentDepth > depth2)
+        depth2 = currentDepth;
       const nextDepth = currentDepth + 1;
-      if (nextDepth > depth) {
-        depth = nextDepth;
-      }
-      option.children.forEach((option2) => {
-        traverse(option2, nextDepth);
+      options2.forEach((option) => {
+        if (option.children) {
+          traverse(option.children, nextDepth);
+        }
       });
     }
-    options.forEach((option) => {
-      traverse(option, 1);
-    });
-    return {
-      depth,
-      subOptionsRecord
-    };
+    traverse(options, 1);
+    return depth2;
   }, [options]);
-}
-function generateCascadePickerColumns(value, options, depth, subOptionsRecord) {
-  const columns = [];
-  columns.push(options.map((option) => ({
-    label: option.label,
-    value: option.value
-  })));
-  for (let i = 0; i < depth - 1; i++) {
-    const x = value[i];
-    const subOptions = subOptionsRecord[x];
-    if (!subOptions) {
-      columns.push([]);
-    } else {
-      columns.push(subOptions.map((option) => ({
+  return (selected) => {
+    const columns = [];
+    let currentOptions = options;
+    let i = 0;
+    while (true) {
+      columns.push(currentOptions.map((option) => ({
         label: option.label,
         value: option.value
       })));
+      const x = selected[i];
+      const targetOptions = currentOptions.find((option) => option.value === x);
+      if (!targetOptions || !targetOptions.children)
+        break;
+      currentOptions = targetOptions.children;
+      i++;
     }
-  }
-  return columns;
+    while (i < depth - 1) {
+      columns.push([]);
+      i++;
+    }
+    return columns;
+  };
 }
 const CascadePicker = (props) => {
   const {
     options
   } = props, pickerProps = tslib.__rest(props, ["options"]);
-  const {
-    depth,
-    subOptionsRecord
-  } = useCascadePickerOptions(options);
+  const columnsFn = useColumnsFn(options);
   return React__default["default"].createElement(Picker, Object.assign({}, pickerProps, {
-    columns: (selected) => generateCascadePickerColumns(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };
 function prompt$2(props) {
@@ -10111,12 +10101,9 @@ const CascadePickerView = (props) => {
   const {
     options
   } = props, pickerProps = tslib.__rest(props, ["options"]);
-  const {
-    depth,
-    subOptionsRecord
-  } = useCascadePickerOptions(options);
+  const columnsFn = useColumnsFn(options);
   return React__default["default"].createElement(PickerView, Object.assign({}, pickerProps, {
-    columns: (selected) => generateCascadePickerColumns(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };
 var cascaderView = "";

package/bundle/antd-mobile.es.js

@@ -10006,62 +10006,52 @@ function prompt$3(props) {
 var Picker = attachPropertiesToComponent(Picker$1, {
   prompt: prompt$3
 });
-function useCascadePickerOptions(options) {
-  return useMemo(() => {
-    let depth = 1;
-    const subOptionsRecord = {};
-    function traverse(option, currentDepth) {
-      if (!option.children) {
-        return;
-      }
-      subOptionsRecord[option.value] = option.children;
+function useColumnsFn(options) {
+  const depth = useMemo(() => {
+    let depth2 = 0;
+    function traverse(options2, currentDepth) {
+      if (currentDepth > depth2)
+        depth2 = currentDepth;
       const nextDepth = currentDepth + 1;
-      if (nextDepth > depth) {
-        depth = nextDepth;
-      }
-      option.children.forEach((option2) => {
-        traverse(option2, nextDepth);
+      options2.forEach((option) => {
+        if (option.children) {
+          traverse(option.children, nextDepth);
+        }
       });
     }
-    options.forEach((option) => {
-      traverse(option, 1);
-    });
-    return {
-      depth,
-      subOptionsRecord
-    };
+    traverse(options, 1);
+    return depth2;
   }, [options]);
-}
-function generateCascadePickerColumns(value, options, depth, subOptionsRecord) {
-  const columns = [];
-  columns.push(options.map((option) => ({
-    label: option.label,
-    value: option.value
-  })));
-  for (let i = 0; i < depth - 1; i++) {
-    const x = value[i];
-    const subOptions = subOptionsRecord[x];
-    if (!subOptions) {
-      columns.push([]);
-    } else {
-      columns.push(subOptions.map((option) => ({
+  return (selected) => {
+    const columns = [];
+    let currentOptions = options;
+    let i = 0;
+    while (true) {
+      columns.push(currentOptions.map((option) => ({
         label: option.label,
         value: option.value
       })));
+      const x = selected[i];
+      const targetOptions = currentOptions.find((option) => option.value === x);
+      if (!targetOptions || !targetOptions.children)
+        break;
+      currentOptions = targetOptions.children;
+      i++;
     }
-  }
-  return columns;
+    while (i < depth - 1) {
+      columns.push([]);
+      i++;
+    }
+    return columns;
+  };
 }
 const CascadePicker = (props) => {
   const {
     options
   } = props, pickerProps = __rest(props, ["options"]);
-  const {
-    depth,
-    subOptionsRecord
-  } = useCascadePickerOptions(options);
+  const columnsFn = useColumnsFn(options);
   return React$1.createElement(Picker, Object.assign({}, pickerProps, {
-    columns: (selected) => generateCascadePickerColumns(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };
 function prompt$2(props) {
@@ -10101,12 +10091,9 @@ const CascadePickerView = (props) => {
   const {
     options
   } = props, pickerProps = __rest(props, ["options"]);
-  const {
-    depth,
-    subOptionsRecord
-  } = useCascadePickerOptions(options);
+  const columnsFn = useColumnsFn(options);
   return React$1.createElement(PickerView, Object.assign({}, pickerProps, {
-    columns: (selected) => generateCascadePickerColumns(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };
 var cascaderView = "";

package/cjs/components/cascade-picker/cascade-picker-utils.d.ts

@@ -1,3 +1,3 @@
-import { PickerColumn } from '../picker-view';
+import { PickerColumn, PickerValue } from '../picker-view';
 import { CascadePickerOption } from './cascade-picker';
-export declare function generateCascadePickerColumns(value: string[], options: CascadePickerOption[], depth: number, subOptionsRecord: Record<string, CascadePickerOption[]>): PickerColumn[];
+export declare function useColumnsFn(options: CascadePickerOption[]): (selected: PickerValue[]) => PickerColumn[];

package/cjs/components/cascade-picker/cascade-picker-utils.js

@@ -3,28 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateCascadePickerColumns = generateCascadePickerColumns;
+exports.useColumnsFn = useColumnsFn;
 
-function generateCascadePickerColumns(value, options, depth, subOptionsRecord) {
-  const columns = [];
-  columns.push(options.map(option => ({
-    label: option.label,
-    value: option.value
-  })));
+var _react = require("react");
 
-  for (let i = 0; i < depth - 1; i++) {
-    const x = value[i];
-    const subOptions = subOptionsRecord[x];
+function useColumnsFn(options) {
+  const depth = (0, _react.useMemo)(() => {
+    let depth = 0;
 
-    if (!subOptions) {
-      columns.push([]);
-    } else {
-      columns.push(subOptions.map(option => ({
+    function traverse(options, currentDepth) {
+      if (currentDepth > depth) depth = currentDepth;
+      const nextDepth = currentDepth + 1;
+      options.forEach(option => {
+        if (option.children) {
+          traverse(option.children, nextDepth);
+        }
+      });
+    }
+
+    traverse(options, 1);
+    return depth;
+  }, [options]);
+  return selected => {
+    const columns = [];
+    let currentOptions = options;
+    let i = 0;
+
+    while (true) {
+      columns.push(currentOptions.map(option => ({
         label: option.label,
         value: option.value
       })));
+      const x = selected[i];
+      const targetOptions = currentOptions.find(option => option.value === x);
+      if (!targetOptions || !targetOptions.children) break;
+      currentOptions = targetOptions.children;
+      i++;
+    }
+
+    while (i < depth - 1) {
+      columns.push([]);
+      i++;
     }
-  }
 
-  return columns;
+    return columns;
+  };
 }

package/cjs/components/cascade-picker/cascade-picker.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _picker = _interopRequireDefault(require("../picker"));
 
-var _useCascadePickerOptions = require("./use-cascade-picker-options");
-
 var _cascadePickerUtils = require("./cascade-picker-utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -22,12 +20,9 @@ const CascadePicker = props => {
     options
   } = props,
         pickerProps = (0, _tslib.__rest)(props, ["options"]);
-  const {
-    depth,
-    subOptionsRecord
-  } = (0, _useCascadePickerOptions.useCascadePickerOptions)(options);
+  const columnsFn = (0, _cascadePickerUtils.useColumnsFn)(options);
   return _react.default.createElement(_picker.default, Object.assign({}, pickerProps, {
-    columns: selected => (0, _cascadePickerUtils.generateCascadePickerColumns)(selected, options, depth, subOptionsRecord)
+    columns: columnsFn
   }));
 };