@tarojs/components-react 4.1.4-beta.12 → 4.1.4-beta.13
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/index.css +1 -1
- package/dist/index.js +78 -11
- package/dist/index.js.map +1 -1
- package/dist/solid/index.css +1 -1
- package/dist/solid/index.js +78 -8
- package/dist/solid/index.js.map +1 -1
- package/package.json +6 -6
- package/dist/components/button/index.js +0 -87
- package/dist/components/button/index.js.map +0 -1
- package/dist/components/button/style/index.scss.js +0 -4
- package/dist/components/button/style/index.scss.js.map +0 -1
- package/dist/components/icon/index.js +0 -36
- package/dist/components/icon/index.js.map +0 -1
- package/dist/components/icon/style/index.scss.js +0 -4
- package/dist/components/icon/style/index.scss.js.map +0 -1
- package/dist/components/image/index.js +0 -86
- package/dist/components/image/index.js.map +0 -1
- package/dist/components/image/style/index.css.js +0 -4
- package/dist/components/image/style/index.css.js.map +0 -1
- package/dist/components/input/index.js +0 -233
- package/dist/components/input/index.js.map +0 -1
- package/dist/components/input/style/index.scss.js +0 -4
- package/dist/components/input/style/index.scss.js.map +0 -1
- package/dist/components/pull-down-refresh/index.js +0 -320
- package/dist/components/pull-down-refresh/index.js.map +0 -1
- package/dist/components/pull-down-refresh/style/index.css.js +0 -4
- package/dist/components/pull-down-refresh/style/index.css.js.map +0 -1
- package/dist/components/scroll-view/index.js +0 -184
- package/dist/components/scroll-view/index.js.map +0 -1
- package/dist/components/scroll-view/style/index.css.js +0 -4
- package/dist/components/scroll-view/style/index.css.js.map +0 -1
- package/dist/components/swiper/index.js +0 -461
- package/dist/components/swiper/index.js.map +0 -1
- package/dist/components/swiper/style/index.css.js +0 -4
- package/dist/components/swiper/style/index.css.js.map +0 -1
- package/dist/components/text/index.js +0 -28
- package/dist/components/text/index.js.map +0 -1
- package/dist/components/text/style/index.css.js +0 -4
- package/dist/components/text/style/index.css.js.map +0 -1
- package/dist/components/view/index.js +0 -80
- package/dist/components/view/index.js.map +0 -1
- package/dist/solid/components/button/index.js +0 -95
- package/dist/solid/components/button/index.js.map +0 -1
- package/dist/solid/components/button/style/index.scss.js +0 -4
- package/dist/solid/components/button/style/index.scss.js.map +0 -1
- package/dist/solid/components/icon/index.js +0 -39
- package/dist/solid/components/icon/index.js.map +0 -1
- package/dist/solid/components/icon/style/index.scss.js +0 -4
- package/dist/solid/components/icon/style/index.scss.js.map +0 -1
- package/dist/solid/components/image/index.js +0 -94
- package/dist/solid/components/image/index.js.map +0 -1
- package/dist/solid/components/image/style/index.css.js +0 -4
- package/dist/solid/components/image/style/index.css.js.map +0 -1
- package/dist/solid/components/scroll-view/index.js +0 -188
- package/dist/solid/components/scroll-view/index.js.map +0 -1
- package/dist/solid/components/scroll-view/style/index.css.js +0 -4
- package/dist/solid/components/scroll-view/style/index.css.js.map +0 -1
- package/dist/solid/components/text/index.js +0 -32
- package/dist/solid/components/text/index.js.map +0 -1
- package/dist/solid/components/text/style/index.css.js +0 -4
- package/dist/solid/components/text/style/index.css.js.map +0 -1
- package/dist/solid/components/view/index.js +0 -88
- package/dist/solid/components/view/index.js.map +0 -1
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { __rest } from 'tslib';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { useState, useEffect } from '../../utils/hooks.react.js';
|
|
4
|
-
import { createForwardRefComponent } from '../../utils/index.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
function View(_a) {
|
|
8
|
-
var {
|
|
9
|
-
className,
|
|
10
|
-
hoverClass,
|
|
11
|
-
forwardedRef,
|
|
12
|
-
onTouchStart,
|
|
13
|
-
onTouchEnd,
|
|
14
|
-
onTouchMove,
|
|
15
|
-
hoverStartTime = 50,
|
|
16
|
-
hoverStayTime = 400
|
|
17
|
-
} = _a,
|
|
18
|
-
other = __rest(_a, ["className", "hoverClass", "forwardedRef", "onTouchStart", "onTouchEnd", "onTouchMove", "hoverStartTime", "hoverStayTime"]);
|
|
19
|
-
let timeoutEvent;
|
|
20
|
-
let startTime = 0;
|
|
21
|
-
const [hover, setHover] = useState(false);
|
|
22
|
-
const [touch, setTouch] = useState(false);
|
|
23
|
-
const [cls, setCls] = useState(classNames('', {
|
|
24
|
-
[`${hoverClass}`]: "react" === 'solid' ? hover() : hover
|
|
25
|
-
}, className));
|
|
26
|
-
const _onTouchStart = e => {
|
|
27
|
-
if (hoverClass) {
|
|
28
|
-
setTouch(true);
|
|
29
|
-
setTimeout(() => {
|
|
30
|
-
if ("react" === 'solid' ? touch() : touch) {
|
|
31
|
-
setHover(true);
|
|
32
|
-
}
|
|
33
|
-
}, hoverStartTime);
|
|
34
|
-
}
|
|
35
|
-
onTouchStart && onTouchStart(e);
|
|
36
|
-
if (other.onLongPress) {
|
|
37
|
-
timeoutEvent = setTimeout(() => {
|
|
38
|
-
other.onLongPress();
|
|
39
|
-
}, 350);
|
|
40
|
-
startTime = new Date().getTime();
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
const _onTouchMove = e => {
|
|
44
|
-
clearTimeout(timeoutEvent);
|
|
45
|
-
onTouchMove && onTouchMove(e);
|
|
46
|
-
};
|
|
47
|
-
const _onTouchEnd = e => {
|
|
48
|
-
const spanTime = new Date().getTime() - startTime;
|
|
49
|
-
if (spanTime < 350) {
|
|
50
|
-
clearTimeout(timeoutEvent);
|
|
51
|
-
}
|
|
52
|
-
if (hoverClass) {
|
|
53
|
-
setTouch(false);
|
|
54
|
-
setTimeout(() => {
|
|
55
|
-
if ("react" === 'solid' ? touch() : touch) {
|
|
56
|
-
setHover(false);
|
|
57
|
-
}
|
|
58
|
-
}, hoverStayTime);
|
|
59
|
-
}
|
|
60
|
-
onTouchEnd && onTouchEnd(e);
|
|
61
|
-
};
|
|
62
|
-
useEffect(() => {
|
|
63
|
-
setCls(classNames('', {
|
|
64
|
-
[`${hoverClass}`]: "react" === 'solid' ? hover() : hover
|
|
65
|
-
}, className));
|
|
66
|
-
}, [hover, className]);
|
|
67
|
-
return /*#__PURE__*/jsx("div", {
|
|
68
|
-
ref: forwardedRef,
|
|
69
|
-
className: "react" === 'solid' ? cls() : cls,
|
|
70
|
-
onTouchStart: _onTouchStart,
|
|
71
|
-
onTouchEnd: _onTouchEnd,
|
|
72
|
-
onTouchMove: _onTouchMove,
|
|
73
|
-
...other,
|
|
74
|
-
children: other.children
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
var index = createForwardRefComponent(View);
|
|
78
|
-
|
|
79
|
-
export { index as default };
|
|
80
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/view/index.tsx"],"sourcesContent":["import classNames from 'classnames'\n\nimport { useEffect, useState } from '../../utils/hooks'\nimport { createForwardRefComponent } from '../../utils/index'\n\nimport type { TFunc } from '@tarojs/runtime/dist/runtime.esm'\nimport type React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n hoverClass?: string\n hoverStartTime?: number\n hoverStayTime?: number\n onTouchStart?(e: React.TouchEvent<HTMLDivElement>): void\n onTouchEnd?(e: React.TouchEvent<HTMLDivElement>): void\n onTouchMove?(e: React.TouchEvent<HTMLDivElement>): void\n onLongPress?(): void\n forwardedRef?: React.MutableRefObject<HTMLDivElement>\n}\n\nfunction View ({\n className,\n hoverClass,\n forwardedRef,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n hoverStartTime = 50,\n hoverStayTime = 400,\n ...other\n}: IProps) {\n let timeoutEvent: ReturnType<typeof setTimeout>\n let startTime = 0\n const [hover, setHover] = useState<boolean>(false)\n const [touch, setTouch] = useState<boolean>(false)\n\n const [cls, setCls] = useState<string>(classNames(\n '',\n {\n [`${hoverClass}`]: process.env.FRAMEWORK === 'solid' ? (hover as unknown as TFunc)() : hover\n },\n className\n ))\n\n const _onTouchStart = e => {\n if (hoverClass) {\n setTouch(true)\n setTimeout(() => {\n if (process.env.FRAMEWORK === 'solid' ? (touch as unknown as TFunc)() : touch) {\n setHover(true)\n }\n }, hoverStartTime)\n }\n onTouchStart && onTouchStart(e)\n if (other.onLongPress) {\n timeoutEvent = setTimeout(() => {\n other.onLongPress!()\n }, 350)\n startTime = new Date().getTime()\n }\n }\n\n const _onTouchMove = e => {\n clearTimeout(timeoutEvent)\n onTouchMove && onTouchMove(e)\n }\n\n const _onTouchEnd = e => {\n const spanTime = new Date().getTime() - startTime\n if (spanTime < 350) {\n clearTimeout(timeoutEvent)\n }\n if (hoverClass) {\n setTouch(false)\n setTimeout(() => {\n if (process.env.FRAMEWORK === 'solid' ? (touch as unknown as TFunc)() : touch) {\n setHover(false)\n }\n }, hoverStayTime)\n }\n onTouchEnd && onTouchEnd(e)\n }\n\n useEffect(() => {\n setCls(classNames(\n '',\n {\n [`${hoverClass}`]: process.env.FRAMEWORK === 'solid' ? (hover as unknown as TFunc)() : hover\n },\n className\n ))\n }, [hover, className])\n\n return (\n <div\n ref={forwardedRef}\n className={process.env.FRAMEWORK === 'solid' ? (cls as unknown as TFunc)() : cls as string}\n onTouchStart={_onTouchStart}\n onTouchEnd={_onTouchEnd}\n onTouchMove={_onTouchMove}\n {...other}\n >\n {other.children}\n </div>\n )\n}\n\n\nexport default createForwardRefComponent(View)\n"],"names":["View","_a","className","hoverClass","forwardedRef","onTouchStart","onTouchEnd","onTouchMove","hoverStartTime","hoverStayTime","other","__rest","timeoutEvent","startTime","hover","setHover","useState","touch","setTouch","cls","setCls","classNames","process","_onTouchStart","e","setTimeout","onLongPress","Date","getTime","_onTouchMove","clearTimeout","_onTouchEnd","spanTime","useEffect","_jsx","ref","children","createForwardRefComponent"],"mappings":"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"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { template, use, spread, mergeProps, insert } from 'solid-js/web';
|
|
2
|
-
import { __rest } from 'tslib';
|
|
3
|
-
import './style/index.scss.js';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import { omit, createForwardRefComponent } from '../../utils/index.js';
|
|
6
|
-
import { useRef, useState, useEffect } from '../../utils/hooks.solid.js';
|
|
7
|
-
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/template(`<button>`),
|
|
9
|
-
_tmpl$2 = /*#__PURE__*/template(`<i class=weui-loading>`);
|
|
10
|
-
function Button(props) {
|
|
11
|
-
const startTimer = useRef();
|
|
12
|
-
const endTimer = useRef();
|
|
13
|
-
const [state, setState] = useState({
|
|
14
|
-
hover: false,
|
|
15
|
-
touch: false
|
|
16
|
-
});
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
return () => {
|
|
19
|
-
startTimer.current && clearTimeout(startTimer.current);
|
|
20
|
-
endTimer.current && clearTimeout(endTimer.current);
|
|
21
|
-
};
|
|
22
|
-
}, []);
|
|
23
|
-
const _onTouchStart = e => {
|
|
24
|
-
setState(e => Object.assign(Object.assign({}, e), {
|
|
25
|
-
touch: true
|
|
26
|
-
}));
|
|
27
|
-
if (props.hoverClass && props.hoverClass !== 'none' && !props.disabled) {
|
|
28
|
-
startTimer.current = setTimeout(() => {
|
|
29
|
-
if (state.touch) {
|
|
30
|
-
setState(e => Object.assign(Object.assign({}, e), {
|
|
31
|
-
hover: true
|
|
32
|
-
}));
|
|
33
|
-
}
|
|
34
|
-
}, props.hoverStartTime || 20);
|
|
35
|
-
}
|
|
36
|
-
props.onTouchStart && props.onTouchStart(e);
|
|
37
|
-
};
|
|
38
|
-
const _onTouchEnd = e => {
|
|
39
|
-
setState(e => Object.assign(Object.assign({}, e), {
|
|
40
|
-
touch: false
|
|
41
|
-
}));
|
|
42
|
-
if (props.hoverClass && props.hoverClass !== 'none' && !props.disabled) {
|
|
43
|
-
endTimer.current = setTimeout(() => {
|
|
44
|
-
if (!state.touch) {
|
|
45
|
-
setState(e => Object.assign(Object.assign({}, e), {
|
|
46
|
-
hover: false
|
|
47
|
-
}));
|
|
48
|
-
}
|
|
49
|
-
}, props.hoverStayTime || 70);
|
|
50
|
-
}
|
|
51
|
-
props.onTouchEnd && props.onTouchEnd(e);
|
|
52
|
-
};
|
|
53
|
-
const {
|
|
54
|
-
forwardedRef,
|
|
55
|
-
plain = false,
|
|
56
|
-
children,
|
|
57
|
-
disabled = false,
|
|
58
|
-
className,
|
|
59
|
-
style,
|
|
60
|
-
onClick,
|
|
61
|
-
hoverClass = 'button-hover',
|
|
62
|
-
loading = false,
|
|
63
|
-
type
|
|
64
|
-
} = props,
|
|
65
|
-
restProps = __rest(props, ["forwardedRef", "plain", "children", "disabled", "className", "style", "onClick", "hoverClass", "loading", "type"]);
|
|
66
|
-
const cls = classNames(className, 'taro-button-core', {
|
|
67
|
-
[`${hoverClass}`]: state.hover && !disabled
|
|
68
|
-
});
|
|
69
|
-
return (() => {
|
|
70
|
-
var _el$ = _tmpl$();
|
|
71
|
-
use(forwardedRef, _el$);
|
|
72
|
-
spread(_el$, mergeProps(() => omit(restProps, ['hoverClass', 'onTouchStart', 'onTouchEnd', 'type', 'loading', 'forwardedRef']), {
|
|
73
|
-
"type": type,
|
|
74
|
-
"className": cls,
|
|
75
|
-
"style": style,
|
|
76
|
-
"onClick": onClick,
|
|
77
|
-
"disabled": disabled,
|
|
78
|
-
"onTouchStart": _onTouchStart,
|
|
79
|
-
"onTouchEnd": _onTouchEnd,
|
|
80
|
-
get loading() {
|
|
81
|
-
return loading.toString();
|
|
82
|
-
},
|
|
83
|
-
get plain() {
|
|
84
|
-
return plain.toString();
|
|
85
|
-
}
|
|
86
|
-
}), false, true);
|
|
87
|
-
insert(_el$, !!loading && _tmpl$2(), null);
|
|
88
|
-
insert(_el$, children, null);
|
|
89
|
-
return _el$;
|
|
90
|
-
})();
|
|
91
|
-
}
|
|
92
|
-
var index = createForwardRefComponent(Button);
|
|
93
|
-
|
|
94
|
-
export { index as default };
|
|
95
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/button/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, omit } from '../../utils'\nimport { useEffect, useRef, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\ninterface IProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n size?: string\n plain?: boolean\n hoverClass?: string\n hoverStartTime?: number\n hoverStayTime?: number\n disabled?: boolean\n loading?: boolean\n type?: string\n className?: string\n forwardedRef?: React.MutableRefObject<HTMLButtonElement>\n}\n\ninterface IState {\n hover:boolean\n touch: boolean\n}\n\nfunction Button (props: IProps) {\n const startTimer = useRef<ReturnType<typeof setTimeout>>()\n const endTimer = useRef<ReturnType<typeof setTimeout>>()\n const [state, setState] = useState<IState>({\n hover: false,\n touch: false\n })\n\n useEffect(() => {\n return () => {\n startTimer.current && clearTimeout(startTimer.current)\n endTimer.current && clearTimeout(endTimer.current)\n }\n }, [])\n\n const _onTouchStart = (e: React.TouchEvent<HTMLButtonElement>) => {\n setState((e) => ({\n ...e,\n touch: true\n }))\n if (props.hoverClass && props.hoverClass !== 'none' && !props.disabled) {\n startTimer.current = setTimeout(() => {\n if ((state as IState).touch) {\n setState((e) => ({\n ...e,\n hover: true\n }))\n }\n }, props.hoverStartTime || 20)\n }\n props.onTouchStart && props.onTouchStart(e)\n }\n\n const _onTouchEnd = (e: React.TouchEvent<HTMLButtonElement>) => {\n setState((e) => ({\n ...e,\n touch: false\n }))\n if (props.hoverClass && props.hoverClass !== 'none' && !props.disabled) {\n endTimer.current = setTimeout(() => {\n if (!(state as IState).touch) {\n setState((e) => ({\n ...e,\n hover: false\n }))\n }\n }, props.hoverStayTime || 70)\n }\n props.onTouchEnd && props.onTouchEnd(e)\n }\n\n const { forwardedRef, plain = false, children, disabled = false, className, style, onClick, hoverClass = 'button-hover', loading = false, type, ...restProps } = props\n\n const cls = classNames(\n className,\n 'taro-button-core',\n {\n [`${hoverClass}`]: (state as IState).hover && !disabled\n }\n )\n\n return (\n <button\n {...omit(restProps, ['hoverClass', 'onTouchStart', 'onTouchEnd', 'type', 'loading', 'forwardedRef'])}\n type={type}\n ref={forwardedRef}\n className={cls}\n style={style}\n onClick={onClick}\n disabled={disabled}\n onTouchStart={_onTouchStart}\n onTouchEnd={_onTouchEnd}\n loading={loading.toString()}\n plain={plain.toString()}\n >\n {!!loading && <i className='weui-loading' />}\n {children}\n </button>\n )\n}\n\nexport default createForwardRefComponent(Button)\n"],"names":["Button","props","startTimer","useRef","endTimer","state","setState","useState","hover","touch","useEffect","current","clearTimeout","_onTouchStart","e","Object","assign","hoverClass","disabled","setTimeout","hoverStartTime","onTouchStart","_onTouchEnd","hoverStayTime","onTouchEnd","forwardedRef","plain","children","className","style","onClick","loading","type","restProps","__rest","cls","classNames","_el$","_tmpl$","_$use","_$spread","_$mergeProps","omit","toString","_$insert","_tmpl$2","createForwardRefComponent"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { template, use, spread, mergeProps } from 'solid-js/web';
|
|
2
|
-
import './style/index.scss.js';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { omit, createForwardRefComponent } from '../../utils/index.js';
|
|
5
|
-
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/template(`<i>`);
|
|
7
|
-
const Icon = props => {
|
|
8
|
-
let {
|
|
9
|
-
type,
|
|
10
|
-
className = '',
|
|
11
|
-
size = '23',
|
|
12
|
-
color,
|
|
13
|
-
forwardedRef
|
|
14
|
-
} = props;
|
|
15
|
-
if (type) type = type.replace(/_/g, '-');
|
|
16
|
-
const cls = classNames({
|
|
17
|
-
[`weui-icon-${type}`]: true
|
|
18
|
-
}, className);
|
|
19
|
-
const style = {
|
|
20
|
-
'font-size': size + 'px',
|
|
21
|
-
color: color
|
|
22
|
-
};
|
|
23
|
-
return (// eslint-disable-next-line react/react-in-jsx-scope
|
|
24
|
-
(() => {
|
|
25
|
-
var _el$ = _tmpl$();
|
|
26
|
-
var _ref$ = forwardedRef;
|
|
27
|
-
typeof _ref$ === "function" ? use(_ref$, _el$) : forwardedRef = _el$;
|
|
28
|
-
spread(_el$, mergeProps(() => omit(props, ['type', 'className', 'forwardedRef']), {
|
|
29
|
-
"className": cls,
|
|
30
|
-
"style": style
|
|
31
|
-
}), false, false);
|
|
32
|
-
return _el$;
|
|
33
|
-
})()
|
|
34
|
-
);
|
|
35
|
-
};
|
|
36
|
-
var index = createForwardRefComponent(Icon);
|
|
37
|
-
|
|
38
|
-
export { index as default };
|
|
39
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/icon/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, omit } from '../../utils'\n\ninterface IProps {\n type: string\n color: string\n size?: number | string\n className?: string\n forwardedRef?: React.MutableRefObject<HTMLLIElement>\n}\n\nconst Icon = (props: IProps) => {\n let { type, className = '', size = '23', color, forwardedRef } = props\n if (type) type = type.replace(/_/g, '-')\n const cls = classNames(\n {\n [`weui-icon-${type}`]: true\n },\n className\n )\n const style = { 'font-size': size + 'px', color: color }\n\n return (\n // eslint-disable-next-line react/react-in-jsx-scope\n <i ref={forwardedRef} {...omit(props, ['type', 'className', 'forwardedRef'])} className={cls} style={style} />\n )\n}\nexport default createForwardRefComponent(Icon)\n"],"names":["Icon","props","type","className","size","color","forwardedRef","replace","cls","classNames","style","_el$","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","omit","createForwardRefComponent"],"mappings":";;;;;;AAcA,MAAMA,IAAI,GAAIC,KAAa,IAAI;EAC7B,IAAI;IAAEC,IAAI;AAAEC,IAAAA,SAAS,GAAG,EAAE;AAAEC,IAAAA,IAAI,GAAG,IAAI;IAAEC,KAAK;AAAEC,IAAAA;AAAc,GAAA,GAAGL,KAAK;EACtE,IAAIC,IAAI,EAAEA,IAAI,GAAGA,IAAI,CAACK,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;EACxC,MAAMC,GAAG,GAAGC,UAAU,CACpB;IACE,CAAC,CAAA,UAAA,EAAaP,IAAI,CAAA,CAAE,GAAG;GACxB,EACDC,SAAS,CACV;AACD,EAAA,MAAMO,KAAK,GAAG;IAAE,WAAW,EAAEN,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAK,EAAEA;GAAO;EAExD;AACE,IAAA,CAAA,MAAA;MAAA,IAAAM,IAAA,GAAAC,MAAA,EAAA;MAAA,IAAAC,KAAA,GACQP,YAAY;MAAA,OAAAO,KAAA,KAAAC,UAAAA,GAAAA,GAAA,CAAAD,KAAA,EAAAF,IAAA,CAAA,GAAZL,YAAY,GAAAK,IAAA;AAAAI,MAAAA,MAAA,CAAAJ,IAAA,EAAAK,UAAA,CAAA,MAAMC,IAAI,CAAChB,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,EAAA;AAAA,QAAA,WAAA,EAAaO,GAAG;QAAA,OAASE,EAAAA;AAAK,OAAA,CAAA,EAAA,KAAA,EAAA,KAAA,CAAA;AAAA,MAAA,OAAAC,IAAA;AAAA,KAAA;AAAA;AAE9G,CAAC;AACD,YAAeO,yBAAyB,CAAClB,IAAI,CAAC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import { template, use, spread, insert, addEventListener, setAttribute, effect, style } from 'solid-js/web';
|
|
2
|
-
import { __rest } from 'tslib';
|
|
3
|
-
import './style/index.css.js';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import { createForwardRefComponent } from '../../utils/index.js';
|
|
6
|
-
import { useRef, useState, useCallback, useEffect } from '../../utils/hooks.solid.js';
|
|
7
|
-
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/template(`<div>`),
|
|
9
|
-
_tmpl$2 = /*#__PURE__*/template(`<img>`);
|
|
10
|
-
function Image(props) {
|
|
11
|
-
const imgRef = useRef(null);
|
|
12
|
-
const observer = useRef({});
|
|
13
|
-
const [, setIsLoaded] = useState(false);
|
|
14
|
-
const {
|
|
15
|
-
className,
|
|
16
|
-
style: style$1 = {},
|
|
17
|
-
src,
|
|
18
|
-
mode,
|
|
19
|
-
onError,
|
|
20
|
-
lazyLoad,
|
|
21
|
-
imgProps,
|
|
22
|
-
forwardedRef
|
|
23
|
-
} = props,
|
|
24
|
-
reset = __rest(props, ["className", "style", "src", "mode", "onError", "lazyLoad", "imgProps", "forwardedRef"]);
|
|
25
|
-
const cls = classNames('taro-img', {
|
|
26
|
-
'taro-img__widthfix': mode === 'widthFix'
|
|
27
|
-
}, className);
|
|
28
|
-
const imgCls = classNames('taro-img__mode-' + (mode || 'scaleToFill').toLowerCase().replace(/\s/g, ''));
|
|
29
|
-
const imageOnLoad = useCallback(e => {
|
|
30
|
-
const {
|
|
31
|
-
onLoad
|
|
32
|
-
} = props;
|
|
33
|
-
Object.defineProperty(e, 'detail', {
|
|
34
|
-
enumerable: true,
|
|
35
|
-
writable: true,
|
|
36
|
-
value: {
|
|
37
|
-
width: e.target.width,
|
|
38
|
-
height: e.target.height
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
onLoad && onLoad(e);
|
|
42
|
-
}, [props]);
|
|
43
|
-
useEffect(() => {
|
|
44
|
-
var _a, _b;
|
|
45
|
-
if (lazyLoad) {
|
|
46
|
-
observer.current = new IntersectionObserver(entries => {
|
|
47
|
-
// 异步 api 关系
|
|
48
|
-
if (entries[entries.length - 1].isIntersecting) {
|
|
49
|
-
setIsLoaded(true);
|
|
50
|
-
// findDOMNode(this).children[0].src = src
|
|
51
|
-
imgRef.current.src = src;
|
|
52
|
-
}
|
|
53
|
-
}, {
|
|
54
|
-
rootMargin: '300px 0px'
|
|
55
|
-
});
|
|
56
|
-
(_b = (_a = observer.current).observe) === null || _b === void 0 ? void 0 : _b.call(_a, imgRef.current);
|
|
57
|
-
}
|
|
58
|
-
return () => {
|
|
59
|
-
var _a, _b;
|
|
60
|
-
(_b = (_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
61
|
-
};
|
|
62
|
-
}, [lazyLoad, src]);
|
|
63
|
-
return (() => {
|
|
64
|
-
var _el$ = _tmpl$();
|
|
65
|
-
use(forwardedRef, _el$);
|
|
66
|
-
_el$.className = cls;
|
|
67
|
-
spread(_el$, reset, false, true);
|
|
68
|
-
insert(_el$, lazyLoad ? (() => {
|
|
69
|
-
var _el$2 = _tmpl$2();
|
|
70
|
-
addEventListener(_el$2, "error", onError);
|
|
71
|
-
addEventListener(_el$2, "load", imageOnLoad);
|
|
72
|
-
use(img => imgRef.current = img, _el$2);
|
|
73
|
-
_el$2.className = imgCls;
|
|
74
|
-
setAttribute(_el$2, "data-src", src);
|
|
75
|
-
spread(_el$2, imgProps, false, false);
|
|
76
|
-
return _el$2;
|
|
77
|
-
})() : (() => {
|
|
78
|
-
var _el$3 = _tmpl$2();
|
|
79
|
-
addEventListener(_el$3, "error", onError);
|
|
80
|
-
addEventListener(_el$3, "load", imageOnLoad);
|
|
81
|
-
use(img => imgRef.current = img, _el$3);
|
|
82
|
-
_el$3.className = imgCls;
|
|
83
|
-
setAttribute(_el$3, "src", src);
|
|
84
|
-
spread(_el$3, imgProps, false, false);
|
|
85
|
-
return _el$3;
|
|
86
|
-
})());
|
|
87
|
-
effect(_$p => style(_el$, style$1, _$p));
|
|
88
|
-
return _el$;
|
|
89
|
-
})();
|
|
90
|
-
}
|
|
91
|
-
var index = createForwardRefComponent(Image);
|
|
92
|
-
|
|
93
|
-
export { index as default };
|
|
94
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/image/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent } from '../../utils'\nimport { useCallback, useEffect, useRef, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n src: string\n mode: string\n onError: () => void\n onLoad: (e) => void\n lazyLoad?: boolean\n imgProps?: Record<string, any>\n forwardedRef?: React.MutableRefObject<HTMLDivElement>\n}\n\nfunction Image (props: IProps) {\n const imgRef = useRef<HTMLImageElement | null>(null)\n const observer = useRef<Partial<IntersectionObserver>>({})\n const [, setIsLoaded] = useState(false)\n const {\n className,\n style = {},\n src,\n mode,\n onError,\n lazyLoad,\n imgProps,\n forwardedRef,\n ...reset\n } = props\n const cls = classNames(\n 'taro-img',\n {\n 'taro-img__widthfix': mode === 'widthFix'\n },\n className\n )\n const imgCls = classNames(\n 'taro-img__mode-' +\n (mode || 'scaleToFill').toLowerCase().replace(/\\s/g, '')\n )\n\n const imageOnLoad = useCallback((e) => {\n const { onLoad } = props\n Object.defineProperty(e, 'detail', {\n enumerable: true,\n writable: true,\n value: {\n width: e.target.width,\n height: e.target.height\n }\n })\n\n onLoad && onLoad(e)\n }, [props])\n\n useEffect(() => {\n if (lazyLoad) {\n observer.current = new IntersectionObserver(\n entries => {\n // 异步 api 关系\n if (entries[entries.length - 1].isIntersecting) {\n setIsLoaded(true)\n // findDOMNode(this).children[0].src = src\n imgRef.current!.src = src\n }\n },\n {\n rootMargin: '300px 0px'\n }\n )\n observer.current.observe?.(imgRef.current!)\n }\n\n return () => {\n observer.current?.disconnect?.()\n }\n }, [lazyLoad, src])\n\n return (\n <div className={cls} style={style} ref={forwardedRef} {...reset}>\n {lazyLoad ? (\n <img\n ref={img => (imgRef.current = img)}\n className={imgCls}\n data-src={src}\n onLoad={imageOnLoad}\n onError={onError}\n {...imgProps}\n />\n ) : (\n <img\n ref={img => (imgRef.current = img)}\n className={imgCls}\n src={src}\n onLoad={imageOnLoad}\n onError={onError}\n {...imgProps}\n />\n )}\n </div>\n )\n}\n\nexport default createForwardRefComponent(Image)\n"],"names":["Image","props","imgRef","useRef","observer","setIsLoaded","useState","className","style","src","mode","onError","lazyLoad","imgProps","forwardedRef","reset","__rest","cls","classNames","imgCls","toLowerCase","replace","imageOnLoad","useCallback","e","onLoad","Object","defineProperty","enumerable","writable","value","width","target","height","useEffect","current","IntersectionObserver","entries","length","isIntersecting","rootMargin","_b","_a","observe","call","disconnect","_el$","_tmpl$","_$use","_$spread","_$insert","_el$2","_tmpl$2","_$addEventListener","img","_$setAttribute","_el$3","_$effect","_$p","_$style","createForwardRefComponent"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
import { template, use, insert, effect, style, delegateEvents } from 'solid-js/web';
|
|
2
|
-
import './style/index.css.js';
|
|
3
|
-
import { isFunction } from '@tarojs/shared';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import { throttle, createForwardRefComponent } from '../../utils/index.js';
|
|
6
|
-
import { useRef, useEffect } from '../../utils/hooks.solid.js';
|
|
7
|
-
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/template(`<div>`);
|
|
9
|
-
function easeOutScroll() {
|
|
10
|
-
let from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
11
|
-
let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
12
|
-
let callback = arguments.length > 2 ? arguments[2] : undefined;
|
|
13
|
-
if (from === to || typeof from !== 'number') {
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
const change = to - from;
|
|
17
|
-
const dur = 500;
|
|
18
|
-
const sTime = +new Date();
|
|
19
|
-
function linear(t, b, c, d) {
|
|
20
|
-
return c * t / d + b;
|
|
21
|
-
}
|
|
22
|
-
const isLarger = to >= from;
|
|
23
|
-
function step() {
|
|
24
|
-
from = linear(+new Date() - sTime, from, change, dur);
|
|
25
|
-
if (isLarger && from >= to || !isLarger && to >= from) {
|
|
26
|
-
callback(to);
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
callback(from);
|
|
30
|
-
requestAnimationFrame(step);
|
|
31
|
-
}
|
|
32
|
-
step();
|
|
33
|
-
}
|
|
34
|
-
function scrollIntoView() {
|
|
35
|
-
let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
36
|
-
let isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
37
|
-
let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
38
|
-
let scrollIntoViewAlignment = arguments.length > 3 ? arguments[3] : undefined;
|
|
39
|
-
var _a;
|
|
40
|
-
(_a = document.querySelector(`#${id}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
|
|
41
|
-
behavior: animated ? 'smooth' : 'auto',
|
|
42
|
-
block: !isHorizontal ? scrollIntoViewAlignment || 'center' : 'center',
|
|
43
|
-
inline: isHorizontal ? scrollIntoViewAlignment || 'start' : 'start'
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
function scrollVertical(container, scrollTop, top, isAnimation) {
|
|
47
|
-
if (isAnimation) {
|
|
48
|
-
easeOutScroll(scrollTop.current, top, pos => {
|
|
49
|
-
if (container.current) container.current.scrollTop = pos;
|
|
50
|
-
});
|
|
51
|
-
} else {
|
|
52
|
-
if (container.current) container.current.scrollTop = top;
|
|
53
|
-
}
|
|
54
|
-
scrollTop.current = top;
|
|
55
|
-
}
|
|
56
|
-
function scrollHorizontal(container, scrollLeft, left, isAnimation) {
|
|
57
|
-
if (isAnimation) {
|
|
58
|
-
easeOutScroll(scrollLeft.current, left, pos => {
|
|
59
|
-
if (container.current) container.current.scrollLeft = pos;
|
|
60
|
-
});
|
|
61
|
-
} else {
|
|
62
|
-
if (container.current) container.current.scrollLeft = left;
|
|
63
|
-
}
|
|
64
|
-
scrollLeft.current = left;
|
|
65
|
-
}
|
|
66
|
-
function ScrollView(props) {
|
|
67
|
-
const _scrollTop = useRef(null);
|
|
68
|
-
const _scrollLeft = useRef(null);
|
|
69
|
-
const container = useRef(null);
|
|
70
|
-
const onTouchMove = e => {
|
|
71
|
-
e.stopPropagation();
|
|
72
|
-
};
|
|
73
|
-
const handleScroll = function (props) {
|
|
74
|
-
let isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
75
|
-
// scrollIntoView
|
|
76
|
-
if (props.scrollIntoView && typeof props.scrollIntoView === 'string' && document && document.querySelector && document.querySelector(`#${props.scrollIntoView}`)) {
|
|
77
|
-
const isHorizontal = props.scrollX && !props.scrollY;
|
|
78
|
-
if (isInit) {
|
|
79
|
-
setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500);
|
|
80
|
-
} else {
|
|
81
|
-
scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment);
|
|
82
|
-
}
|
|
83
|
-
} else {
|
|
84
|
-
const isAnimation = !!props.scrollWithAnimation;
|
|
85
|
-
// Y 轴滚动
|
|
86
|
-
if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {
|
|
87
|
-
if (isInit) {
|
|
88
|
-
setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10);
|
|
89
|
-
} else {
|
|
90
|
-
scrollVertical(container, _scrollTop, props.scrollTop, isAnimation);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
// X 轴滚动
|
|
94
|
-
if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {
|
|
95
|
-
if (isInit) {
|
|
96
|
-
setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10);
|
|
97
|
-
} else {
|
|
98
|
-
scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
};
|
|
103
|
-
useEffect(() => {
|
|
104
|
-
handleScroll(props, true);
|
|
105
|
-
}, []);
|
|
106
|
-
const {
|
|
107
|
-
className,
|
|
108
|
-
style: style$1 = {},
|
|
109
|
-
onScroll,
|
|
110
|
-
onScrollToUpper,
|
|
111
|
-
onScrollToLower,
|
|
112
|
-
scrollX,
|
|
113
|
-
scrollY
|
|
114
|
-
} = props;
|
|
115
|
-
let {
|
|
116
|
-
upperThreshold = 50,
|
|
117
|
-
lowerThreshold = 50
|
|
118
|
-
} = props;
|
|
119
|
-
const cls = classNames('taro-scroll', {
|
|
120
|
-
'taro-scroll-view__scroll-x': scrollX,
|
|
121
|
-
'taro-scroll-view__scroll-y': scrollY
|
|
122
|
-
}, className);
|
|
123
|
-
upperThreshold = Number(upperThreshold);
|
|
124
|
-
lowerThreshold = Number(lowerThreshold);
|
|
125
|
-
const upperAndLower = e => {
|
|
126
|
-
if (!container.current) return;
|
|
127
|
-
const {
|
|
128
|
-
offsetWidth,
|
|
129
|
-
offsetHeight,
|
|
130
|
-
scrollLeft,
|
|
131
|
-
scrollTop,
|
|
132
|
-
scrollHeight,
|
|
133
|
-
scrollWidth
|
|
134
|
-
} = container.current;
|
|
135
|
-
if (onScrollToLower && (props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
|
|
136
|
-
onScrollToLower(e);
|
|
137
|
-
}
|
|
138
|
-
if (onScrollToUpper && (props.scrollY && scrollTop <= upperThreshold || props.scrollX && scrollLeft <= upperThreshold)) {
|
|
139
|
-
onScrollToUpper(e);
|
|
140
|
-
}
|
|
141
|
-
};
|
|
142
|
-
const upperAndLowerThrottle = throttle(upperAndLower, 200);
|
|
143
|
-
const _onScroll = e => {
|
|
144
|
-
const {
|
|
145
|
-
scrollLeft,
|
|
146
|
-
scrollTop,
|
|
147
|
-
scrollHeight,
|
|
148
|
-
scrollWidth
|
|
149
|
-
} = container.current;
|
|
150
|
-
_scrollLeft.current = scrollLeft;
|
|
151
|
-
_scrollTop.current = scrollTop;
|
|
152
|
-
Object.defineProperty(e, 'detail', {
|
|
153
|
-
enumerable: true,
|
|
154
|
-
writable: true,
|
|
155
|
-
value: {
|
|
156
|
-
scrollLeft,
|
|
157
|
-
scrollTop,
|
|
158
|
-
scrollHeight,
|
|
159
|
-
scrollWidth
|
|
160
|
-
}
|
|
161
|
-
});
|
|
162
|
-
upperAndLowerThrottle(e);
|
|
163
|
-
onScroll && onScroll(e);
|
|
164
|
-
};
|
|
165
|
-
const _onTouchMove = e => {
|
|
166
|
-
isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e);
|
|
167
|
-
};
|
|
168
|
-
return (() => {
|
|
169
|
-
var _el$ = _tmpl$();
|
|
170
|
-
_el$.$$touchmove = _onTouchMove;
|
|
171
|
-
_el$.addEventListener("scroll", _onScroll);
|
|
172
|
-
use(e => {
|
|
173
|
-
if (e) {
|
|
174
|
-
container.current = e;
|
|
175
|
-
if (props.forwardedRef) props.forwardedRef.current = e;
|
|
176
|
-
}
|
|
177
|
-
}, _el$);
|
|
178
|
-
_el$.className = cls;
|
|
179
|
-
insert(_el$, () => props.children);
|
|
180
|
-
effect(_$p => style(_el$, style$1, _$p));
|
|
181
|
-
return _el$;
|
|
182
|
-
})();
|
|
183
|
-
}
|
|
184
|
-
var index = createForwardRefComponent(ScrollView);
|
|
185
|
-
delegateEvents(["touchmove"]);
|
|
186
|
-
|
|
187
|
-
export { index as default };
|
|
188
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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}\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 } = 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 },\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","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","isFunction","_el$","_tmpl$","$$touchmove","addEventListener","_$use","forwardedRef","_$insert","children","_$effect","_$p","_$style","createForwardRefComponent","_$delegateEvents"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|