@hanwenbo/x-taro-ui 0.0.1

package/es/components/cascadePicker/cascadePicker.js

@@ -0,0 +1,125 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useCallback, useMemo } from 'react';
+import { resolveLocaleText } from "../../utils/locale";
+import { useConfigProvider } from "../configProvider";
+import { Picker } from "../picker";
+import { buildCascadePickerColumns, getCascadeSelectedOptions, resolveCascadeColumnCount, toCascadePickerExtend } from "./shared";
+import { jsx as _jsx } from "react/jsx-runtime";
+function compactCascadeValue(value) {
+  return value.filter(function (item) {
+    return item !== null;
+  });
+}
+export var CascadePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _ref;
+  var optionProp = props.options,
+    data = props.data,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    columns = props.columns,
+    visible = props.visible,
+    defaultVisible = props.defaultVisible,
+    title = props.title,
+    placeholder = props.placeholder,
+    confirmText = props.confirmText,
+    cancelText = props.cancelText,
+    size = props.size,
+    variant = props.variant,
+    disabled = props.disabled,
+    readOnly = props.readOnly,
+    loading = props.loading,
+    loadingContent = props.loadingContent,
+    closeOnMaskClick = props.closeOnMaskClick,
+    onOpenChange = props.onOpenChange,
+    onChange = props.onChange,
+    onSelect = props.onSelect,
+    onConfirm = props.onConfirm,
+    onCancel = props.onCancel,
+    onClose = props.onClose,
+    renderLabel = props.renderLabel,
+    renderValue = props.renderValue,
+    children = props.children,
+    itemHeight = props.itemHeight,
+    height = props.height,
+    popupClassName = props.popupClassName,
+    popupStyle = props.popupStyle,
+    headerClassName = props.headerClassName,
+    headerStyle = props.headerStyle,
+    contentStyle = props.contentStyle,
+    containerStyle = props.containerStyle,
+    className = props.className,
+    style = props.style;
+  var config = useConfigProvider();
+  var options = (_ref = optionProp !== null && optionProp !== void 0 ? optionProp : data) !== null && _ref !== void 0 ? _ref : [];
+  var columnCount = useMemo(function () {
+    return resolveCascadeColumnCount(options, columns);
+  }, [columns, options]);
+  var pickerColumns = useCallback(function (currentValue) {
+    return buildCascadePickerColumns(options, currentValue, columnCount, renderLabel);
+  }, [columnCount, options, renderLabel]);
+  var adaptExtend = useCallback(function (nextValue, extend) {
+    return toCascadePickerExtend(options, nextValue, extend);
+  }, [options]);
+  var handleSelect = useCallback(function (nextValue, extend) {
+    var nextExtend = adaptExtend(nextValue, extend);
+    onChange === null || onChange === void 0 || onChange(nextValue, nextExtend);
+    onSelect === null || onSelect === void 0 || onSelect(nextValue, nextExtend);
+  }, [adaptExtend, onChange, onSelect]);
+  var handleConfirm = useCallback(function (nextValue, extend) {
+    onConfirm === null || onConfirm === void 0 || onConfirm(nextValue, adaptExtend(nextValue, extend));
+  }, [adaptExtend, onConfirm]);
+  var renderCommittedValue = renderValue ? function (nextValue) {
+    var compactValue = compactCascadeValue(nextValue);
+    return renderValue(compactValue, getCascadeSelectedOptions(options, compactValue));
+  } : undefined;
+  var renderTrigger = children ? function (items, actions) {
+    return typeof children === 'function' ? children(items, actions) : children;
+  } : undefined;
+  var resolvedPlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : resolveLocaleText(config.locale, 'picker.placeholder', '请选择');
+  return /*#__PURE__*/_jsx(Picker, _objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
+    columns: pickerColumns
+  }, value !== undefined ? {
+    value: value
+  } : {}), {}, {
+    defaultValue: defaultValue
+  }, visible !== undefined ? {
+    visible: visible
+  } : {}), {}, {
+    defaultVisible: defaultVisible,
+    title: title !== null && title !== void 0 ? title : resolvedPlaceholder,
+    placeholder: resolvedPlaceholder,
+    confirmText: confirmText,
+    cancelText: cancelText,
+    size: size,
+    variant: variant,
+    disabled: disabled || readOnly,
+    loading: loading,
+    loadingContent: loadingContent,
+    closeOnMaskClick: closeOnMaskClick,
+    onOpenChange: onOpenChange,
+    onSelect: handleSelect,
+    onConfirm: handleConfirm,
+    onCancel: onCancel,
+    onClose: onClose,
+    renderValue: renderCommittedValue,
+    itemHeight: itemHeight,
+    height: height,
+    popupClassName: popupClassName,
+    popupStyle: popupStyle,
+    headerClassName: headerClassName,
+    headerStyle: headerStyle,
+    contentStyle: contentStyle,
+    containerStyle: containerStyle,
+    className: className,
+    style: style,
+    children: renderTrigger
+  }));
+});
+CascadePicker.displayName = 'CascadePicker';
+export default CascadePicker;

package/es/components/cascadePicker/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as CascadePicker } from './cascadePicker';
+export { default } from './cascadePicker';
+//# sourceMappingURL=index.d.ts.map

package/es/components/cascadePicker/index.js

@@ -0,0 +1,3 @@
+export * from "./types";
+export { default as CascadePicker } from "./cascadePicker";
+export { default } from "./cascadePicker";

package/es/components/cascadePicker/shared.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from 'react';
+import type { PickerColumn, PickerValue, PickerValueExtend } from '../picker/types';
+import type { CascadeOption, CascadeValue } from './types';
+export declare function getCascadeSelectedOptions(options?: CascadeOption[], value?: CascadeValue): CascadeOption[];
+export declare function normalizeCascadeValue(options?: CascadeOption[], inputValue?: CascadeValue): CascadeValue;
+/**
+ * Keep only the valid, contiguous part of a Cascader path. Unlike the wheel
+ * picker resolver this deliberately does not auto-select descendants.
+ */
+export declare function sanitizeCascadeValue(options?: CascadeOption[], inputValue?: CascadeValue): CascadeValue;
+export declare function getCascadeValueExtend(options?: CascadeOption[], value?: CascadeValue): {
+    items: (CascadeOption | null)[];
+    isLeaf: boolean;
+};
+export declare function getCascadeMaxDepth(options: CascadeOption[], depth?: number): number;
+export declare function resolveCascadeColumnCount(options: CascadeOption[], columns?: number | ((option: CascadeOption) => number)): number;
+/** Build dependent Picker columns while preserving option metadata. */
+export declare function buildCascadePickerColumns(options: CascadeOption[], values: PickerValue[], maxColumns?: number, renderLabel?: (option: CascadeOption) => ReactNode, disabled?: boolean): PickerColumn[];
+export declare function toCascadePickerExtend(options: CascadeOption[], value: PickerValue[], pickerExtend: PickerValueExtend): PickerValueExtend;
+export declare function getCascadeColumns(options?: CascadeOption[], value?: CascadeValue): CascadeOption[][];
+export interface CascadeTabColumn {
+    options: CascadeOption[];
+    selected: CascadeOption | null;
+}
+export declare function getCascadeTabColumns(options?: CascadeOption[], value?: CascadeValue): CascadeTabColumn[];
+export declare function updateCascadeValueAtLevel(options: CascadeOption[] | undefined, currentValue: CascadeValue | undefined, level: number, nextValue: string | number): CascadeValue;
+export declare function getCascadeDisplayLabel(selectedOptions: CascadeOption[]): string;
+export declare function getNodeText(node: ReactNode): string;
+//# sourceMappingURL=shared.d.ts.map

package/es/components/cascadePicker/shared.js

@@ -0,0 +1,257 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { isValidElement } from 'react';
+export function getCascadeSelectedOptions() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var selectedOptions = [];
+  var currentOptions = options;
+  var _loop = function _loop(level) {
+    var _selected$children;
+    var selected = currentOptions.find(function (option) {
+      return option.value === value[level];
+    });
+    if (!selected) {
+      return 1; // break
+    }
+    selectedOptions.push(selected);
+    currentOptions = (_selected$children = selected.children) !== null && _selected$children !== void 0 ? _selected$children : [];
+  };
+  for (var level = 0; level < value.length && currentOptions.length > 0; level += 1) {
+    if (_loop(level)) break;
+  }
+  return selectedOptions;
+}
+export function normalizeCascadeValue() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var inputValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var normalizedValue = [];
+  var currentOptions = options;
+  var level = 0;
+  var _loop2 = function _loop2() {
+    var _ref, _ref2, _currentOptions$find, _selectedOption$child;
+    var requestedValue = inputValue[level];
+    var selectedOption = (_ref = (_ref2 = (_currentOptions$find = currentOptions.find(function (option) {
+      return option.value === requestedValue && !option.disabled;
+    })) !== null && _currentOptions$find !== void 0 ? _currentOptions$find : currentOptions.find(function (option) {
+      return option.value === requestedValue;
+    })) !== null && _ref2 !== void 0 ? _ref2 : currentOptions.find(function (option) {
+      return !option.disabled;
+    })) !== null && _ref !== void 0 ? _ref : currentOptions[0];
+    if (!selectedOption) {
+      return 1; // break
+    }
+    normalizedValue.push(selectedOption.value);
+    currentOptions = (_selectedOption$child = selectedOption.children) !== null && _selectedOption$child !== void 0 ? _selectedOption$child : [];
+    level += 1;
+  };
+  while (currentOptions.length > 0) {
+    if (_loop2()) break;
+  }
+  return normalizedValue;
+}
+
+/**
+ * Keep only the valid, contiguous part of a Cascader path. Unlike the wheel
+ * picker resolver this deliberately does not auto-select descendants.
+ */
+export function sanitizeCascadeValue() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var inputValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var value = [];
+  var currentOptions = options;
+  var _iterator = _createForOfIteratorHelper(inputValue),
+    _step;
+  try {
+    var _loop3 = function _loop3() {
+      var _selected$children2;
+      var requestedValue = _step.value;
+      var selected = currentOptions.find(function (option) {
+        return option.value === requestedValue;
+      });
+      if (!selected) return 1; // break
+      value.push(selected.value);
+      currentOptions = (_selected$children2 = selected.children) !== null && _selected$children2 !== void 0 ? _selected$children2 : [];
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      if (_loop3()) break;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return value;
+}
+export function getCascadeValueExtend() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var items = [];
+  var currentOptions = options;
+  var _iterator2 = _createForOfIteratorHelper(value),
+    _step2;
+  try {
+    var _loop4 = function _loop4() {
+      var _currentOptions$find2, _selected$children3;
+      var currentValue = _step2.value;
+      var selected = (_currentOptions$find2 = currentOptions.find(function (option) {
+        return option.value === currentValue;
+      })) !== null && _currentOptions$find2 !== void 0 ? _currentOptions$find2 : null;
+      items.push(selected);
+      if (!selected) return 1; // break
+      currentOptions = (_selected$children3 = selected.children) !== null && _selected$children3 !== void 0 ? _selected$children3 : [];
+    };
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      if (_loop4()) break;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return {
+    items: items,
+    isLeaf: items.length > 0 && currentOptions.length === 0
+  };
+}
+export function getCascadeMaxDepth(options) {
+  var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  if (options.length === 0) return 0;
+  return options.reduce(function (maxDepth, option) {
+    var _option$children;
+    return Math.max(maxDepth, (_option$children = option.children) !== null && _option$children !== void 0 && _option$children.length ? getCascadeMaxDepth(option.children, depth + 1) : depth);
+  }, depth);
+}
+export function resolveCascadeColumnCount(options, columns) {
+  if (typeof columns === 'number') return Math.max(0, columns);
+  if (typeof columns === 'function' && options[0]) {
+    return Math.max(0, columns(options[0]));
+  }
+  return getCascadeMaxDepth(options);
+}
+
+/** Build dependent Picker columns while preserving option metadata. */
+export function buildCascadePickerColumns(options, values) {
+  var maxColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getCascadeMaxDepth(options);
+  var renderLabel = arguments.length > 3 ? arguments[3] : undefined;
+  var disabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var result = [];
+  var currentOptions = options;
+  var _loop5 = function _loop5(index) {
+    var _selected$children4;
+    result.push(currentOptions.map(function (option) {
+      return _objectSpread(_objectSpread({}, option), {}, {
+        label: renderLabel ? renderLabel(option) : option.label,
+        disabled: disabled || option.disabled
+      });
+    }));
+    var selected = currentOptions.find(function (option) {
+      return option.value === values[index];
+    });
+    currentOptions = (_selected$children4 = selected === null || selected === void 0 ? void 0 : selected.children) !== null && _selected$children4 !== void 0 ? _selected$children4 : [];
+  };
+  for (var index = 0; index < maxColumns && currentOptions.length > 0; index += 1) {
+    _loop5(index);
+  }
+  return result;
+}
+export function toCascadePickerExtend(options, value, pickerExtend) {
+  var selectedItems = getCascadeSelectedOptions(options, value.filter(function (item) {
+    return item !== null;
+  }));
+  return _objectSpread(_objectSpread({}, pickerExtend), {}, {
+    items: pickerExtend.columns.map(function (_, index) {
+      var _selectedItems$index;
+      return (_selectedItems$index = selectedItems[index]) !== null && _selectedItems$index !== void 0 ? _selectedItems$index : null;
+    })
+  });
+}
+export function getCascadeColumns() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var normalizedValue = normalizeCascadeValue(options, value);
+  var columns = [];
+  var currentOptions = options;
+  var _loop6 = function _loop6() {
+    var _selectedOption$child2;
+    columns.push(currentOptions);
+    var selectedValue = normalizedValue[columns.length - 1];
+    var selectedOption = currentOptions.find(function (option) {
+      return option.value === selectedValue;
+    });
+    if (!(selectedOption !== null && selectedOption !== void 0 && (_selectedOption$child2 = selectedOption.children) !== null && _selectedOption$child2 !== void 0 && _selectedOption$child2.length)) {
+      return 1; // break
+    }
+    currentOptions = selectedOption.children;
+  };
+  while (currentOptions.length > 0) {
+    if (_loop6()) break;
+  }
+  return columns;
+}
+export function getCascadeTabColumns() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var columns = [];
+  var currentOptions = options;
+  var depth = 0;
+  while (true) {
+    var _currentOptions$find3, _selected$children5;
+    var selected = (_currentOptions$find3 = currentOptions.find(function (option) {
+      return option.value === value[depth];
+    })) !== null && _currentOptions$find3 !== void 0 ? _currentOptions$find3 : null;
+    columns.push({
+      options: currentOptions,
+      selected: selected
+    });
+    if (!(selected !== null && selected !== void 0 && (_selected$children5 = selected.children) !== null && _selected$children5 !== void 0 && _selected$children5.length)) {
+      break;
+    }
+    currentOptions = selected.children;
+    depth += 1;
+  }
+  if (columns.length === 0) {
+    columns.push({
+      options: [],
+      selected: null
+    });
+  }
+  return columns;
+}
+export function updateCascadeValueAtLevel() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var currentValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var level = arguments.length > 2 ? arguments[2] : undefined;
+  var nextValue = arguments.length > 3 ? arguments[3] : undefined;
+  var nextPath = [].concat(_toConsumableArray(currentValue.slice(0, level)), [nextValue]);
+  return normalizeCascadeValue(options, nextPath);
+}
+export function getCascadeDisplayLabel(selectedOptions) {
+  var labels = selectedOptions.map(function (option) {
+    return getNodeText(option.label);
+  }).filter(Boolean);
+  return labels.join(' / ');
+}
+export function getNodeText(node) {
+  if (typeof node === 'string' || typeof node === 'number') {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(getNodeText).join('');
+  }
+  if ( /*#__PURE__*/isValidElement(node)) {
+    return getNodeText(node.props.children);
+  }
+  return '';
+}

package/es/components/cascadePicker/types.d.ts

@@ -0,0 +1,59 @@
+import type { ReactNode } from 'react';
+import type { SizeVariant } from '../../theme/types';
+import type { PickerActions, PickerRef, PickerValue, PickerValueExtend, PickerVariant } from '../picker/types';
+export declare type CascadeValue = Array<string | number>;
+export declare type CascadePickerSize = SizeVariant;
+export declare type CascadePickerRef = PickerRef;
+export interface CascadeOption {
+    label: ReactNode;
+    value: string | number;
+    description?: ReactNode;
+    disabled?: boolean;
+    children?: CascadeOption[];
+}
+/** x-mobile-ui compatible public option name. */
+export declare type CascadePickerOption = CascadeOption;
+export interface CascadePickerProps {
+    /** Hierarchical option tree. */
+    options?: CascadeOption[];
+    /** Legacy option-tree alias used by the RN package. */
+    data?: CascadeOption[];
+    value?: PickerValue[];
+    defaultValue?: PickerValue[];
+    /** Maximum wheel columns, or a resolver based on the first root option. */
+    columns?: number | ((option: CascadeOption) => number);
+    visible?: boolean;
+    defaultVisible?: boolean;
+    title?: ReactNode;
+    placeholder?: ReactNode;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    size?: CascadePickerSize;
+    variant?: PickerVariant;
+    disabled?: boolean;
+    readOnly?: boolean;
+    loading?: boolean;
+    loadingContent?: ReactNode;
+    closeOnMaskClick?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onChange?: (value: PickerValue[], extend: PickerValueExtend) => void;
+    onSelect?: (value: PickerValue[], extend: PickerValueExtend) => void;
+    onConfirm?: (value: PickerValue[], extend: PickerValueExtend) => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+    renderLabel?: (option: CascadeOption) => ReactNode;
+    /** Kept for existing x-taro-ui consumers while retaining the aligned trigger shell. */
+    renderValue?: (value: CascadeValue, selectedOptions: CascadeOption[]) => ReactNode;
+    children?: ReactNode | ((items: (CascadeOption | null)[], actions: PickerActions) => ReactNode);
+    itemHeight?: number;
+    height?: number | string;
+    popupClassName?: string;
+    popupStyle?: React.CSSProperties;
+    headerClassName?: string;
+    headerStyle?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
+    containerStyle?: React.CSSProperties;
+    className?: string;
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/es/components/cascadePicker/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/cascadePickerView/cascadePickerView.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CascadePickerViewProps } from './types';
+export declare const CascadePickerView: React.ForwardRefExoticComponent<CascadePickerViewProps & React.RefAttributes<never>>;
+export default CascadePickerView;
+//# sourceMappingURL=cascadePickerView.d.ts.map

package/es/components/cascadePickerView/cascadePickerView.js

@@ -0,0 +1,76 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useCallback, useMemo } from 'react';
+import { View } from '@tarojs/components';
+import { classNames } from "../../utils";
+import { useConfigProvider } from "../configProvider";
+import { PickerView } from "../pickerView";
+import { buildCascadePickerColumns, resolveCascadeColumnCount, toCascadePickerExtend } from "../cascadePicker/shared";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var CascadePickerView = /*#__PURE__*/React.forwardRef(function (props, _ref) {
+  var _ref2;
+  var optionProp = props.options,
+    data = props.data,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    columns = props.columns,
+    onChange = props.onChange,
+    onColumnChange = props.onColumnChange,
+    size = props.size,
+    variant = props.variant,
+    disabled = props.disabled,
+    loading = props.loading,
+    loadingContent = props.loadingContent,
+    renderLabel = props.renderLabel,
+    itemHeight = props.itemHeight,
+    height = props.height,
+    children = props.children,
+    className = props.className,
+    style = props.style;
+  var config = useConfigProvider();
+  var options = (_ref2 = optionProp !== null && optionProp !== void 0 ? optionProp : data) !== null && _ref2 !== void 0 ? _ref2 : [];
+  var columnCount = useMemo(function () {
+    return resolveCascadeColumnCount(options, columns);
+  }, [columns, options]);
+  var isDisabled = Boolean(disabled || config.disabled);
+  var pickerColumns = useCallback(function (currentValue) {
+    return buildCascadePickerColumns(options, currentValue, columnCount, renderLabel, isDisabled);
+  }, [columnCount, isDisabled, options, renderLabel]);
+  var handleChange = useCallback(function (nextValue, extend) {
+    var _extend$index;
+    var nextExtend = toCascadePickerExtend(options, nextValue, extend);
+    onChange === null || onChange === void 0 || onChange(nextValue, nextExtend);
+    onColumnChange === null || onColumnChange === void 0 || onColumnChange(nextValue, (_extend$index = extend.index) !== null && _extend$index !== void 0 ? _extend$index : 0);
+  }, [onChange, onColumnChange, options]);
+  if (options.length === 0 && children) {
+    return /*#__PURE__*/_jsx(View, {
+      className: classNames("".concat(config.prefixCls, "-cascade-picker-view"), "".concat(config.prefixCls, "-cascade-picker-view--empty"), className),
+      style: style,
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(PickerView, _objectSpread(_objectSpread({
+    columns: pickerColumns
+  }, value !== undefined ? {
+    value: value
+  } : {}), {}, {
+    defaultValue: defaultValue,
+    onChange: handleChange,
+    size: size,
+    variant: variant,
+    loading: loading,
+    loadingContent: loadingContent,
+    itemHeight: itemHeight,
+    height: height,
+    className: classNames("".concat(config.prefixCls, "-cascade-picker-view"), className),
+    style: _objectSpread({
+      opacity: isDisabled ? 0.6 : 1
+    }, style)
+  }));
+});
+CascadePickerView.displayName = 'CascadePickerView';
+export default CascadePickerView;

package/es/components/cascadePickerView/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as CascadePickerView } from './cascadePickerView';
+export { default } from './cascadePickerView';
+//# sourceMappingURL=index.d.ts.map

package/es/components/cascadePickerView/index.js

@@ -0,0 +1,3 @@
+export * from "./types";
+export { default as CascadePickerView } from "./cascadePickerView";
+export { default } from "./cascadePickerView";

package/es/components/cascadePickerView/types.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { SizeVariant } from '../../theme/types';
+import type { PickerValue, PickerValueExtend } from '../picker/types';
+import type { PickerViewVariant } from '../pickerView/types';
+import type { CascadeOption } from '../cascadePicker/types';
+export declare type CascadePickerViewRef = never;
+export interface CascadePickerViewProps {
+    options?: CascadeOption[];
+    data?: CascadeOption[];
+    value?: PickerValue[];
+    defaultValue?: PickerValue[];
+    columns?: number | ((option: CascadeOption) => number);
+    onChange?: (value: PickerValue[], extend: PickerValueExtend) => void;
+    onColumnChange?: (value: PickerValue[], columnIndex: number) => void;
+    size?: SizeVariant;
+    variant?: PickerViewVariant;
+    disabled?: boolean;
+    loading?: boolean;
+    loadingContent?: ReactNode;
+    renderLabel?: (option: CascadeOption) => ReactNode;
+    itemHeight?: number;
+    height?: number | string;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/es/components/cascadePickerView/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/cascader/cascader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CascaderActions, CascaderProps } from './types';
+export declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<CascaderActions>>;
+export default Cascader;
+//# sourceMappingURL=cascader.d.ts.map