@tarojs/components-react 4.0.8-beta.1 → 4.0.8-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/README.md +31 -0
  2. package/dist/components/button/index.js +36 -10
  3. package/dist/components/button/index.js.map +1 -1
  4. package/dist/components/icon/index.js.map +1 -1
  5. package/dist/components/image/index.js +1 -1
  6. package/dist/components/image/index.js.map +1 -1
  7. package/dist/components/image/style/{index.css.js → index.scss.js} +1 -1
  8. package/dist/components/image/style/index.scss.js.map +1 -0
  9. package/dist/components/input/index.js.map +1 -1
  10. package/dist/components/picker/index.js +788 -0
  11. package/dist/components/picker/index.js.map +1 -0
  12. package/dist/components/picker/picker-group.js +491 -0
  13. package/dist/components/picker/picker-group.js.map +1 -0
  14. package/dist/components/{scroll-view/style/index.css.js → picker/style/index.scss.js} +1 -1
  15. package/dist/components/picker/style/index.scss.js.map +1 -0
  16. package/dist/components/pull-down-refresh/index.js +1 -1
  17. package/dist/components/pull-down-refresh/index.js.map +1 -1
  18. package/dist/components/pull-down-refresh/style/{index.css.js → index.scss.js} +1 -1
  19. package/dist/components/pull-down-refresh/style/index.scss.js.map +1 -0
  20. package/dist/components/refresher/index.js +7 -0
  21. package/dist/components/refresher/index.js.map +1 -0
  22. package/dist/components/scroll-view/index.js +8 -3
  23. package/dist/components/scroll-view/index.js.map +1 -1
  24. package/dist/components/{swiper/style/index.css.js → scroll-view/style/index.scss.js} +1 -1
  25. package/dist/components/scroll-view/style/index.scss.js.map +1 -0
  26. package/dist/components/swiper/index.js +5 -3
  27. package/dist/components/swiper/index.js.map +1 -1
  28. package/dist/components/swiper/style/index.scss.js +4 -0
  29. package/dist/components/swiper/style/index.scss.js.map +1 -0
  30. package/dist/components/text/index.js +1 -1
  31. package/dist/components/text/index.js.map +1 -1
  32. package/dist/components/text/style/index.scss.js +4 -0
  33. package/dist/components/text/style/index.scss.js.map +1 -0
  34. package/dist/components/view/index.js.map +1 -1
  35. package/dist/index.css +1 -1
  36. package/dist/index.js +3 -1
  37. package/dist/index.js.map +1 -1
  38. package/dist/original/components/button/index.js +113 -0
  39. package/dist/original/components/button/index.js.map +1 -0
  40. package/dist/original/components/button/style/index.scss +354 -0
  41. package/dist/original/components/icon/index.js +36 -0
  42. package/dist/original/components/icon/index.js.map +1 -0
  43. package/dist/original/components/icon/style/index.scss +304 -0
  44. package/dist/original/components/image/index.js +86 -0
  45. package/dist/original/components/image/index.js.map +1 -0
  46. package/dist/original/components/image/style/index.scss +90 -0
  47. package/dist/original/components/input/index.js +233 -0
  48. package/dist/original/components/input/index.js.map +1 -0
  49. package/dist/original/components/input/style/index.scss +71 -0
  50. package/dist/original/components/picker/index.js +788 -0
  51. package/dist/original/components/picker/index.js.map +1 -0
  52. package/dist/original/components/picker/picker-group.js +491 -0
  53. package/dist/original/components/picker/picker-group.js.map +1 -0
  54. package/dist/original/components/picker/style/index.scss +297 -0
  55. package/dist/original/components/pull-down-refresh/index.js +320 -0
  56. package/dist/original/components/pull-down-refresh/index.js.map +1 -0
  57. package/dist/original/components/pull-down-refresh/style/index.scss +53 -0
  58. package/dist/original/components/refresher/index.js +7 -0
  59. package/dist/original/components/refresher/index.js.map +1 -0
  60. package/dist/original/components/scroll-view/index.js +189 -0
  61. package/dist/original/components/scroll-view/index.js.map +1 -0
  62. package/dist/original/components/scroll-view/style/index.scss +22 -0
  63. package/dist/original/components/swiper/index.js +461 -0
  64. package/dist/original/components/swiper/index.js.map +1 -0
  65. package/dist/original/components/swiper/style/index.scss +9 -0
  66. package/dist/original/components/text/index.js +28 -0
  67. package/dist/original/components/text/index.js.map +1 -0
  68. package/dist/original/components/text/style/index.scss +13 -0
  69. package/dist/original/components/view/index.js +80 -0
  70. package/dist/original/components/view/index.js.map +1 -0
  71. package/dist/original/index.js +15 -0
  72. package/dist/original/index.js.map +1 -0
  73. package/dist/original/utils/hooks.react.js +15 -0
  74. package/dist/original/utils/hooks.react.js.map +1 -0
  75. package/dist/original/utils/index.js +162 -0
  76. package/dist/original/utils/index.js.map +1 -0
  77. package/dist/solid/components/button/index.js +50 -29
  78. package/dist/solid/components/button/index.js.map +1 -1
  79. package/dist/solid/components/icon/index.js.map +1 -1
  80. package/dist/solid/components/image/index.js +1 -1
  81. package/dist/solid/components/image/index.js.map +1 -1
  82. package/dist/solid/components/image/style/index.scss.js +4 -0
  83. package/dist/solid/components/image/style/index.scss.js.map +1 -0
  84. package/dist/solid/components/picker/index.js +830 -0
  85. package/dist/solid/components/picker/index.js.map +1 -0
  86. package/dist/solid/components/picker/picker-group.js +512 -0
  87. package/dist/solid/components/picker/picker-group.js.map +1 -0
  88. package/dist/solid/components/picker/style/index.scss.js +4 -0
  89. package/dist/solid/components/picker/style/index.scss.js.map +1 -0
  90. package/dist/solid/components/refresher/index.js +7 -0
  91. package/dist/solid/components/refresher/index.js.map +1 -0
  92. package/dist/solid/components/scroll-view/index.js +8 -3
  93. package/dist/solid/components/scroll-view/index.js.map +1 -1
  94. package/dist/solid/components/scroll-view/style/index.scss.js +4 -0
  95. package/dist/solid/components/scroll-view/style/index.scss.js.map +1 -0
  96. package/dist/solid/components/text/index.js +1 -1
  97. package/dist/solid/components/text/index.js.map +1 -1
  98. package/dist/solid/components/text/style/index.scss.js +4 -0
  99. package/dist/solid/components/text/style/index.scss.js.map +1 -0
  100. package/dist/solid/components/view/index.js.map +1 -1
  101. package/dist/solid/index.css +1 -1
  102. package/dist/solid/index.js +3 -1
  103. package/dist/solid/index.js.map +1 -1
  104. package/dist/solid/utils/hooks.solid.js.map +1 -1
  105. package/dist/solid/utils/index.js +103 -1
  106. package/dist/solid/utils/index.js.map +1 -1
  107. package/dist/utils/hooks.react.js.map +1 -1
  108. package/dist/utils/index.js +103 -1
  109. package/dist/utils/index.js.map +1 -1
  110. package/package.json +23 -9
  111. package/types/global.d.ts +1 -1
  112. package/types/index.d.ts +3 -1
  113. package/dist/components/image/style/index.css.js.map +0 -1
  114. package/dist/components/pull-down-refresh/style/index.css.js.map +0 -1
  115. package/dist/components/scroll-view/style/index.css.js.map +0 -1
  116. package/dist/components/swiper/style/index.css.js.map +0 -1
  117. package/dist/components/text/style/index.css.js +0 -4
  118. package/dist/components/text/style/index.css.js.map +0 -1
  119. package/dist/solid/components/image/style/index.css.js +0 -4
  120. package/dist/solid/components/image/style/index.css.js.map +0 -1
  121. package/dist/solid/components/scroll-view/style/index.css.js +0 -4
  122. package/dist/solid/components/scroll-view/style/index.css.js.map +0 -1
  123. package/dist/solid/components/text/style/index.css.js +0 -4
  124. package/dist/solid/components/text/style/index.css.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"picker-group.js","sources":["../../../../src/components/picker/picker-group.tsx"],"sourcesContent":["import { ScrollView, View } from '@tarojs/components'\nimport * as React from 'react'\n\n// 添加类型定义\ntype TaroScrollView = React.ElementRef<typeof ScrollView>\ntype TaroView = React.ElementRef<typeof View>\n\nexport interface PickerGroupProps {\n mode?: 'basic' | 'time' | 'date' | 'region'\n range: any[]\n rangeKey?: string\n columnId: string\n updateIndex: (index: number, columnId: string, needRevise?: boolean) => void // 替换updateHeight\n onColumnChange?: (e: { columnId: string, index: number }) => void // 修改回调参数名称\n updateDay?: (value: number, fields: number) => void\n selectedIndex?: number // 添加selectedIndex参数\n _updateTrigger?: any // 仅用于强制触发更新\n colors?: {\n itemDefaultColor?: string // 选项字体默认颜色\n itemSelectedColor?: string // 选项字体选中颜色\n }\n}\n\n// 定义常量\nconst PICKER_LINE_HEIGHT = 34 // px\nconst PICKER_VISIBLE_ITEMS = 7 // 可见行数\nconst PICKER_BLANK_ITEMS = 3 // 空白行数\n\nexport function PickerGroupBasic(props: PickerGroupProps) {\n const {\n range = [],\n rangeKey,\n columnId,\n updateIndex,\n onColumnChange,\n selectedIndex = 0, // 使用selectedIndex参数,默认为0\n colors = {},\n } = props\n const [targetScrollTop, setTargetScrollTop] = React.useState(0)\n const scrollViewRef = React.useRef<TaroScrollView>(null)\n const itemRefs = React.useRef<Array<TaroView | null>>([])\n // 使用selectedIndex初始化当前索引\n const [currentIndex, setCurrentIndex] = React.useState(selectedIndex)\n // 触摸状态用于优化用户体验\n const [isTouching, setIsTouching] = React.useState(false)\n\n const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT)\n React.useEffect(() => {\n if (scrollViewRef.current) {\n itemHeightRef.current = scrollViewRef.current.scrollHeight / scrollViewRef.current.childNodes.length\n }\n }, [range.length]) // 只在range长度变化时重新计算\n // 获取选中的索引\n const getSelectedIndex = (scrollTop: number) => {\n return Math.round(scrollTop / itemHeightRef.current)\n }\n\n // 当selectedIndex变化时,调整滚动位置\n React.useEffect(() => {\n if (scrollViewRef.current && range.length > 0 && !isTouching) {\n setTargetScrollTop(selectedIndex * itemHeightRef.current)\n setCurrentIndex(selectedIndex)\n }\n }, [selectedIndex, range])\n\n // 是否处于归中状态\n const isCenterTimerId = React.useRef<NodeJS.Timeout | null>(null)\n // 简化为直接在滚动结束时通知父组件\n const handleScrollEnd = () => {\n if (!scrollViewRef.current) return\n if (isCenterTimerId.current) {\n clearTimeout(isCenterTimerId.current)\n isCenterTimerId.current = null\n }\n // 做一个0.1s延时 0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项\n isCenterTimerId.current = setTimeout(() => {\n if (!scrollViewRef.current) return\n\n const scrollTop = scrollViewRef.current.scrollTop\n const newIndex = getSelectedIndex(scrollTop)\n\n setIsTouching(false)\n setTargetScrollTop(newIndex * itemHeightRef.current + Math.random() * 0.001) // 随机数为了在一个项内滚动时强制刷新\n updateIndex(newIndex, columnId)\n onColumnChange?.({ columnId, index: newIndex })\n }, 100)\n }\n // 滚动处理 - 在滚动时计算索引然后更新选中项样式\n const handleScroll = () => {\n if (!scrollViewRef.current) return\n if (isCenterTimerId.current) {\n clearTimeout(isCenterTimerId.current)\n isCenterTimerId.current = null\n }\n const scrollTop = scrollViewRef.current.scrollTop\n const newIndex = getSelectedIndex(scrollTop)\n if (newIndex !== currentIndex) {\n setCurrentIndex(newIndex)\n }\n }\n\n // 渲染选项\n const pickerItem = range.map((item, index) => {\n const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item\n\n return (\n <View\n id={`picker-item-${columnId}-${index}`}\n key={index}\n ref={(el) => (itemRefs.current[index] = el)}\n className={`taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`}\n style={{\n height: PICKER_LINE_HEIGHT,\n color: index === currentIndex\n ? (colors.itemSelectedColor || undefined)\n : (colors.itemDefaultColor || undefined)\n }}\n >\n {content}\n </View>\n )\n })\n\n const realPickerItems = [\n ...new Array(PICKER_BLANK_ITEMS)\n .fill(null)\n .map((_, idx) => (\n <View\n key={`blank-top-${idx}`}\n className=\"taro-picker__item taro-picker__item--blank\"\n style={{ height: PICKER_LINE_HEIGHT }}\n />\n )),\n ...pickerItem,\n ...new Array(PICKER_BLANK_ITEMS)\n .fill(null)\n .map((_, idx) => (\n <View\n key={`blank-bottom-${idx}`}\n className=\"taro-picker__item taro-picker__item--blank\"\n style={{ height: PICKER_LINE_HEIGHT }}\n />\n )),\n ]\n\n return (\n <View className=\"taro-picker__group\">\n <View className=\"taro-picker__mask\" />\n <View className=\"taro-picker__indicator\" />\n <ScrollView\n ref={scrollViewRef}\n scrollY\n showScrollbar={false}\n className=\"taro-picker__content\"\n style={{\n height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS,\n }}\n scrollTop={targetScrollTop}\n onScroll={handleScroll}\n onTouchStart={() => setIsTouching(true)}\n onScrollEnd={handleScrollEnd}\n scrollWithAnimation\n >\n {realPickerItems}\n </ScrollView>\n </View>\n )\n}\n\n// 时间选择器实现\nexport function PickerGroupTime(props: PickerGroupProps) {\n const {\n range = [],\n rangeKey,\n columnId,\n updateIndex,\n selectedIndex = 0,\n colors = {},\n } = props\n\n const [targetScrollTop, setTargetScrollTop] = React.useState(0)\n const scrollViewRef = React.useRef<TaroScrollView>(null)\n const itemRefs = React.useRef<Array<TaroView | null>>([])\n const [currentIndex, setCurrentIndex] = React.useState(selectedIndex)\n const [isTouching, setIsTouching] = React.useState(false)\n\n const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT)\n React.useEffect(() => {\n if (scrollViewRef.current) {\n itemHeightRef.current = scrollViewRef.current.scrollHeight / scrollViewRef.current.childNodes.length\n }\n }, [range.length]) // 只在range长度变化时重新计算\n\n const getSelectedIndex = (scrollTop: number) => {\n return Math.round(scrollTop / itemHeightRef.current)\n }\n\n // 当selectedIndex变化时,调整滚动位置\n React.useEffect(() => {\n if (scrollViewRef.current && range.length > 0 && !isTouching) {\n setTargetScrollTop(selectedIndex * itemHeightRef.current)\n setCurrentIndex(selectedIndex)\n }\n }, [selectedIndex, range])\n\n // 是否处于归中状态\n const isCenterTimerId = React.useRef<NodeJS.Timeout | null>(null)\n\n // 简化为直接在滚动结束时通知父组件\n const handleScrollEnd = () => {\n if (!scrollViewRef.current) return\n if (isCenterTimerId.current) {\n clearTimeout(isCenterTimerId.current)\n isCenterTimerId.current = null\n }\n // 做一个0.1s延时 0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项\n isCenterTimerId.current = setTimeout(() => {\n if (!scrollViewRef.current) return\n\n const scrollTop = scrollViewRef.current.scrollTop\n const newIndex = getSelectedIndex(scrollTop)\n setIsTouching(false)\n // 调用updateIndex执行限位逻辑,获取是否触发了限位\n const isLimited = Boolean(updateIndex(newIndex, columnId, true))\n // 如果没有触发限位,才执行归中逻辑\n if (!isLimited) {\n setTargetScrollTop(newIndex * itemHeightRef.current + Math.random() * 0.001)\n }\n }, 100)\n }\n\n // 滚动处理\n const handleScroll = () => {\n if (!scrollViewRef.current) return\n if (isCenterTimerId.current) {\n clearTimeout(isCenterTimerId.current)\n isCenterTimerId.current = null\n }\n const scrollTop = scrollViewRef.current.scrollTop\n const newIndex = getSelectedIndex(scrollTop)\n if (newIndex !== currentIndex) {\n setCurrentIndex(newIndex)\n }\n }\n\n // 渲染选项\n const pickerItem = range.map((item, index) => {\n const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item\n\n return (\n <View\n id={`picker-item-${columnId}-${index}`}\n key={index}\n ref={(el) => (itemRefs.current[index] = el)}\n className={`taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`}\n style={{\n height: PICKER_LINE_HEIGHT,\n color: index === currentIndex\n ? (colors.itemSelectedColor || undefined)\n : (colors.itemDefaultColor || undefined)\n }}\n >\n {content}\n </View>\n )\n })\n\n const realPickerItems = [\n ...new Array(PICKER_BLANK_ITEMS)\n .fill(null)\n .map((_, idx) => (\n <View\n key={`blank-top-${idx}`}\n className=\"taro-picker__item taro-picker__item--blank\"\n style={{ height: PICKER_LINE_HEIGHT }}\n />\n )),\n ...pickerItem,\n ...new Array(PICKER_BLANK_ITEMS)\n .fill(null)\n .map((_, idx) => (\n <View\n key={`blank-bottom-${idx}`}\n className=\"taro-picker__item taro-picker__item--blank\"\n style={{ height: PICKER_LINE_HEIGHT }}\n />\n )),\n ]\n\n return (\n <View className=\"taro-picker__group\">\n <View className=\"taro-picker__mask\" />\n <View className=\"taro-picker__indicator\" />\n <ScrollView\n ref={scrollViewRef}\n scrollY\n showScrollbar={false}\n className=\"taro-picker__content\"\n style={{\n height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS,\n }}\n scrollTop={targetScrollTop}\n onScroll={handleScroll}\n onTouchStart={() => setIsTouching(true)}\n onScrollEnd={handleScrollEnd}\n scrollWithAnimation\n >\n {realPickerItems}\n </ScrollView>\n </View>\n )\n}\n\n// 日期选择器实现\nexport function PickerGroupDate(props: PickerGroupProps) {\n const {\n range = [],\n columnId,\n updateDay,\n selectedIndex = 0,\n colors = {},\n } = props\n\n const [targetScrollTop, setTargetScrollTop] = React.useState(0)\n const scrollViewRef = React.useRef<TaroScrollView>(null)\n const [currentIndex, setCurrentIndex] = React.useState(selectedIndex)\n const [isTouching, setIsTouching] = React.useState(false)\n\n const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT)\n React.useEffect(() => {\n if (scrollViewRef.current) {\n itemHeightRef.current = scrollViewRef.current.scrollHeight / scrollViewRef.current.childNodes.length\n }\n }, [range.length]) // 只在range长度变化时重新计算\n\n const getSelectedIndex = (scrollTop: number) => {\n return Math.round(scrollTop / itemHeightRef.current)\n }\n\n // 当selectedIndex变化时,调整滚动位置\n React.useEffect(() => {\n if (scrollViewRef.current && range.length > 0 && !isTouching) {\n setTargetScrollTop(selectedIndex * itemHeightRef.current)\n setCurrentIndex(selectedIndex)\n }\n }, [selectedIndex, range])\n\n // 是否处于归中状态\n const isCenterTimerId = React.useRef<NodeJS.Timeout | null>(null)\n\n // 简化为直接在滚动结束时通知父组件\n const handleScrollEnd = () => {\n if (!scrollViewRef.current) return\n if (isCenterTimerId.current) {\n clearTimeout(isCenterTimerId.current)\n isCenterTimerId.current = null\n }\n\n // 做一个0.1s延时 0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项\n isCenterTimerId.current = setTimeout(() => {\n if (!scrollViewRef.current) return\n\n const scrollTop = scrollViewRef.current.scrollTop\n const newIndex = getSelectedIndex(scrollTop)\n\n setIsTouching(false)\n setTargetScrollTop(newIndex * itemHeightRef.current + Math.random() * 0.001) // 随机数为了在一个项内滚动时强制刷新\n\n // 更新日期值\n if (updateDay) {\n // 解析文本中的数字(移除年、月、日等后缀)\n const valueText = range[newIndex] || ''\n const numericValue = parseInt(valueText.replace(/[^0-9]/g, ''))\n updateDay(isNaN(numericValue) ? 0 : numericValue, parseInt(columnId))\n }\n }, 100)\n }\n\n // 滚动处理\n const handleScroll = () => {\n if (!scrollViewRef.current) return\n if (isCenterTimerId.current) {\n clearTimeout(isCenterTimerId.current)\n isCenterTimerId.current = null\n }\n const scrollTop = scrollViewRef.current.scrollTop\n const newIndex = getSelectedIndex(scrollTop)\n if (newIndex !== currentIndex) {\n setCurrentIndex(newIndex)\n }\n }\n\n // 渲染选项\n const pickerItem = range.map((item, index) => {\n return (\n <View\n id={`picker-item-${columnId}-${index}`}\n key={index}\n className={`taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`}\n style={{\n height: PICKER_LINE_HEIGHT,\n color: index === currentIndex\n ? (colors.itemSelectedColor || undefined)\n : (colors.itemDefaultColor || undefined)\n }}\n >\n {item}\n </View>\n )\n })\n\n const realPickerItems = [\n ...new Array(PICKER_BLANK_ITEMS)\n .fill(null)\n .map((_, idx) => (\n <View\n key={`blank-top-${idx}`}\n className=\"taro-picker__item taro-picker__item--blank\"\n style={{ height: PICKER_LINE_HEIGHT }}\n />\n )),\n ...pickerItem,\n ...new Array(PICKER_BLANK_ITEMS)\n .fill(null)\n .map((_, idx) => (\n <View\n key={`blank-bottom-${idx}`}\n className=\"taro-picker__item taro-picker__item--blank\"\n style={{ height: PICKER_LINE_HEIGHT }}\n />\n )),\n ]\n\n return (\n <View className=\"taro-picker__group\">\n <View className=\"taro-picker__mask\" />\n <View className=\"taro-picker__indicator\" />\n <ScrollView\n ref={scrollViewRef}\n scrollY\n showScrollbar={false}\n className=\"taro-picker__content\"\n style={{ height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS }}\n scrollTop={targetScrollTop}\n onScroll={handleScroll}\n onTouchStart={() => setIsTouching(true)}\n onScrollEnd={handleScrollEnd}\n scrollWithAnimation\n >\n {realPickerItems}\n </ScrollView>\n </View>\n )\n}\n\n// 地区选择器实现\nexport function PickerGroupRegion(props: PickerGroupProps) {\n const {\n range = [],\n rangeKey,\n columnId,\n updateIndex,\n selectedIndex = 0, // 使用selectedIndex参数,默认为0\n colors = {},\n } = props\n\n const scrollViewRef = React.useRef<any>(null)\n const [targetScrollTop, setTargetScrollTop] = React.useState(0)\n const [currentIndex, setCurrentIndex] = React.useState(selectedIndex)\n const [isTouching, setIsTouching] = React.useState(false)\n\n const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT)\n const isUserBeginScrollRef = React.useRef(false)\n React.useEffect(() => {\n if (scrollViewRef.current) {\n itemHeightRef.current = scrollViewRef.current.scrollHeight / scrollViewRef.current.childNodes.length\n }\n }, [range.length]) // 只在range长度变化时重新计算\n\n const getSelectedIndex = (scrollTop: number) => {\n return Math.round(scrollTop / itemHeightRef.current)\n }\n\n // 当selectedIndex变化时,调整滚动位置\n React.useEffect(() => {\n if (scrollViewRef.current && range.length > 0 && !isTouching) {\n setTargetScrollTop(selectedIndex * itemHeightRef.current)\n setCurrentIndex(selectedIndex)\n }\n }, [selectedIndex, range])\n\n // 滚动结束处理\n const isCenterTimerId = React.useRef<NodeJS.Timeout | null>(null)\n const handleScrollEnd = () => {\n if (!scrollViewRef.current) return\n if (isCenterTimerId.current) {\n clearTimeout(isCenterTimerId.current)\n isCenterTimerId.current = null\n }\n // 做一个0.1s延时 0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项\n isCenterTimerId.current = setTimeout(() => {\n if (!scrollViewRef.current) return\n\n const scrollTop = scrollViewRef.current.scrollTop\n const newIndex = getSelectedIndex(scrollTop)\n\n setIsTouching(false)\n setTargetScrollTop(newIndex * itemHeightRef.current + Math.random() * 0.001) // 随机数为了在一个项内滚动时强制刷新\n updateIndex(newIndex, columnId, false, isUserBeginScrollRef.current)\n }, 100)\n }\n\n // 滚动处理 - 在滚动时计算索引\n const handleScroll = () => {\n if (!scrollViewRef.current) return\n if (isCenterTimerId.current) {\n clearTimeout(isCenterTimerId.current)\n isCenterTimerId.current = null\n }\n const scrollTop = scrollViewRef.current.scrollTop\n const newIndex = getSelectedIndex(scrollTop)\n if (newIndex !== currentIndex) {\n setCurrentIndex(newIndex)\n }\n }\n\n // 渲染选项\n const pickerItem = range.map((item, index) => {\n const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item\n\n return (\n <View\n id={`picker-item-${columnId}-${index}`}\n key={index}\n className={`taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`}\n style={{\n height: PICKER_LINE_HEIGHT,\n color: index === currentIndex\n ? (colors.itemSelectedColor || undefined)\n : (colors.itemDefaultColor || undefined)\n }}\n >\n {content}\n </View>\n )\n })\n\n const realPickerItems = [\n ...new Array(PICKER_BLANK_ITEMS)\n .fill(null)\n .map((_, idx) => (\n <View\n key={`blank-top-${idx}`}\n className=\"taro-picker__item taro-picker__item--blank\"\n style={{ height: PICKER_LINE_HEIGHT }}\n />\n )),\n ...pickerItem,\n ...new Array(PICKER_BLANK_ITEMS)\n .fill(null)\n .map((_, idx) => (\n <View\n key={`blank-bottom-${idx}`}\n className=\"taro-picker__item taro-picker__item--blank\"\n style={{ height: PICKER_LINE_HEIGHT }}\n />\n )),\n ]\n return (\n <View className=\"taro-picker__group\">\n <View className=\"taro-picker__mask\" />\n <View className=\"taro-picker__indicator\" />\n <ScrollView\n ref={scrollViewRef}\n scrollY\n showScrollbar={false}\n className=\"taro-picker__content\"\n style={{ height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS }}\n scrollTop={targetScrollTop}\n onScroll={handleScroll}\n onTouchStart={() => {\n setIsTouching(true)\n isUserBeginScrollRef.current = true\n }}\n onScrollEnd={handleScrollEnd}\n scrollWithAnimation\n >\n {realPickerItems}\n </ScrollView>\n </View>\n )\n}\n\n// 默认导出,根据 mode 自动分发\nexport function PickerGroup(props: PickerGroupProps) {\n switch (props.mode) {\n case 'time':\n return <PickerGroupTime {...props} />\n case 'date':\n return <PickerGroupDate {...props} />\n case 'region':\n return <PickerGroupRegion {...props} />\n default:\n return <PickerGroupBasic {...props} />\n }\n}\n"],"names":["PICKER_LINE_HEIGHT","PICKER_VISIBLE_ITEMS","PICKER_BLANK_ITEMS","PickerGroupBasic","props","range","rangeKey","columnId","updateIndex","onColumnChange","selectedIndex","colors","targetScrollTop","setTargetScrollTop","React","useState","scrollViewRef","useRef","itemRefs","currentIndex","setCurrentIndex","isTouching","setIsTouching","itemHeightRef","useEffect","current","scrollHeight","childNodes","length","getSelectedIndex","scrollTop","Math","round","isCenterTimerId","handleScrollEnd","clearTimeout","setTimeout","newIndex","random","index","handleScroll","pickerItem","map","item","content","_jsx","View","id","ref","el","className","style","height","color","itemSelectedColor","undefined","itemDefaultColor","children","realPickerItems","Array","fill","_","idx","_jsxs","ScrollView","scrollY","showScrollbar","onScroll","onTouchStart","onScrollEnd","scrollWithAnimation","PickerGroupTime","isLimited","Boolean","PickerGroupDate","updateDay","valueText","numericValue","parseInt","replace","isNaN","PickerGroupRegion","isUserBeginScrollRef","PickerGroup","mode"],"mappings":"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"}
@@ -0,0 +1,297 @@
1
+ /* Imported from ./variable */
2
+ $weuiLineColorLight: #e5e5e5;
3
+ $weuiColorPrimary: #FF0F23;
4
+ $weuiTextColorGray: #999;
5
+ $weuiTextColorDesc: #888;
6
+ $weuiTextColorBlack: #000;
7
+
8
+ // Picker 相关变量
9
+ $weuiPickerZIndexContainer: 1000; // picker容器层级
10
+ $weuiPickerZIndexMask: 1001; // 遮罩层级
11
+ $weuiPickerZIndexIndicator: 1002; // 选中指示器层级
12
+
13
+ // Picker 尺寸
14
+ $weuiPickerHeaderHeight: 44px; // 头部高度
15
+ $weuiPickerItemHeight: 34px; // 选项高度
16
+ $weuiPickerContentHeight: 238px; // 内容区高度
17
+ $weuiPickerColumnGap: 8px; // 列间距
18
+
19
+ // 动画
20
+ $weuiPickerTransitionDuration: 0.3s; // 过渡动画时长
21
+
22
+ // 覆盖层遮罩(用于全屏遮罩)
23
+ .taro-picker__overlay {
24
+ position: fixed;
25
+ top: 0;
26
+ right: 0;
27
+ bottom: 0;
28
+ left: 0;
29
+ width: 100%;
30
+ height: 100%;
31
+ z-index: $weuiPickerZIndexContainer;
32
+ }
33
+
34
+ // 点击取消遮罩(用于事件处理)
35
+ .taro-picker__mask-overlay {
36
+ position: absolute;
37
+ top: 0;
38
+ right: 0;
39
+ bottom: 0;
40
+ left: 0;
41
+ width: 100%;
42
+ height: 100%;
43
+ z-index: $weuiPickerZIndexMask;
44
+ background-color: rgba(0, 0, 0, 0.6);
45
+ }
46
+
47
+ .taro-picker {
48
+ position: absolute;
49
+ bottom: 0;
50
+ left: 0;
51
+ z-index: $weuiPickerZIndexIndicator;
52
+ background-color: $weuiLineColorLight;
53
+ width: 100%;
54
+ font-size: 14px;
55
+ }
56
+
57
+ .taro-picker__hd {
58
+ display: flex;
59
+ align-items: center;
60
+ justify-content: space-between;
61
+ height: $weuiPickerHeaderHeight;
62
+ padding: 0;
63
+ background-color: #fff;
64
+ font-size: 17px;
65
+ position: relative;
66
+
67
+ &::after {
68
+ content: '';
69
+ position: absolute;
70
+ left: 0;
71
+ bottom: 0;
72
+ width: 100%;
73
+ height: 1px;
74
+ background-color: $weuiLineColorLight;
75
+ transform: scaleY(0.5);
76
+ }
77
+ }
78
+
79
+ .taro-picker__action {
80
+ flex: 0 0 auto; /* 不伸缩,保持内容宽度 */
81
+ padding: 0 10px;
82
+ height: $weuiPickerHeaderHeight;
83
+ line-height: $weuiPickerHeaderHeight;
84
+ color: $weuiColorPrimary;
85
+ font-size: 14px;
86
+
87
+
88
+ // 左侧取消按钮
89
+ &:first-child {
90
+ color: $weuiTextColorDesc;
91
+ }
92
+ }
93
+
94
+ .taro-picker__title {
95
+ position: absolute;
96
+ left: 50%;
97
+ top: 50%;
98
+ transform: translate(-50%, -50%);
99
+ max-width: 40%; /* 限制最大宽度,防止挤压按钮 */
100
+ overflow: hidden;
101
+ white-space: nowrap;
102
+ text-overflow: ellipsis;
103
+ font-weight: 500;
104
+ font-size: 16px;
105
+ color: $weuiTextColorBlack;
106
+ }
107
+
108
+ .taro-picker__bd {
109
+ display: flex;
110
+ flex: 1;
111
+ width: 100%;
112
+ height: $weuiPickerContentHeight;
113
+ box-sizing: border-box;
114
+ overflow: hidden;
115
+ background-color: #fff;
116
+ }
117
+
118
+ // 选择器组
119
+ .taro-picker__group {
120
+ display: flex;
121
+ position: relative;
122
+ height: 100%;
123
+ box-sizing: border-box;
124
+ justify-content: center; /* 水平居中 */
125
+ align-items: center;
126
+ flex: 1; /* 确保在多列情况下平均分配空间 */
127
+ min-width: 0;
128
+
129
+ // 多列布局
130
+ &--date {
131
+ .taro-picker__columns {
132
+ display: flex;
133
+ width: 100%;
134
+ height: 100%;
135
+ }
136
+ }
137
+ }
138
+
139
+ // 遮罩层 - 上下渐变效果
140
+ .taro-picker__mask {
141
+ position: absolute;
142
+ left: 0;
143
+ top: 0;
144
+ z-index: 1;
145
+ width: 100%;
146
+ height: 100%;
147
+ background:
148
+ linear-gradient(
149
+ 180deg,
150
+ rgba(255, 255, 255, 0.95) 0%,
151
+ rgba(255, 255, 255, 0.6) 40%,
152
+ rgba(255, 255, 255, 0) 45%,
153
+ rgba(255, 255, 255, 0) 55%,
154
+ rgba(255, 255, 255, 0.6) 60%,
155
+ rgba(255, 255, 255, 0.95) 100%
156
+ );
157
+ pointer-events: none;
158
+ }
159
+
160
+ // 选中行指示器
161
+ .taro-picker__indicator {
162
+ position: absolute;
163
+ left: 0;
164
+ top: 50%;
165
+ z-index: $weuiPickerZIndexIndicator;
166
+ width: 100%;
167
+ height: $weuiPickerItemHeight;
168
+ box-sizing: border-box;
169
+ transform: translateY(-50%);
170
+
171
+ // 上下边框
172
+ &::before, &::after {
173
+ content: '';
174
+ position: absolute;
175
+ left: 0;
176
+ right: 0;
177
+ height: 1px;
178
+ background-color: $weuiLineColorLight;
179
+ transform: scaleY(0.5);
180
+ }
181
+
182
+ &::before { top: 0; }
183
+ &::after { bottom: 0; }
184
+ }
185
+
186
+ // 滚动内容区域
187
+ .taro-picker__content {
188
+ width: 100%;
189
+ height: 100%;
190
+ box-sizing: border-box;
191
+ }
192
+
193
+ // 选项样式
194
+ .taro-picker__item {
195
+ width: 100%;
196
+ height: $weuiPickerItemHeight;
197
+ padding: 0 8px; /* 增加内边距使文本不贴边 */
198
+ box-sizing: border-box;
199
+ overflow: hidden; /* 隐藏溢出内容 */
200
+ line-height: $weuiPickerItemHeight;
201
+ text-align: center;
202
+ display: flex;
203
+ align-items: center;
204
+ justify-content: center;
205
+ white-space: nowrap;
206
+ text-overflow: ellipsis;
207
+ font-size: 16px; /* 稍微减小字体大小 */
208
+ color: $weuiTextColorBlack;
209
+
210
+ // 选中状态
211
+ &--selected {
212
+ font-weight: 500; /* 使用适中的字体粗细 */
213
+ color: $weuiColorPrimary;
214
+ }
215
+
216
+ // 禁用状态
217
+ &--disabled {
218
+ color: $weuiTextColorGray;
219
+ }
220
+ }
221
+
222
+ // 列间距调整
223
+ .taro-picker__column {
224
+ flex: 1;
225
+ margin: 0 $weuiPickerColumnGap;
226
+
227
+ // 第一列和最后一列的间距调整
228
+ &:first-child { margin-left: 0; }
229
+ &:last-child { margin-right: 0; }
230
+ }
231
+
232
+ // 新增:自定义项样式
233
+ .taro-picker__item--custom {
234
+ text-align: center; /* 确保自定义项也居中 */
235
+ display: flex;
236
+ justify-content: center;
237
+ align-items: center;
238
+ font-weight: normal;
239
+ color: #888;
240
+ }
241
+
242
+ // 动画相关
243
+ @keyframes taro-picker__slide-up {
244
+ from {
245
+ transform: translate3d(0, 100%, 0);
246
+ }
247
+
248
+ to {
249
+ transform: translate3d(0, 0, 0);
250
+ }
251
+ }
252
+ //目前动画支持度不够 暂时屏蔽
253
+ .taro-picker__animate-slide-up {
254
+ // animation: taro-picker__slide-up ease #{$weuiPickerTransitionDuration} forwards;
255
+ }
256
+
257
+ @keyframes taro-picker__slide-down {
258
+ from {
259
+ transform: translate3d(0, 0, 0);
260
+ }
261
+
262
+ to {
263
+ transform: translate3d(0, 100%, 0);
264
+ }
265
+ }
266
+
267
+ .taro-picker__animate-slide-down {
268
+ // animation: taro-picker__slide-down ease #{$weuiPickerTransitionDuration} forwards;
269
+ }
270
+
271
+ @keyframes taro-picker__fade-in {
272
+ from {
273
+ opacity: 0;
274
+ }
275
+
276
+ to {
277
+ opacity: 1;
278
+ }
279
+ }
280
+
281
+ .taro-picker__animate-fade-in {
282
+ // animation: taro-picker__fade-in ease #{$weuiPickerTransitionDuration} forwards;
283
+ }
284
+
285
+ @keyframes taro-picker__fade-out {
286
+ from {
287
+ opacity: 1;
288
+ }
289
+
290
+ to {
291
+ opacity: 0;
292
+ }
293
+ }
294
+
295
+ .taro-picker__animate-fade-out {
296
+ // animation: taro-picker__fade-out ease #{$weuiPickerTransitionDuration} forwards;
297
+ }