@tarojs/components-react 4.1.12-beta.63 → 4.1.12-beta.65

package/dist/original/components/picker-view/index.js

@@ -0,0 +1,265 @@
+import './style/index.scss';
+import { View } from '@tarojs/components';
+import * as React from 'react';
+import { PickerViewColumn } from '../picker-view-column/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const DEFAULT_ITEM_HEIGHT = 34;
+// harmony 无 style height / visibleItems 可倒推时的兜底可见行数（= SCSS 默认高 5 行）
+const HARMONY_FALLBACK_ROWS = 5;
+// harmony 端：ArkUI 不解析 calc、且多级 height:100% 百分比链不成立，
+// 又不能测量 DOM（见组件说明），故容器高只能由可静态读出的确定值决定。
+const IS_HARMONY = process.env.TARO_PLATFORM === 'harmony';
+// 同页多 PickerView 时为选项 id 提供实例前缀，避免 scrollIntoView 串到其它实例
+let _pickerViewInstanceSeq = 0;
+// 解析 indicatorStyle 字符串中的 height（纯 px 时优先用它，避免测量 DOM）
+const parseHeightFromStyle = styleStr => {
+  if (!styleStr) return null;
+  const match = styleStr.match(/height\s*:\s*(\d+(?:\.\d+)?)px/i);
+  return match ? parseFloat(match[1]) : null;
+};
+// 从对象 style 的 height 取纯数值：number 直接用，字符串取纯 px（"300px"→300）
+const parseNumericHeight = h => {
+  if (typeof h === 'number' && Number.isFinite(h)) return h;
+  if (typeof h === 'string') {
+    const m = h.match(/^(\d+(?:\.\d+)?)px$/i);
+    return m ? parseFloat(m[1]) : null;
+  }
+  return null;
+};
+// 将 CSS 字符串（如 "height: 50px; color: red"）解析为 React 样式对象
+// H5 下 React DOM 的 style 只接受对象，不接受字符串，故需转换
+const parseStyleString = styleStr => {
+  if (!styleStr) return {};
+  const result = {};
+  styleStr.split(';').forEach(decl => {
+    const idx = decl.indexOf(':');
+    if (idx === -1) return;
+    const key = decl.slice(0, idx).trim();
+    const val = decl.slice(idx + 1).trim();
+    if (!key || !val) return;
+    // 转驼峰：background-color → backgroundColor
+    const camelKey = key.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+    result[camelKey] = val;
+  });
+  return result;
+};
+// 归一化 style：字符串解析为对象，对象原样返回
+const normalizeStyle = style => {
+  if (!style) return {};
+  return typeof style === 'string' ? parseStyleString(style) : style;
+};
+function PickerView(props) {
+  const {
+    value,
+    defaultValue,
+    indicatorStyle,
+    indicatorClass,
+    maskStyle,
+    maskClass,
+    // immediateChange：规范定义为「松手即报（依赖原生惯性预测落点）」。H5/dynamic 无法获取
+    // 惯性预测终点，若在 touchend 报当前项会与最终停留项不一致，故统一在归中后上报最终项，
+    // 该 prop 保留于接口（超集对齐小程序）但当前不产生行为差异。
+    // title(swan)/ariaLabel(qq) 为端专属，第一版保留接口但不透传 DOM
+    onChange,
+    onPickStart,
+    onPickEnd,
+    itemHeight,
+    visibleItems,
+    enableClickItemScroll = true,
+    id,
+    className,
+    style,
+    children
+  } = props;
+  const isControlled = value !== undefined;
+  const indicatorRef = React.useRef(null);
+  const instanceIdRef = React.useRef(`pv${++_pickerViewInstanceSeq}`);
+  // 过滤出有效的 PickerViewColumn 子节点
+  const columns = React.Children.toArray(children).filter(child => {
+    if (! /*#__PURE__*/React.isValidElement(child)) return false;
+    if (child.type !== PickerViewColumn) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.warn('PickerView 的直接子节点只能是 PickerViewColumn，其它节点将被忽略');
+      }
+      return false;
+    }
+    return true;
+  });
+  // 每列子项数量
+  const columnItemCounts = columns.map(col => React.Children.toArray(col.props.children).filter(React.isValidElement).length);
+  // 越界 clamp：>=count→末项，<0→0
+  const clampValue = (val, count) => {
+    if (count === 0) return 0;
+    if (val >= count) return count - 1;
+    if (val < 0) return 0;
+    return Math.floor(val);
+  };
+  // 归一化 value 数组：补齐列数、各列 clamp
+  const normalizeValue = raw => {
+    return columnItemCounts.map((count, i) => {
+      var _a;
+      return clampValue((_a = raw === null || raw === void 0 ? void 0 : raw[i]) !== null && _a !== void 0 ? _a : 0, count);
+    });
+  };
+  // 内部状态（非受控 / 滚动中暂存）
+  const [innerValue, setInnerValue] = React.useState(() => normalizeValue(isControlled ? value : defaultValue));
+  // 最新 innerValue 的引用，供异步回调读取，避免 stale 闭包
+  const innerValueRef = React.useRef(innerValue);
+  innerValueRef.current = innerValue;
+  // itemHeight 确定：优先 prop → 解析 indicatorStyle 的 px 高 → 量 indicator offsetHeight → 兜底 34
+  const [measuredItemHeight, setMeasuredItemHeight] = React.useState(() => {
+    var _a;
+    if (itemHeight != null) return itemHeight;
+    return (_a = parseHeightFromStyle(indicatorStyle)) !== null && _a !== void 0 ? _a : DEFAULT_ITEM_HEIGHT;
+  });
+  React.useLayoutEffect(() => {
+    if (itemHeight != null) {
+      setMeasuredItemHeight(itemHeight);
+      return;
+    }
+    // indicatorStyle 是纯 px 高度时直接解析，无需测量 DOM
+    const parsed = parseHeightFromStyle(indicatorStyle);
+    if (parsed != null) {
+      setMeasuredItemHeight(parsed);
+      return;
+    }
+    // 仅当 indicatorStyle 用了 calc/rem 等非 px 单位时才回退到测量
+    const el = indicatorRef.current;
+    if (el && el.offsetHeight) {
+      setMeasuredItemHeight(el.offsetHeight);
+    }
+  }, [itemHeight, indicatorStyle]);
+  const effectiveItemHeight = measuredItemHeight;
+  // 容器高度与单项高度相互独立，滚轮始终在容器内垂直居中。
+  //   - visibleItems 为正整数 → 容器高 = itemHeight × visibleItems（明确「分 N 行」意图）
+  //   - 否则（未传 / 0 / 负数 / 小数 / NaN 等非法值）→ 容器高由用户 style / className / 继承决定
+  //     或走 SCSS 默认高，wrapper height:100% 撑满，无需测量
+  // 上下留白交给 CSS：paddingVertical = calc(50% - itemHeight/2)，让首尾项能滚到中心
+  const useVisibleItems = typeof visibleItems === 'number' && Number.isInteger(visibleItems) && visibleItems > 0;
+  const containerHeight = useVisibleItems ? effectiveItemHeight * visibleItems : undefined;
+  // harmony 专用：ArkUI 不认 calc、百分比高度链不成立、又不能测量，
+  // 故容器高必须解析为确定 px。优先级对齐其它端（style height > visibleItems > 兜底）：
+  //   内联 style 的 px height → visibleItems×itemHeight → 兜底行数×itemHeight。
+  // （className 设的高在 SCSS 里、运行时读不到，故 className 场景只能走兜底——已与用户确认接受）
+  const harmonyContainerHeight = React.useMemo(() => {
+    var _a;
+    if (!IS_HARMONY) return undefined;
+    const styleH = (_a = parseHeightFromStyle(typeof style === 'string' ? style : undefined)) !== null && _a !== void 0 ? _a : typeof style === 'object' && style ? parseNumericHeight(style.height) : null;
+    if (styleH != null && styleH > 0) return styleH;
+    if (useVisibleItems) return effectiveItemHeight * visibleItems;
+    return effectiveItemHeight * HARMONY_FALLBACK_ROWS;
+  }, [useVisibleItems, visibleItems, effectiveItemHeight, style]);
+  // 受控 value 变化 → 同步内部状态（deep 比较）
+  // 依赖 valueKey：对 value 做 JSON 深比较，避免引用变化但内容相同的无效同步
+  const valueKey = isControlled ? JSON.stringify(value) : null;
+  React.useEffect(() => {
+    if (isControlled) {
+      const normalized = normalizeValue(value);
+      innerValueRef.current = normalized;
+      setInnerValue(normalized);
+    }
+  }, [valueKey]);
+  // 动态增减 children / 列数 → clamp 越界并补齐，必要时触发 onChange
+  const countsKey = JSON.stringify(columnItemCounts);
+  const prevCountsKeyRef = React.useRef(countsKey);
+  React.useEffect(() => {
+    if (prevCountsKeyRef.current !== countsKey) {
+      prevCountsKeyRef.current = countsKey;
+      const normalized = normalizeValue(innerValueRef.current);
+      if (JSON.stringify(normalized) !== JSON.stringify(innerValueRef.current)) {
+        innerValueRef.current = normalized;
+        setInnerValue(normalized);
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+          detail: {
+            value: normalized
+          }
+        });
+      }
+    }
+  }, [countsKey]);
+  // 某列滚动选中 → 更新对应列索引并上报
+  const handleColumnChange = (columnId, index) => {
+    const prev = innerValueRef.current;
+    const next = columnItemCounts.map((count, i) => {
+      var _a;
+      return i === columnId ? clampValue(index, count) : clampValue((_a = prev[i]) !== null && _a !== void 0 ? _a : 0, count);
+    });
+    if (JSON.stringify(next) === JSON.stringify(prev)) return;
+    innerValueRef.current = next;
+    setInnerValue(next);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      detail: {
+        value: next
+      }
+    });
+  };
+  // cloneElement 注入内部 props
+  const renderedColumns = columns.map((col, columnId) => {
+    var _a;
+    return /*#__PURE__*/React.cloneElement(col, {
+      key: columnId,
+      _itemHeight: effectiveItemHeight,
+      _selectedIndex: clampValue((_a = innerValue[columnId]) !== null && _a !== void 0 ? _a : 0, columnItemCounts[columnId]),
+      _columnId: columnId,
+      // harmony：把解析出的确定容器高下发，列内据此用固定 px 算留白（其它端为 undefined，走 calc）
+      _containerHeight: harmonyContainerHeight,
+      _enableClickItemScroll: enableClickItemScroll,
+      _instanceId: instanceIdRef.current,
+      _onColumnChange: handleColumnChange,
+      _onPickStart: onPickStart,
+      _onPickEnd: onPickEnd
+    });
+  });
+  // indicator 的 style：用户传 indicatorStyle 则解析为对象；未指定 height 时用 itemHeight 兜底
+  const parsedIndicatorStyle = normalizeStyle(indicatorStyle);
+  const indicatorInlineStyle = Object.assign({
+    height: effectiveItemHeight
+  }, parsedIndicatorStyle);
+  const normalizedRootStyle = normalizeStyle(style);
+  // visibleItems 模式撑出容器高度；但用户 style 已显式设 height 时以用户为准，不注入。
+  // 注入时同时解除 SCSS 的 min-height 兜底——visibleItems 是用户明确的项数意图，
+  // 不应被最小高度抬高（如 visibleItems=2 不该被 min-height 撑成 3 项）。
+  const rootStyle = useVisibleItems && normalizedRootStyle.height == null ? Object.assign({
+    height: containerHeight,
+    minHeight: 0
+  }, normalizedRootStyle) : normalizedRootStyle;
+  // harmony：百分比高度链不成立，需在根/wrapper/columns 逐级写死确定 px。
+  // 用解析出的 harmonyContainerHeight 覆盖，并清掉 min-height（px 已确定，无需兜底抬高）。
+  const rootStyleFinal = IS_HARMONY ? Object.assign(Object.assign({}, rootStyle), {
+    height: harmonyContainerHeight,
+    minHeight: 0
+  }) : rootStyle;
+  const chainHeightStyle = IS_HARMONY ? {
+    height: harmonyContainerHeight
+  } : {
+    height: '100%'
+  };
+  return /*#__PURE__*/jsx(View, {
+    id: id,
+    className: `taro-picker-view${className ? ` ${className}` : ''}`,
+    style: rootStyleFinal,
+    children: /*#__PURE__*/jsxs(View, {
+      className: "taro-picker-view__wrapper",
+      style: chainHeightStyle,
+      children: [/*#__PURE__*/jsx(View, {
+        className: `taro-picker-view__mask${maskClass ? ` ${maskClass}` : ''}`,
+        ariaHidden: true,
+        style: IS_HARMONY ? Object.assign(Object.assign({}, chainHeightStyle), normalizeStyle(maskStyle)) : normalizeStyle(maskStyle)
+      }), /*#__PURE__*/jsx(View, {
+        ref: indicatorRef,
+        className: `taro-picker-view__indicator${indicatorClass ? ` ${indicatorClass}` : ''}`,
+        ariaHidden: true,
+        style: indicatorInlineStyle
+      }), /*#__PURE__*/jsx(View, {
+        className: "taro-picker-view__columns",
+        style: IS_HARMONY ? chainHeightStyle : undefined,
+        children: renderedColumns
+      })]
+    })
+  });
+}
+PickerView.displayName = 'PickerView';
+
+export { PickerView, PickerView as default };
+//# sourceMappingURL=index.js.map

package/dist/original/components/picker-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/picker-view/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport { View } from '@tarojs/components'\nimport * as React from 'react'\n\nimport { PickerViewColumn, PickerViewColumnProps } from '../picker-view-column'\n\n// 默认单项高度（兜底值）\nconst DEFAULT_ITEM_HEIGHT = 34\n// harmony 无 style height / visibleItems 可倒推时的兜底可见行数（= SCSS 默认高 5 行）\nconst HARMONY_FALLBACK_ROWS = 5\n// harmony 端：ArkUI 不解析 calc、且多级 height:100% 百分比链不成立，\n// 又不能测量 DOM（见组件说明），故容器高只能由可静态读出的确定值决定。\nconst IS_HARMONY = process.env.TARO_PLATFORM === 'harmony'\n\n// 同页多 PickerView 时为选项 id 提供实例前缀，避免 scrollIntoView 串到其它实例\nlet _pickerViewInstanceSeq = 0\n\nexport interface PickerViewProps {\n  value?: number[]\n  defaultValue?: number[]\n  indicatorStyle?: string\n  indicatorClass?: string\n  maskStyle?: string\n  maskClass?: string\n  immediateChange?: boolean\n  title?: string\n  ariaLabel?: string\n  onChange?: (e: { detail: { value: number[] } }) => void\n  onPickStart?: (e?: unknown) => void\n  onPickEnd?: (e?: unknown) => void\n  // 扩展能力（超集）\n  itemHeight?: number\n  visibleItems?: number\n  /** 点击选项是否滚至选中区，默认 true（与 Picker 对齐） */\n  enableClickItemScroll?: boolean\n  // StandardProps\n  id?: string\n  className?: string\n  style?: string | React.CSSProperties\n  children?: React.ReactNode\n}\n\n// 解析 indicatorStyle 字符串中的 height（纯 px 时优先用它，避免测量 DOM）\nconst parseHeightFromStyle = (styleStr?: string): number | null => {\n  if (!styleStr) return null\n  const match = styleStr.match(/height\\s*:\\s*(\\d+(?:\\.\\d+)?)px/i)\n  return match ? parseFloat(match[1]) : null\n}\n\n// 从对象 style 的 height 取纯数值：number 直接用，字符串取纯 px（\"300px\"→300）\nconst parseNumericHeight = (h?: string | number): number | null => {\n  if (typeof h === 'number' && Number.isFinite(h)) return h\n  if (typeof h === 'string') {\n    const m = h.match(/^(\\d+(?:\\.\\d+)?)px$/i)\n    return m ? parseFloat(m[1]) : null\n  }\n  return null\n}\n\n// 将 CSS 字符串（如 \"height: 50px; color: red\"）解析为 React 样式对象\n// H5 下 React DOM 的 style 只接受对象，不接受字符串，故需转换\nconst parseStyleString = (styleStr?: string): React.CSSProperties => {\n  if (!styleStr) return {}\n  const result: Record<string, string> = {}\n  styleStr.split(';').forEach((decl) => {\n    const idx = decl.indexOf(':')\n    if (idx === -1) return\n    const key = decl.slice(0, idx).trim()\n    const val = decl.slice(idx + 1).trim()\n    if (!key || !val) return\n    // 转驼峰：background-color → backgroundColor\n    const camelKey = key.replace(/-([a-z])/g, (_, c) => c.toUpperCase())\n    result[camelKey] = val\n  })\n  return result as React.CSSProperties\n}\n\n// 归一化 style：字符串解析为对象，对象原样返回\nconst normalizeStyle = (style?: string | React.CSSProperties): React.CSSProperties => {\n  if (!style) return {}\n  return typeof style === 'string' ? parseStyleString(style) : style\n}\n\nexport function PickerView(props: PickerViewProps) {\n  const {\n    value,\n    defaultValue,\n    indicatorStyle,\n    indicatorClass,\n    maskStyle,\n    maskClass,\n    // immediateChange：规范定义为「松手即报（依赖原生惯性预测落点）」。H5/dynamic 无法获取\n    // 惯性预测终点，若在 touchend 报当前项会与最终停留项不一致，故统一在归中后上报最终项，\n    // 该 prop 保留于接口（超集对齐小程序）但当前不产生行为差异。\n    // title(swan)/ariaLabel(qq) 为端专属，第一版保留接口但不透传 DOM\n    onChange,\n    onPickStart,\n    onPickEnd,\n    itemHeight,\n    visibleItems,\n    enableClickItemScroll = true,\n    id,\n    className,\n    style,\n    children,\n  } = props\n\n  const isControlled = value !== undefined\n  const indicatorRef = React.useRef<React.ElementRef<typeof View>>(null)\n  const instanceIdRef = React.useRef(`pv${++_pickerViewInstanceSeq}`)\n\n  // 过滤出有效的 PickerViewColumn 子节点\n  const columns = React.Children.toArray(children).filter((child) => {\n    if (!React.isValidElement(child)) return false\n    if (child.type !== PickerViewColumn) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn('PickerView 的直接子节点只能是 PickerViewColumn，其它节点将被忽略')\n      }\n      return false\n    }\n    return true\n  }) as React.ReactElement<PickerViewColumnProps>[]\n\n  // 每列子项数量\n  const columnItemCounts = columns.map((col) =>\n    React.Children.toArray(col.props.children).filter(React.isValidElement).length\n  )\n\n  // 越界 clamp：>=count→末项，<0→0\n  const clampValue = (val: number, count: number): number => {\n    if (count === 0) return 0\n    if (val >= count) return count - 1\n    if (val < 0) return 0\n    return Math.floor(val)\n  }\n\n  // 归一化 value 数组：补齐列数、各列 clamp\n  const normalizeValue = (raw: number[] | undefined): number[] => {\n    return columnItemCounts.map((count, i) => clampValue(raw?.[i] ?? 0, count))\n  }\n\n  // 内部状态（非受控 / 滚动中暂存）\n  const [innerValue, setInnerValue] = React.useState<number[]>(() =>\n    normalizeValue(isControlled ? value : defaultValue)\n  )\n  // 最新 innerValue 的引用，供异步回调读取，避免 stale 闭包\n  const innerValueRef = React.useRef(innerValue)\n  innerValueRef.current = innerValue\n\n  // itemHeight 确定：优先 prop → 解析 indicatorStyle 的 px 高 → 量 indicator offsetHeight → 兜底 34\n  const [measuredItemHeight, setMeasuredItemHeight] = React.useState<number>(() => {\n    if (itemHeight != null) return itemHeight\n    return parseHeightFromStyle(indicatorStyle) ?? DEFAULT_ITEM_HEIGHT\n  })\n\n  React.useLayoutEffect(() => {\n    if (itemHeight != null) {\n      setMeasuredItemHeight(itemHeight)\n      return\n    }\n    // indicatorStyle 是纯 px 高度时直接解析，无需测量 DOM\n    const parsed = parseHeightFromStyle(indicatorStyle)\n    if (parsed != null) {\n      setMeasuredItemHeight(parsed)\n      return\n    }\n    // 仅当 indicatorStyle 用了 calc/rem 等非 px 单位时才回退到测量\n    const el = indicatorRef.current as unknown as HTMLElement | null\n    if (el && el.offsetHeight) {\n      setMeasuredItemHeight(el.offsetHeight)\n    }\n  }, [itemHeight, indicatorStyle])\n\n  const effectiveItemHeight = measuredItemHeight\n\n  // 容器高度与单项高度相互独立，滚轮始终在容器内垂直居中。\n  //   - visibleItems 为正整数 → 容器高 = itemHeight × visibleItems（明确「分 N 行」意图）\n  //   - 否则（未传 / 0 / 负数 / 小数 / NaN 等非法值）→ 容器高由用户 style / className / 继承决定\n  //     或走 SCSS 默认高，wrapper height:100% 撑满，无需测量\n  // 上下留白交给 CSS：paddingVertical = calc(50% - itemHeight/2)，让首尾项能滚到中心\n  const useVisibleItems = typeof visibleItems === 'number' && Number.isInteger(visibleItems) && visibleItems > 0\n  const containerHeight = useVisibleItems\n    ? effectiveItemHeight * visibleItems\n    : undefined\n\n  // harmony 专用：ArkUI 不认 calc、百分比高度链不成立、又不能测量，\n  // 故容器高必须解析为确定 px。优先级对齐其它端（style height > visibleItems > 兜底）：\n  //   内联 style 的 px height → visibleItems×itemHeight → 兜底行数×itemHeight。\n  // （className 设的高在 SCSS 里、运行时读不到，故 className 场景只能走兜底——已与用户确认接受）\n  const harmonyContainerHeight = React.useMemo(() => {\n    if (!IS_HARMONY) return undefined\n    const styleH = parseHeightFromStyle(typeof style === 'string' ? style : undefined) ??\n      (typeof style === 'object' && style ? parseNumericHeight(style.height) : null)\n    if (styleH != null && styleH > 0) return styleH\n    if (useVisibleItems) return effectiveItemHeight * (visibleItems as number)\n    return effectiveItemHeight * HARMONY_FALLBACK_ROWS\n  }, [useVisibleItems, visibleItems, effectiveItemHeight, style])\n\n  // 受控 value 变化 → 同步内部状态（deep 比较）\n  // 依赖 valueKey：对 value 做 JSON 深比较，避免引用变化但内容相同的无效同步\n  const valueKey = isControlled ? JSON.stringify(value) : null\n  React.useEffect(() => {\n    if (isControlled) {\n      const normalized = normalizeValue(value)\n      innerValueRef.current = normalized\n      setInnerValue(normalized)\n    }\n  }, [valueKey])\n\n  // 动态增减 children / 列数 → clamp 越界并补齐，必要时触发 onChange\n  const countsKey = JSON.stringify(columnItemCounts)\n  const prevCountsKeyRef = React.useRef(countsKey)\n  React.useEffect(() => {\n    if (prevCountsKeyRef.current !== countsKey) {\n      prevCountsKeyRef.current = countsKey\n      const normalized = normalizeValue(innerValueRef.current)\n      if (JSON.stringify(normalized) !== JSON.stringify(innerValueRef.current)) {\n        innerValueRef.current = normalized\n        setInnerValue(normalized)\n        onChange?.({ detail: { value: normalized } })\n      }\n    }\n  }, [countsKey])\n\n  // 某列滚动选中 → 更新对应列索引并上报\n  const handleColumnChange = (columnId: number, index: number) => {\n    const prev = innerValueRef.current\n    const next = columnItemCounts.map((count, i) =>\n      i === columnId ? clampValue(index, count) : clampValue(prev[i] ?? 0, count)\n    )\n    if (JSON.stringify(next) === JSON.stringify(prev)) return\n    innerValueRef.current = next\n    setInnerValue(next)\n    onChange?.({ detail: { value: next } })\n  }\n\n  // cloneElement 注入内部 props\n  const renderedColumns = columns.map((col, columnId) =>\n    React.cloneElement(col, {\n      key: columnId,\n      _itemHeight: effectiveItemHeight,\n      _selectedIndex: clampValue(innerValue[columnId] ?? 0, columnItemCounts[columnId]),\n      _columnId: columnId,\n      // harmony：把解析出的确定容器高下发，列内据此用固定 px 算留白（其它端为 undefined，走 calc）\n      _containerHeight: harmonyContainerHeight,\n      _enableClickItemScroll: enableClickItemScroll,\n      _instanceId: instanceIdRef.current,\n      _onColumnChange: handleColumnChange,\n      _onPickStart: onPickStart,\n      _onPickEnd: onPickEnd,\n    })\n  )\n\n  // indicator 的 style：用户传 indicatorStyle 则解析为对象；未指定 height 时用 itemHeight 兜底\n  const parsedIndicatorStyle = normalizeStyle(indicatorStyle)\n  const indicatorInlineStyle: React.CSSProperties = {\n    height: effectiveItemHeight,\n    ...parsedIndicatorStyle,\n  }\n\n  const normalizedRootStyle = normalizeStyle(style)\n  // visibleItems 模式撑出容器高度；但用户 style 已显式设 height 时以用户为准，不注入。\n  // 注入时同时解除 SCSS 的 min-height 兜底——visibleItems 是用户明确的项数意图，\n  // 不应被最小高度抬高（如 visibleItems=2 不该被 min-height 撑成 3 项）。\n  const rootStyle: React.CSSProperties = (useVisibleItems && normalizedRootStyle.height == null)\n    ? { height: containerHeight, minHeight: 0, ...normalizedRootStyle }\n    : normalizedRootStyle\n\n  // harmony：百分比高度链不成立，需在根/wrapper/columns 逐级写死确定 px。\n  // 用解析出的 harmonyContainerHeight 覆盖，并清掉 min-height（px 已确定，无需兜底抬高）。\n  const rootStyleFinal: React.CSSProperties = IS_HARMONY\n    ? { ...rootStyle, height: harmonyContainerHeight, minHeight: 0 }\n    : rootStyle\n  const chainHeightStyle: React.CSSProperties = IS_HARMONY\n    ? { height: harmonyContainerHeight }\n    : { height: '100%' }\n\n  return (\n    <View\n      id={id}\n      className={`taro-picker-view${className ? ` ${className}` : ''}`}\n      style={rootStyleFinal}\n    >\n      <View\n        className=\"taro-picker-view__wrapper\"\n        style={chainHeightStyle}\n      >\n        <View\n          className={`taro-picker-view__mask${maskClass ? ` ${maskClass}` : ''}`}\n          ariaHidden\n          style={IS_HARMONY ? { ...chainHeightStyle, ...normalizeStyle(maskStyle) } : normalizeStyle(maskStyle)}\n        />\n        <View\n          ref={indicatorRef}\n          className={`taro-picker-view__indicator${indicatorClass ? ` ${indicatorClass}` : ''}`}\n          ariaHidden\n          style={indicatorInlineStyle}\n        />\n        <View\n          className=\"taro-picker-view__columns\"\n          style={IS_HARMONY ? chainHeightStyle : undefined}\n        >\n          {renderedColumns}\n        </View>\n      </View>\n    </View>\n  )\n}\n\nPickerView.displayName = 'PickerView'\n\nexport default PickerView\n"],"names":["DEFAULT_ITEM_HEIGHT","HARMONY_FALLBACK_ROWS","IS_HARMONY","process","env","TARO_PLATFORM","_pickerViewInstanceSeq","parseHeightFromStyle","styleStr","match","parseFloat","parseNumericHeight","h","Number","isFinite","m","parseStyleString","result","split","forEach","decl","idx","indexOf","key","slice","trim","val","camelKey","replace","_","c","toUpperCase","normalizeStyle","style","PickerView","props","value","defaultValue","indicatorStyle","indicatorClass","maskStyle","maskClass","onChange","onPickStart","onPickEnd","itemHeight","visibleItems","enableClickItemScroll","id","className","children","isControlled","undefined","indicatorRef","React","useRef","instanceIdRef","columns","Children","toArray","filter","child","isValidElement","type","PickerViewColumn","NODE_ENV","console","warn","columnItemCounts","map","col","length","clampValue","count","Math","floor","normalizeValue","raw","i","_a","innerValue","setInnerValue","useState","innerValueRef","current","measuredItemHeight","setMeasuredItemHeight","useLayoutEffect","parsed","el","offsetHeight","effectiveItemHeight","useVisibleItems","isInteger","containerHeight","harmonyContainerHeight","useMemo","styleH","height","valueKey","JSON","stringify","useEffect","normalized","countsKey","prevCountsKeyRef","detail","handleColumnChange","columnId","index","prev","next","renderedColumns","cloneElement","_itemHeight","_selectedIndex","_columnId","_containerHeight","_enableClickItemScroll","_instanceId","_onColumnChange","_onPickStart","_onPickEnd","parsedIndicatorStyle","indicatorInlineStyle","normalizedRootStyle","rootStyle","Object","assign","minHeight","rootStyleFinal","chainHeightStyle","_jsx","View","_jsxs","ariaHidden","ref","displayName"],"mappings":"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"}

package/dist/original/components/picker-view/style/index.scss

@@ -0,0 +1,132 @@
+/* Imported from ../../picker/style/variable.scss */
+// Light 模式颜色变量
+$weuiLineColorLight: #e5e5e5;
+$weuiColorPrimary: #FF0F23;
+$weuiTextColorGray: #999;
+$weuiTextColorDesc: #888;
+$weuiTextColorBlack: #000;
+$weuiBackgroundColorLight: #fff;
+$weuiMaskColorLight: rgba(0, 0, 0, 0.6);
+
+// Dark 模式颜色变量
+$weuiLineColorDark: rgba(255, 255, 255, 0.06);
+$weuiColorPrimaryDark: #ff0f23;
+$weuiTextColorGrayDark: #999999;
+$weuiTextColorDescDark: #818181;
+$weuiTextColorBlackDark: #e6e6e6;
+$weuiBackgroundColorDark: #1f1f1f;
+$weuiMaskColorDark: rgba(20, 20, 20, 0.7);
+
+// Picker 相关变量
+$weuiPickerZIndexContainer: 1000;  // picker容器层级
+$weuiPickerZIndexMask: 1001;       // 遮罩层级
+$weuiPickerZIndexIndicator: 1002;  // 选中指示器层级
+
+// Picker 尺寸
+$weuiPickerHeaderHeight: 44px;     // 头部高度
+$weuiPickerItemHeight: 34px;       // 选项高度
+$weuiPickerContentHeight: 238px;   // 内容区高度
+$weuiPickerColumnGap: 8px; // 列间距
+
+// 动画
+$weuiPickerTransitionDuration: 0.3s;  // 过渡动画时长
+
+
+.taro-picker-view {
+  display: block;
+  width: 100%;
+
+  // 默认高 = 单项高 34 × 5 行，用户 style / className 的 height 会覆盖。
+  // 必须用 height 而非 min-height：子级 height:100% 只认父级 height，
+  // min-height 撑不起百分比链，会让 calc(50%) 留白失效、居中错位。
+  height: $weuiPickerItemHeight * 5;
+
+  // 最小总高兜底 = 单项高 × 3：保证选中项上下各露 1 项、可正常滚动，
+  // 防止 height 过小（如 20px）无法操作。与上面的 height 并存不影响百分比链。
+  min-height: $weuiPickerItemHeight * 3;
+
+  // 滚轮容器：相对定位，承载 indicator / mask / 列
+  &__wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  // 列容器：横向排列各列，等分宽度
+  &__columns {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    height: 100%;
+  }
+
+  // 单列滚动区
+  &__column {
+    flex: 1;
+    height: 100%;
+    box-sizing: border-box;
+  }
+
+  // 列内单项（定高容器）
+  &__item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    text-align: center;
+  }
+
+  // 留白占位
+  &__column-blank {
+    width: 100%;
+  }
+
+  // 遮罩层 - 上下渐变
+  &__mask {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: $weuiPickerZIndexMask;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+  }
+
+  // 选中行指示器
+  &__indicator {
+    position: absolute;
+    left: 0;
+    top: 50%;
+    z-index: $weuiPickerZIndexIndicator;
+    width: 100%;
+    box-sizing: border-box;
+    transform: translateY(-50%);
+    pointer-events: none;
+  }
+}
+
+// Light 主题（默认）
+.taro-picker-view {
+  .taro-picker-view__indicator {
+    border-top: 1px solid $weuiLineColorLight;
+    border-bottom: 1px solid $weuiLineColorLight;
+  }
+
+  .taro-picker-view__mask {
+    background:
+      linear-gradient(
+        180deg,
+        rgba(255, 255, 255, 0.95) 0%,
+        rgba(255, 255, 255, 0.6) 40%,
+        rgba(255, 255, 255, 0) 45%,
+        rgba(255, 255, 255, 0) 55%,
+        rgba(255, 255, 255, 0.6) 60%,
+        rgba(255, 255, 255, 0.95) 100%
+      );
+  }
+
+  .taro-picker-view__item {
+    color: $weuiTextColorBlack;
+  }
+}