@tarojs/components-react 4.1.7-beta.1 → 4.1.7-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.
- package/dist/components/button/index.js +20 -7
- package/dist/components/button/index.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/original/components/button/index.js +100 -0
- package/dist/original/components/button/index.js.map +1 -0
- package/dist/original/components/button/style/index.css +3 -0
- package/dist/original/components/button/style/index.css.map +1 -0
- package/dist/original/components/icon/index.js +36 -0
- package/dist/original/components/icon/index.js.map +1 -0
- package/dist/original/components/icon/style/index.css +3 -0
- package/dist/original/components/icon/style/index.css.map +1 -0
- package/dist/original/components/image/index.js +146 -0
- package/dist/original/components/image/index.js.map +1 -0
- package/dist/original/components/image/style/index.css +3 -0
- package/dist/original/components/image/style/index.css.map +1 -0
- package/dist/original/components/input/index.js +233 -0
- package/dist/original/components/input/index.js.map +1 -0
- package/dist/original/components/input/style/index.css +3 -0
- package/dist/original/components/input/style/index.css.map +1 -0
- package/dist/original/components/picker/index.js +788 -0
- package/dist/original/components/picker/index.js.map +1 -0
- package/dist/original/components/picker/picker-group.js +491 -0
- package/dist/original/components/picker/picker-group.js.map +1 -0
- package/dist/{components/picker/react-style/style.css → original/components/picker/style/index.css} +2 -1
- package/dist/original/components/picker/style/index.css.map +1 -0
- package/dist/original/components/pull-down-refresh/index.js +320 -0
- package/dist/original/components/pull-down-refresh/index.js.map +1 -0
- package/dist/original/components/pull-down-refresh/style/index.css +3 -0
- package/dist/original/components/pull-down-refresh/style/index.css.map +1 -0
- package/dist/original/components/refresher/index.js +7 -0
- package/dist/original/components/refresher/index.js.map +1 -0
- package/dist/original/components/scroll-view/index.js +189 -0
- package/dist/original/components/scroll-view/index.js.map +1 -0
- package/dist/original/components/scroll-view/style/index.css +3 -0
- package/dist/original/components/scroll-view/style/index.css.map +1 -0
- package/dist/original/components/swiper/index.js +461 -0
- package/dist/original/components/swiper/index.js.map +1 -0
- package/dist/original/components/swiper/style/index.css +3 -0
- package/dist/original/components/swiper/style/index.css.map +1 -0
- package/dist/original/components/text/index.js +28 -0
- package/dist/original/components/text/index.js.map +1 -0
- package/dist/original/components/text/style/index.css +3 -0
- package/dist/original/components/text/style/index.css.map +1 -0
- package/dist/original/components/view/index.js +80 -0
- package/dist/original/components/view/index.js.map +1 -0
- package/dist/original/index.css +2 -0
- package/dist/original/index.css.map +1 -0
- package/dist/original/index.js +15 -0
- package/dist/original/index.js.map +1 -0
- package/dist/original/utils/hooks.react.js +15 -0
- package/dist/original/utils/hooks.react.js.map +1 -0
- package/dist/original/utils/index.js +162 -0
- package/dist/original/utils/index.js.map +1 -0
- package/dist/solid/components/button/index.js +20 -7
- package/dist/solid/components/button/index.js.map +1 -1
- package/dist/solid/index.css +1 -1
- package/package.json +8 -6
- package/dist/components/picker/react-style/style.css.map +0 -1
- package/dist/components/picker/react-style/style.js +0 -4
- package/dist/components/picker/react-style/style.js.map +0 -1
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
import './style/index.css';
|
|
2
|
+
import { isFunction } from '@tarojs/shared';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { throttle, createForwardRefComponent } from '../../utils/index.js';
|
|
5
|
+
import { useRef, useEffect } from '../../utils/hooks.react.js';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
function easeOutScroll() {
|
|
9
|
+
let from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
10
|
+
let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
11
|
+
let callback = arguments.length > 2 ? arguments[2] : undefined;
|
|
12
|
+
if (from === to || typeof from !== 'number') {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
const change = to - from;
|
|
16
|
+
const dur = 500;
|
|
17
|
+
const sTime = +new Date();
|
|
18
|
+
function linear(t, b, c, d) {
|
|
19
|
+
return c * t / d + b;
|
|
20
|
+
}
|
|
21
|
+
const isLarger = to >= from;
|
|
22
|
+
function step() {
|
|
23
|
+
from = linear(+new Date() - sTime, from, change, dur);
|
|
24
|
+
if (isLarger && from >= to || !isLarger && to >= from) {
|
|
25
|
+
callback(to);
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
callback(from);
|
|
29
|
+
requestAnimationFrame(step);
|
|
30
|
+
}
|
|
31
|
+
step();
|
|
32
|
+
}
|
|
33
|
+
function scrollIntoView() {
|
|
34
|
+
let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
35
|
+
let isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
36
|
+
let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
37
|
+
let scrollIntoViewAlignment = arguments.length > 3 ? arguments[3] : undefined;
|
|
38
|
+
var _a;
|
|
39
|
+
(_a = document.querySelector(`#${id}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
|
|
40
|
+
behavior: animated ? 'smooth' : 'auto',
|
|
41
|
+
block: !isHorizontal ? scrollIntoViewAlignment || 'center' : 'center',
|
|
42
|
+
inline: isHorizontal ? scrollIntoViewAlignment || 'start' : 'start'
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function scrollVertical(container, scrollTop, top, isAnimation) {
|
|
46
|
+
if (isAnimation) {
|
|
47
|
+
easeOutScroll(scrollTop.current, top, pos => {
|
|
48
|
+
if (container.current) container.current.scrollTop = pos;
|
|
49
|
+
});
|
|
50
|
+
} else {
|
|
51
|
+
if (container.current) container.current.scrollTop = top;
|
|
52
|
+
}
|
|
53
|
+
scrollTop.current = top;
|
|
54
|
+
}
|
|
55
|
+
function scrollHorizontal(container, scrollLeft, left, isAnimation) {
|
|
56
|
+
if (isAnimation) {
|
|
57
|
+
easeOutScroll(scrollLeft.current, left, pos => {
|
|
58
|
+
if (container.current) container.current.scrollLeft = pos;
|
|
59
|
+
});
|
|
60
|
+
} else {
|
|
61
|
+
if (container.current) container.current.scrollLeft = left;
|
|
62
|
+
}
|
|
63
|
+
scrollLeft.current = left;
|
|
64
|
+
}
|
|
65
|
+
function ScrollView(props) {
|
|
66
|
+
const _scrollTop = useRef(null);
|
|
67
|
+
const _scrollLeft = useRef(null);
|
|
68
|
+
const container = useRef(null);
|
|
69
|
+
const onTouchMove = e => {
|
|
70
|
+
e.stopPropagation();
|
|
71
|
+
};
|
|
72
|
+
const handleScroll = function (props) {
|
|
73
|
+
let isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
74
|
+
// scrollIntoView
|
|
75
|
+
if (props.scrollIntoView && typeof props.scrollIntoView === 'string' && document && document.querySelector && document.querySelector(`#${props.scrollIntoView}`)) {
|
|
76
|
+
const isHorizontal = props.scrollX && !props.scrollY;
|
|
77
|
+
if (isInit) {
|
|
78
|
+
setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500);
|
|
79
|
+
} else {
|
|
80
|
+
scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment);
|
|
81
|
+
}
|
|
82
|
+
} else {
|
|
83
|
+
const isAnimation = !!props.scrollWithAnimation;
|
|
84
|
+
// Y 轴滚动
|
|
85
|
+
if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {
|
|
86
|
+
if (isInit) {
|
|
87
|
+
setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10);
|
|
88
|
+
} else {
|
|
89
|
+
scrollVertical(container, _scrollTop, props.scrollTop, isAnimation);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
// X 轴滚动
|
|
93
|
+
if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {
|
|
94
|
+
if (isInit) {
|
|
95
|
+
setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10);
|
|
96
|
+
} else {
|
|
97
|
+
scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
useEffect(() => {
|
|
103
|
+
handleScroll(props, true);
|
|
104
|
+
}, []);
|
|
105
|
+
const {
|
|
106
|
+
className,
|
|
107
|
+
style = {},
|
|
108
|
+
onScroll,
|
|
109
|
+
onScrollToUpper,
|
|
110
|
+
onScrollToLower,
|
|
111
|
+
scrollX,
|
|
112
|
+
scrollY,
|
|
113
|
+
showScrollbar = true,
|
|
114
|
+
// 默认显示滚动条
|
|
115
|
+
enhanced = false // 默认不增强
|
|
116
|
+
} = props;
|
|
117
|
+
let {
|
|
118
|
+
upperThreshold = 50,
|
|
119
|
+
lowerThreshold = 50
|
|
120
|
+
} = props;
|
|
121
|
+
const cls = classNames('taro-scroll', {
|
|
122
|
+
'taro-scroll-view__scroll-x': scrollX,
|
|
123
|
+
'taro-scroll-view__scroll-y': scrollY,
|
|
124
|
+
'taro-scroll--hidebar': enhanced === true && showScrollbar === false,
|
|
125
|
+
'taro-scroll--enhanced': enhanced === true
|
|
126
|
+
}, className);
|
|
127
|
+
upperThreshold = Number(upperThreshold);
|
|
128
|
+
lowerThreshold = Number(lowerThreshold);
|
|
129
|
+
const upperAndLower = e => {
|
|
130
|
+
if (!container.current) return;
|
|
131
|
+
const {
|
|
132
|
+
offsetWidth,
|
|
133
|
+
offsetHeight,
|
|
134
|
+
scrollLeft,
|
|
135
|
+
scrollTop,
|
|
136
|
+
scrollHeight,
|
|
137
|
+
scrollWidth
|
|
138
|
+
} = container.current;
|
|
139
|
+
if (onScrollToLower && (props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
|
|
140
|
+
onScrollToLower(e);
|
|
141
|
+
}
|
|
142
|
+
if (onScrollToUpper && (props.scrollY && scrollTop <= upperThreshold || props.scrollX && scrollLeft <= upperThreshold)) {
|
|
143
|
+
onScrollToUpper(e);
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
const upperAndLowerThrottle = throttle(upperAndLower, 200);
|
|
147
|
+
const _onScroll = e => {
|
|
148
|
+
const {
|
|
149
|
+
scrollLeft,
|
|
150
|
+
scrollTop,
|
|
151
|
+
scrollHeight,
|
|
152
|
+
scrollWidth
|
|
153
|
+
} = container.current;
|
|
154
|
+
_scrollLeft.current = scrollLeft;
|
|
155
|
+
_scrollTop.current = scrollTop;
|
|
156
|
+
Object.defineProperty(e, 'detail', {
|
|
157
|
+
enumerable: true,
|
|
158
|
+
writable: true,
|
|
159
|
+
value: {
|
|
160
|
+
scrollLeft,
|
|
161
|
+
scrollTop,
|
|
162
|
+
scrollHeight,
|
|
163
|
+
scrollWidth
|
|
164
|
+
}
|
|
165
|
+
});
|
|
166
|
+
upperAndLowerThrottle(e);
|
|
167
|
+
onScroll && onScroll(e);
|
|
168
|
+
};
|
|
169
|
+
const _onTouchMove = e => {
|
|
170
|
+
isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e);
|
|
171
|
+
};
|
|
172
|
+
return /*#__PURE__*/jsx("div", {
|
|
173
|
+
ref: e => {
|
|
174
|
+
if (e) {
|
|
175
|
+
container.current = e;
|
|
176
|
+
if (props.forwardedRef) props.forwardedRef.current = e;
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
style: style,
|
|
180
|
+
className: cls,
|
|
181
|
+
onScroll: _onScroll,
|
|
182
|
+
onTouchMove: _onTouchMove,
|
|
183
|
+
children: props.children
|
|
184
|
+
});
|
|
185
|
+
}
|
|
186
|
+
var index = createForwardRefComponent(ScrollView);
|
|
187
|
+
|
|
188
|
+
export { index as default };
|
|
189
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/scroll-view/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport { isFunction } from '@tarojs/shared'\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, throttle } from '../../utils'\nimport { useEffect, useRef } from '../../utils/hooks'\n\nimport type React from 'react'\n\nfunction easeOutScroll (from = 0, to = 0, callback) {\n if (from === to || typeof from !== 'number') {\n return\n }\n const change = to - from\n const dur = 500\n const sTime = +new Date()\n function linear (t, b, c, d) {\n return (c * t) / d + b\n }\n const isLarger = to >= from\n\n function step () {\n from = linear(+new Date() - sTime, from, change, dur)\n if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n callback(to)\n return\n }\n callback(from)\n requestAnimationFrame(step)\n }\n step()\n}\n\nfunction scrollIntoView (id = '', isHorizontal = false, animated = true, scrollIntoViewAlignment?: ScrollLogicalPosition) {\n document.querySelector(`#${id}`)?.scrollIntoView({\n behavior: animated ? 'smooth' : 'auto',\n block: !isHorizontal ? (scrollIntoViewAlignment || 'center') : 'center',\n inline: isHorizontal ? (scrollIntoViewAlignment || 'start') : 'start'\n })\n}\n\nfunction scrollVertical (container, scrollTop, top, isAnimation) {\n if (isAnimation) {\n easeOutScroll(scrollTop.current, top, pos => {\n if (container.current) container.current.scrollTop = pos\n })\n } else {\n if (container.current) container.current.scrollTop = top\n }\n scrollTop.current = top\n}\n\nfunction scrollHorizontal (container, scrollLeft, left, isAnimation) {\n if (isAnimation) {\n easeOutScroll(scrollLeft.current, left, pos => {\n if (container.current) container.current.scrollLeft = pos\n })\n } else {\n if (container.current) container.current.scrollLeft = left\n }\n scrollLeft.current = left\n}\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n scrollX: boolean\n scrollY: boolean\n upperThreshold: number\n lowerThreshold: number\n scrollTop: number\n scrollLeft: number\n scrollIntoView?: string\n scrollIntoViewAlignment?: ScrollLogicalPosition\n scrollWithAnimation: boolean\n enableBackToTop?: boolean\n forwardedRef?: React.MutableRefObject<HTMLDivElement>\n onScrollToUpper: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n onScrollToLower: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n onScroll: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n onTouchMove: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n showScrollbar?: boolean // 新增参数,默认true\n enhanced?: boolean // 新增参数,默认false\n}\n\nfunction ScrollView (props: IProps) {\n const _scrollTop = useRef<any>(null)\n const _scrollLeft = useRef<any>(null)\n const container = useRef<any>(null)\n const onTouchMove = (e) => {\n e.stopPropagation()\n }\n\n const handleScroll = (props: IProps, isInit = false) => {\n // scrollIntoView\n if (\n props.scrollIntoView &&\n typeof props.scrollIntoView === 'string' &&\n document &&\n document.querySelector &&\n document.querySelector(`#${props.scrollIntoView}`)\n ) {\n const isHorizontal = props.scrollX && !props.scrollY\n if (isInit) {\n setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500)\n } else {\n scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment)\n }\n } else {\n const isAnimation = !!props.scrollWithAnimation\n // Y 轴滚动\n if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {\n if (isInit) {\n setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10)\n } else {\n scrollVertical(container, _scrollTop, props.scrollTop, isAnimation)\n }\n }\n // X 轴滚动\n if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {\n if (isInit) {\n setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10)\n } else {\n scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation)\n }\n }\n }\n }\n\n useEffect(() => {\n handleScroll(props, true)\n }, [])\n\n const {\n className,\n style = {},\n onScroll,\n onScrollToUpper,\n onScrollToLower,\n scrollX,\n scrollY,\n showScrollbar = true, // 默认显示滚动条\n enhanced = false // 默认不增强\n } = props\n let { upperThreshold = 50, lowerThreshold = 50 } = props\n const cls = classNames(\n 'taro-scroll',\n {\n 'taro-scroll-view__scroll-x': scrollX,\n 'taro-scroll-view__scroll-y': scrollY,\n 'taro-scroll--hidebar': enhanced === true && showScrollbar === false,\n 'taro-scroll--enhanced': enhanced === true\n },\n className\n )\n upperThreshold = Number(upperThreshold)\n lowerThreshold = Number(lowerThreshold)\n const upperAndLower = e => {\n if (!container.current) return\n const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current\n if (\n onScrollToLower &&\n ((props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n (props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n ) {\n onScrollToLower(e)\n }\n if (\n onScrollToUpper &&\n ((props.scrollY && scrollTop <= upperThreshold) || (props.scrollX && scrollLeft <= upperThreshold))\n ) {\n onScrollToUpper(e)\n }\n }\n const upperAndLowerThrottle = throttle(upperAndLower, 200)\n const _onScroll = e => {\n const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current\n _scrollLeft.current = scrollLeft\n _scrollTop.current = scrollTop\n Object.defineProperty(e, 'detail', {\n enumerable: true,\n writable: true,\n value: {\n scrollLeft,\n scrollTop,\n scrollHeight,\n scrollWidth\n }\n })\n upperAndLowerThrottle(e)\n onScroll && onScroll(e)\n }\n const _onTouchMove = e => {\n isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e)\n }\n return (\n <div\n ref={e => {\n if (e) {\n container.current = e\n if (props.forwardedRef) props.forwardedRef.current = e\n }\n }}\n style={style}\n className={cls}\n onScroll={_onScroll}\n onTouchMove={_onTouchMove}\n >\n {props.children}\n </div>\n )\n}\n\nexport default createForwardRefComponent(ScrollView)\n"],"names":["easeOutScroll","from","arguments","length","undefined","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","scrollIntoView","id","isHorizontal","animated","scrollIntoViewAlignment","_a","document","querySelector","behavior","block","inline","scrollVertical","container","scrollTop","top","isAnimation","current","pos","scrollHorizontal","scrollLeft","left","ScrollView","props","_scrollTop","useRef","_scrollLeft","onTouchMove","e","stopPropagation","handleScroll","isInit","scrollX","scrollY","setTimeout","scrollWithAnimation","useEffect","className","style","onScroll","onScrollToUpper","onScrollToLower","showScrollbar","enhanced","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","isFunction","_jsx","ref","forwardedRef","children","createForwardRefComponent"],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.taro-scroll{-webkit-overflow-scrolling:auto}.taro-scroll--hidebar::-webkit-scrollbar{display:none}.taro-scroll-view{overflow:hidden}.taro-scroll-view__scroll-x{overflow-x:scroll;overflow-y:hidden}.taro-scroll-view__scroll-y{overflow-x:hidden;overflow-y:scroll}
|
|
2
|
+
/*# sourceMappingURL=index.css.map */
|
|
3
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/components/scroll-view/style/index.css"],"names":[],"mappings":"AAAA,aACE,+BACF,CAGA,yCACE,YACF,CAEA,kBACE,eACF,CAEA,4BACE,iBAAkB,CAClB,iBACF,CAEA,4BACE,iBAAkB,CAClB,iBACF","file":"index.css","sourcesContent":[".taro-scroll {\n -webkit-overflow-scrolling: auto;\n}\n\n/* 默认不隐藏滚动条,只有加上 .taro-scroll--hidebar 时才隐藏 */\n.taro-scroll--hidebar::-webkit-scrollbar {\n display: none;\n}\n\n.taro-scroll-view {\n overflow: hidden;\n}\n\n.taro-scroll-view__scroll-x {\n overflow-x: scroll;\n overflow-y: hidden;\n}\n\n.taro-scroll-view__scroll-y {\n overflow-x: hidden;\n overflow-y: scroll;\n}\n"]}
|