@ray-js/framework-shared 1.4.3 → 1.4.5-beta.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. package/package.json +4 -4
  2. package/lib/emitter/index.android.js +0 -1
  3. package/lib/emitter/index.ios.js +0 -1
  4. package/lib/emitter/index.tuya.js +0 -57
  5. package/lib/emitter/index.web.js +0 -57
  6. package/lib/emitter/index.wechat.js +0 -57
  7. package/lib/filterProps/index.android.js +0 -1
  8. package/lib/filterProps/index.ios.js +0 -1
  9. package/lib/filterProps/index.tuya.js +0 -30
  10. package/lib/filterProps/index.web.js +0 -30
  11. package/lib/filterProps/index.wechat.js +0 -30
  12. package/lib/index.android.js +0 -1
  13. package/lib/index.ios.js +0 -1
  14. package/lib/index.tuya.js +0 -9
  15. package/lib/index.web.js +0 -9
  16. package/lib/index.wechat.js +0 -9
  17. package/lib/inlineStyle/CSSProperty.android.js +0 -1
  18. package/lib/inlineStyle/CSSProperty.ios.js +0 -1
  19. package/lib/inlineStyle/CSSProperty.tuya.js +0 -78
  20. package/lib/inlineStyle/CSSProperty.web.js +0 -78
  21. package/lib/inlineStyle/CSSProperty.wechat.js +0 -78
  22. package/lib/inlineStyle/index.android.js +0 -1
  23. package/lib/inlineStyle/index.ios.js +0 -1
  24. package/lib/inlineStyle/index.tuya.js +0 -49
  25. package/lib/inlineStyle/index.web.js +0 -49
  26. package/lib/inlineStyle/index.wechat.js +0 -49
  27. package/lib/plainStyle/index.android.js +0 -1
  28. package/lib/plainStyle/index.ios.js +0 -1
  29. package/lib/plainStyle/index.tuya.js +0 -52
  30. package/lib/plainStyle/index.web.js +0 -52
  31. package/lib/plainStyle/index.wechat.js +0 -52
  32. package/lib/useInterval/index.android.js +0 -1
  33. package/lib/useInterval/index.ios.js +0 -1
  34. package/lib/useInterval/index.tuya.js +0 -24
  35. package/lib/useInterval/index.web.js +0 -24
  36. package/lib/useInterval/index.wechat.js +0 -24
  37. package/lib/useStylesheet/index.android.js +0 -1
  38. package/lib/useStylesheet/index.ios.js +0 -1
  39. package/lib/useStylesheet/index.tuya.js +0 -24
  40. package/lib/useStylesheet/index.web.js +0 -24
  41. package/lib/useStylesheet/index.wechat.js +0 -24
  42. package/lib/useThrottle/index.android.js +0 -1
  43. package/lib/useThrottle/index.ios.js +0 -1
  44. package/lib/useThrottle/index.tuya.js +0 -36
  45. package/lib/useThrottle/index.web.js +0 -36
  46. package/lib/useThrottle/index.wechat.js +0 -36
  47. package/lib/useTouch/index.android.js +0 -1
  48. package/lib/useTouch/index.d.ts +0 -43
  49. package/lib/useTouch/index.ios.js +0 -1
  50. package/lib/useTouch/index.tuya.js +0 -125
  51. package/lib/useTouch/index.web.js +0 -137
  52. package/lib/useTouch/index.wechat.js +0 -125
  53. package/lib/useTransition/index.android.js +0 -1
  54. package/lib/useTransition/index.ios.js +0 -1
  55. package/lib/useTransition/index.tuya.js +0 -53
  56. package/lib/useTransition/index.web.js +0 -53
  57. package/lib/useTransition/index.wechat.js +0 -53
@@ -1,49 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import "core-js/modules/es.array.filter.js";
3
- import "core-js/modules/es.object.to-string.js";
4
- import "core-js/modules/es.object.assign.js";
5
- import "core-js/modules/es.array.concat.js";
6
- import "core-js/modules/web.dom-collections.for-each.js";
7
- import "core-js/modules/es.object.keys.js";
8
- import "core-js/modules/es.number.is-nan.js";
9
- import "core-js/modules/es.number.constructor.js";
10
- import "core-js/modules/es.regexp.exec.js";
11
- import "core-js/modules/es.regexp.test.js";
12
- import "core-js/modules/es.string.replace.js";
13
- var isMiniProgram = false;
14
- var isWeb = true;
15
- import { isUnitlessNumber } from './CSSProperty';
16
- /**
17
- * 根据平台转换内敛样式单位, 自适应单位
18
- * 需要关闭 remax 的内敛样式转换规则
19
- * @param int 内敛样式
20
- */
21
-
22
- export function inlineStyle() {
23
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
24
- args[_key] = arguments[_key];
25
- }
26
-
27
- var allStyle = args.filter(Boolean);
28
- if (allStyle.length == 0) return undefined;
29
- var style = Object.assign.apply(Object, [{}].concat(_toConsumableArray(allStyle)));
30
- Object.keys(style).forEach(function (key) {
31
- var value = style[key];
32
-
33
- if (typeof value === 'undefined') {
34
- delete style[key];
35
- } // 整数类型替换为
36
- else if (!(key in isUnitlessNumber)) {
37
- if (!Number.isNaN(Number(value))) {
38
- style[key] = "".concat(value / 100, "rem");
39
- } else if (/\b([.\d]+)rpx\b/.test(value) && isWeb) {
40
- // TODO: 支持 native 的样式抹平
41
- style[key] = value.replace(/\b([.\d]+)rpx\b/g, function (match, x) {
42
- var size = Number(x);
43
- return "".concat(size / 100, "rem");
44
- });
45
- }
46
- }
47
- });
48
- return style;
49
- }
@@ -1,49 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import "core-js/modules/es.array.filter.js";
3
- import "core-js/modules/es.object.to-string.js";
4
- import "core-js/modules/es.object.assign.js";
5
- import "core-js/modules/es.array.concat.js";
6
- import "core-js/modules/web.dom-collections.for-each.js";
7
- import "core-js/modules/es.object.keys.js";
8
- import "core-js/modules/es.number.is-nan.js";
9
- import "core-js/modules/es.number.constructor.js";
10
- import "core-js/modules/es.regexp.exec.js";
11
- import "core-js/modules/es.regexp.test.js";
12
- import "core-js/modules/es.string.replace.js";
13
- var isMiniProgram = true;
14
- var isWeb = false;
15
- import { isUnitlessNumber } from './CSSProperty';
16
- /**
17
- * 根据平台转换内敛样式单位, 自适应单位
18
- * 需要关闭 remax 的内敛样式转换规则
19
- * @param int 内敛样式
20
- */
21
-
22
- export function inlineStyle() {
23
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
24
- args[_key] = arguments[_key];
25
- }
26
-
27
- var allStyle = args.filter(Boolean);
28
- if (allStyle.length == 0) return undefined;
29
- var style = Object.assign.apply(Object, [{}].concat(_toConsumableArray(allStyle)));
30
- Object.keys(style).forEach(function (key) {
31
- var value = style[key];
32
-
33
- if (typeof value === 'undefined') {
34
- delete style[key];
35
- } // 整数类型替换为
36
- else if (!(key in isUnitlessNumber)) {
37
- if (!Number.isNaN(Number(value))) {
38
- style[key] = "".concat(value, "rpx");
39
- } else if (/\b([.\d]+)rpx\b/.test(value) && isWeb) {
40
- // TODO: 支持 native 的样式抹平
41
- style[key] = value.replace(/\b([.\d]+)rpx\b/g, function (match, x) {
42
- var size = Number(x);
43
- return "".concat(size / 100, "rem");
44
- });
45
- }
46
- }
47
- });
48
- return style;
49
- }
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.plainStyle=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var vendorPrefixes=['webkit','moz','ms','o'];var transformReactStyleKey=function(key){var _styleValue;if(key!==null&&key!==void 0&&key.startsWith('--')){return key;}var styleValue=key.replace(/\.?([A-Z]+)/g,function(_x,y){return"-"+y.toLowerCase();});if((_styleValue=styleValue)!==null&&_styleValue!==void 0&&_styleValue.startsWith('-')){var firstWord=styleValue.split('-').filter(function(s){return s;})[0];styleValue=styleValue.replace(/^-/,'');if(vendorPrefixes.find(function(prefix){return prefix===firstWord;})){styleValue="-"+styleValue;}}return styleValue;};var plainStyle=function(style){if(!style){return'';}return Object.keys(style).reduce(function(acc,key){var value=style[key];return[].concat((0,_toConsumableArray2.default)(acc),[transformReactStyleKey(key)+":"+value+";"]);},[]).join('\n');};exports.plainStyle=plainStyle;
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.plainStyle=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var vendorPrefixes=['webkit','moz','ms','o'];var transformReactStyleKey=function(key){var _styleValue;if(key!==null&&key!==void 0&&key.startsWith('--')){return key;}var styleValue=key.replace(/\.?([A-Z]+)/g,function(_x,y){return"-"+y.toLowerCase();});if((_styleValue=styleValue)!==null&&_styleValue!==void 0&&_styleValue.startsWith('-')){var firstWord=styleValue.split('-').filter(function(s){return s;})[0];styleValue=styleValue.replace(/^-/,'');if(vendorPrefixes.find(function(prefix){return prefix===firstWord;})){styleValue="-"+styleValue;}}return styleValue;};var plainStyle=function(style){if(!style){return'';}return Object.keys(style).reduce(function(acc,key){var value=style[key];return[].concat((0,_toConsumableArray2.default)(acc),[transformReactStyleKey(key)+":"+value+";"]);},[]).join('\n');};exports.plainStyle=plainStyle;
@@ -1,52 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import "core-js/modules/es.string.starts-with.js";
3
- import "core-js/modules/es.regexp.exec.js";
4
- import "core-js/modules/es.string.replace.js";
5
- import "core-js/modules/es.array.filter.js";
6
- import "core-js/modules/es.object.to-string.js";
7
- import "core-js/modules/es.string.split.js";
8
- import "core-js/modules/es.array.find.js";
9
- import "core-js/modules/es.array.join.js";
10
- import "core-js/modules/es.array.reduce.js";
11
- import "core-js/modules/es.object.keys.js";
12
- import "core-js/modules/es.array.concat.js";
13
- var vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
14
-
15
- var transformReactStyleKey = function (key) {
16
- var _styleValue;
17
-
18
- // css3 var
19
- if (key !== null && key !== void 0 && key.startsWith('--')) {
20
- return key;
21
- }
22
-
23
- var styleValue = key.replace(/\.?([A-Z]+)/g, function (_x, y) {
24
- return "-".concat(y.toLowerCase());
25
- }); // vendor prefix
26
-
27
- if ((_styleValue = styleValue) !== null && _styleValue !== void 0 && _styleValue.startsWith('-')) {
28
- var firstWord = styleValue.split('-').filter(function (s) {
29
- return s;
30
- })[0];
31
- styleValue = styleValue.replace(/^-/, '');
32
-
33
- if (vendorPrefixes.find(function (prefix) {
34
- return prefix === firstWord;
35
- })) {
36
- styleValue = "-".concat(styleValue);
37
- }
38
- }
39
-
40
- return styleValue;
41
- };
42
-
43
- export var plainStyle = function (style) {
44
- if (!style) {
45
- return '';
46
- }
47
-
48
- return Object.keys(style).reduce(function (acc, key) {
49
- var value = style[key];
50
- return [].concat(_toConsumableArray(acc), ["".concat(transformReactStyleKey(key), ":").concat(value, ";")]);
51
- }, []).join('\n');
52
- };
@@ -1,52 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import "core-js/modules/es.string.starts-with.js";
3
- import "core-js/modules/es.regexp.exec.js";
4
- import "core-js/modules/es.string.replace.js";
5
- import "core-js/modules/es.array.filter.js";
6
- import "core-js/modules/es.object.to-string.js";
7
- import "core-js/modules/es.string.split.js";
8
- import "core-js/modules/es.array.find.js";
9
- import "core-js/modules/es.array.join.js";
10
- import "core-js/modules/es.array.reduce.js";
11
- import "core-js/modules/es.object.keys.js";
12
- import "core-js/modules/es.array.concat.js";
13
- var vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
14
-
15
- var transformReactStyleKey = function (key) {
16
- var _styleValue;
17
-
18
- // css3 var
19
- if (key !== null && key !== void 0 && key.startsWith('--')) {
20
- return key;
21
- }
22
-
23
- var styleValue = key.replace(/\.?([A-Z]+)/g, function (_x, y) {
24
- return "-".concat(y.toLowerCase());
25
- }); // vendor prefix
26
-
27
- if ((_styleValue = styleValue) !== null && _styleValue !== void 0 && _styleValue.startsWith('-')) {
28
- var firstWord = styleValue.split('-').filter(function (s) {
29
- return s;
30
- })[0];
31
- styleValue = styleValue.replace(/^-/, '');
32
-
33
- if (vendorPrefixes.find(function (prefix) {
34
- return prefix === firstWord;
35
- })) {
36
- styleValue = "-".concat(styleValue);
37
- }
38
- }
39
-
40
- return styleValue;
41
- };
42
-
43
- export var plainStyle = function (style) {
44
- if (!style) {
45
- return '';
46
- }
47
-
48
- return Object.keys(style).reduce(function (acc, key) {
49
- var value = style[key];
50
- return [].concat(_toConsumableArray(acc), ["".concat(transformReactStyleKey(key), ":").concat(value, ";")]);
51
- }, []).join('\n');
52
- };
@@ -1,52 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import "core-js/modules/es.string.starts-with.js";
3
- import "core-js/modules/es.regexp.exec.js";
4
- import "core-js/modules/es.string.replace.js";
5
- import "core-js/modules/es.array.filter.js";
6
- import "core-js/modules/es.object.to-string.js";
7
- import "core-js/modules/es.string.split.js";
8
- import "core-js/modules/es.array.find.js";
9
- import "core-js/modules/es.array.join.js";
10
- import "core-js/modules/es.array.reduce.js";
11
- import "core-js/modules/es.object.keys.js";
12
- import "core-js/modules/es.array.concat.js";
13
- var vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
14
-
15
- var transformReactStyleKey = function (key) {
16
- var _styleValue;
17
-
18
- // css3 var
19
- if (key !== null && key !== void 0 && key.startsWith('--')) {
20
- return key;
21
- }
22
-
23
- var styleValue = key.replace(/\.?([A-Z]+)/g, function (_x, y) {
24
- return "-".concat(y.toLowerCase());
25
- }); // vendor prefix
26
-
27
- if ((_styleValue = styleValue) !== null && _styleValue !== void 0 && _styleValue.startsWith('-')) {
28
- var firstWord = styleValue.split('-').filter(function (s) {
29
- return s;
30
- })[0];
31
- styleValue = styleValue.replace(/^-/, '');
32
-
33
- if (vendorPrefixes.find(function (prefix) {
34
- return prefix === firstWord;
35
- })) {
36
- styleValue = "-".concat(styleValue);
37
- }
38
- }
39
-
40
- return styleValue;
41
- };
42
-
43
- export var plainStyle = function (style) {
44
- if (!style) {
45
- return '';
46
- }
47
-
48
- return Object.keys(style).reduce(function (acc, key) {
49
- var value = style[key];
50
- return [].concat(_toConsumableArray(acc), ["".concat(transformReactStyleKey(key), ":").concat(value, ";")]);
51
- }, []).join('\n');
52
- };
@@ -1 +0,0 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.useInterval=useInterval;var _react=require("react");function useInterval(callback){var delay=arguments.length>1&&arguments[1]!==undefined?arguments[1]:200;var intervalFn=(0,_react.useRef)({});(0,_react.useEffect)(function(){intervalFn.current.callback=callback;},[callback]);(0,_react.useEffect)(function(){if(delay!==null){intervalFn.current.timer=setInterval(function(){intervalFn.current.callback();},delay);return function(){clearInterval(intervalFn.current.timer);};}},[delay]);return intervalFn.current.timer;}
@@ -1 +0,0 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.useInterval=useInterval;var _react=require("react");function useInterval(callback){var delay=arguments.length>1&&arguments[1]!==undefined?arguments[1]:200;var intervalFn=(0,_react.useRef)({});(0,_react.useEffect)(function(){intervalFn.current.callback=callback;},[callback]);(0,_react.useEffect)(function(){if(delay!==null){intervalFn.current.timer=setInterval(function(){intervalFn.current.callback();},delay);return function(){clearInterval(intervalFn.current.timer);};}},[delay]);return intervalFn.current.timer;}
@@ -1,24 +0,0 @@
1
- import { useEffect, useRef } from 'react';
2
- /**
3
- * Hooks版本setInterval
4
- */
5
-
6
- export function useInterval(callback) {
7
- var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
8
- var intervalFn = useRef({});
9
- useEffect(function () {
10
- intervalFn.current.callback = callback;
11
- }, [callback]); // set the interval
12
-
13
- useEffect(function () {
14
- if (delay !== null) {
15
- intervalFn.current.timer = setInterval(function () {
16
- intervalFn.current.callback();
17
- }, delay);
18
- return function () {
19
- clearInterval(intervalFn.current.timer);
20
- };
21
- }
22
- }, [delay]);
23
- return intervalFn.current.timer;
24
- }
@@ -1,24 +0,0 @@
1
- import { useEffect, useRef } from 'react';
2
- /**
3
- * Hooks版本setInterval
4
- */
5
-
6
- export function useInterval(callback) {
7
- var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
8
- var intervalFn = useRef({});
9
- useEffect(function () {
10
- intervalFn.current.callback = callback;
11
- }, [callback]); // set the interval
12
-
13
- useEffect(function () {
14
- if (delay !== null) {
15
- intervalFn.current.timer = setInterval(function () {
16
- intervalFn.current.callback();
17
- }, delay);
18
- return function () {
19
- clearInterval(intervalFn.current.timer);
20
- };
21
- }
22
- }, [delay]);
23
- return intervalFn.current.timer;
24
- }
@@ -1,24 +0,0 @@
1
- import { useEffect, useRef } from 'react';
2
- /**
3
- * Hooks版本setInterval
4
- */
5
-
6
- export function useInterval(callback) {
7
- var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
8
- var intervalFn = useRef({});
9
- useEffect(function () {
10
- intervalFn.current.callback = callback;
11
- }, [callback]); // set the interval
12
-
13
- useEffect(function () {
14
- if (delay !== null) {
15
- intervalFn.current.timer = setInterval(function () {
16
- intervalFn.current.callback();
17
- }, delay);
18
- return function () {
19
- clearInterval(intervalFn.current.timer);
20
- };
21
- }
22
- }, [delay]);
23
- return intervalFn.current.timer;
24
- }
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useStylesheet=useStylesheet;var _react=_interopRequireDefault(require("react"));var _plainStyle=require("../plainStyle");var clsxId=0;var generateClassName=function(){return"placeholder-style-"+clsxId++;};function useStylesheet(css){var className=_react.default.useRef(generateClassName());_react.default.useEffect(function(){var styleContent="."+className.current+"::placeholder {\n"+(0,_plainStyle.plainStyle)(css)+"}";var style=window.document.createElement('style');style.type='text/css';style.appendChild(document.createTextNode(styleContent));var head=window.document.head||window.document.getElementsByTagName('head')[0];head.appendChild(style);return function(){head.removeChild(style);};},[css]);return[className.current];}
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useStylesheet=useStylesheet;var _react=_interopRequireDefault(require("react"));var _plainStyle=require("../plainStyle");var clsxId=0;var generateClassName=function(){return"placeholder-style-"+clsxId++;};function useStylesheet(css){var className=_react.default.useRef(generateClassName());_react.default.useEffect(function(){var styleContent="."+className.current+"::placeholder {\n"+(0,_plainStyle.plainStyle)(css)+"}";var style=window.document.createElement('style');style.type='text/css';style.appendChild(document.createTextNode(styleContent));var head=window.document.head||window.document.getElementsByTagName('head')[0];head.appendChild(style);return function(){head.removeChild(style);};},[css]);return[className.current];}
@@ -1,24 +0,0 @@
1
- import "core-js/modules/es.array.concat.js";
2
- import React from 'react';
3
- import { plainStyle } from '../plainStyle';
4
- var clsxId = 0;
5
-
6
- var generateClassName = function () {
7
- return "placeholder-style-".concat(clsxId++);
8
- };
9
-
10
- export function useStylesheet(css) {
11
- var className = React.useRef(generateClassName());
12
- React.useEffect(function () {
13
- var styleContent = ".".concat(className.current, "::placeholder {\n").concat(plainStyle(css), "}");
14
- var style = window.document.createElement('style');
15
- style.type = 'text/css';
16
- style.appendChild(document.createTextNode(styleContent));
17
- var head = window.document.head || window.document.getElementsByTagName('head')[0];
18
- head.appendChild(style);
19
- return function () {
20
- head.removeChild(style);
21
- };
22
- }, [css]);
23
- return [className.current];
24
- }
@@ -1,24 +0,0 @@
1
- import "core-js/modules/es.array.concat.js";
2
- import React from 'react';
3
- import { plainStyle } from '../plainStyle';
4
- var clsxId = 0;
5
-
6
- var generateClassName = function () {
7
- return "placeholder-style-".concat(clsxId++);
8
- };
9
-
10
- export function useStylesheet(css) {
11
- var className = React.useRef(generateClassName());
12
- React.useEffect(function () {
13
- var styleContent = ".".concat(className.current, "::placeholder {\n").concat(plainStyle(css), "}");
14
- var style = window.document.createElement('style');
15
- style.type = 'text/css';
16
- style.appendChild(document.createTextNode(styleContent));
17
- var head = window.document.head || window.document.getElementsByTagName('head')[0];
18
- head.appendChild(style);
19
- return function () {
20
- head.removeChild(style);
21
- };
22
- }, [css]);
23
- return [className.current];
24
- }
@@ -1,24 +0,0 @@
1
- import "core-js/modules/es.array.concat.js";
2
- import React from 'react';
3
- import { plainStyle } from '../plainStyle';
4
- var clsxId = 0;
5
-
6
- var generateClassName = function () {
7
- return "placeholder-style-".concat(clsxId++);
8
- };
9
-
10
- export function useStylesheet(css) {
11
- var className = React.useRef(generateClassName());
12
- React.useEffect(function () {
13
- var styleContent = ".".concat(className.current, "::placeholder {\n").concat(plainStyle(css), "}");
14
- var style = window.document.createElement('style');
15
- style.type = 'text/css';
16
- style.appendChild(document.createTextNode(styleContent));
17
- var head = window.document.head || window.document.getElementsByTagName('head')[0];
18
- head.appendChild(style);
19
- return function () {
20
- head.removeChild(style);
21
- };
22
- }, [css]);
23
- return [className.current];
24
- }
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useThrottle=useThrottle;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=require("react");function useThrottle(value){var ms=arguments.length>1&&arguments[1]!==undefined?arguments[1]:200;var _useState=(0,_react.useState)(value),_useState2=(0,_slicedToArray2.default)(_useState,2),state=_useState2[0],setState=_useState2[1];var now=(0,_react.useRef)(0);var last=(0,_react.useRef)(0);var timer=(0,_react.useRef)();return[state,function setValue(value){now.current=Date.now();if(last&&now.current<last.current+ms){if(timer.current){clearTimeout(timer.current);}timer.current=setTimeout(function(){last.current=now.current;setState(value);},ms);}else{last.current=now.current;setState(value);}}];}
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useThrottle=useThrottle;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=require("react");function useThrottle(value){var ms=arguments.length>1&&arguments[1]!==undefined?arguments[1]:200;var _useState=(0,_react.useState)(value),_useState2=(0,_slicedToArray2.default)(_useState,2),state=_useState2[0],setState=_useState2[1];var now=(0,_react.useRef)(0);var last=(0,_react.useRef)(0);var timer=(0,_react.useRef)();return[state,function setValue(value){now.current=Date.now();if(last&&now.current<last.current+ms){if(timer.current){clearTimeout(timer.current);}timer.current=setTimeout(function(){last.current=now.current;setState(value);},ms);}else{last.current=now.current;setState(value);}}];}
@@ -1,36 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import { useRef, useState } from 'react';
3
- /**
4
- * 节流的 useState
5
- */
6
-
7
- export function useThrottle(value) {
8
- var ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
9
-
10
- var _useState = useState(value),
11
- _useState2 = _slicedToArray(_useState, 2),
12
- state = _useState2[0],
13
- setState = _useState2[1];
14
-
15
- var now = useRef(0);
16
- var last = useRef(0);
17
- var timer = useRef();
18
- return [state, function setValue(value) {
19
- now.current = Date.now();
20
-
21
- if (last && now.current < last.current + ms) {
22
- if (timer.current) {
23
- clearTimeout(timer.current);
24
- } // 保证在当前时间区间结束后,再执行一次 fn
25
-
26
-
27
- timer.current = setTimeout(function () {
28
- last.current = now.current;
29
- setState(value);
30
- }, ms);
31
- } else {
32
- last.current = now.current;
33
- setState(value);
34
- }
35
- }];
36
- }
@@ -1,36 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import { useRef, useState } from 'react';
3
- /**
4
- * 节流的 useState
5
- */
6
-
7
- export function useThrottle(value) {
8
- var ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
9
-
10
- var _useState = useState(value),
11
- _useState2 = _slicedToArray(_useState, 2),
12
- state = _useState2[0],
13
- setState = _useState2[1];
14
-
15
- var now = useRef(0);
16
- var last = useRef(0);
17
- var timer = useRef();
18
- return [state, function setValue(value) {
19
- now.current = Date.now();
20
-
21
- if (last && now.current < last.current + ms) {
22
- if (timer.current) {
23
- clearTimeout(timer.current);
24
- } // 保证在当前时间区间结束后,再执行一次 fn
25
-
26
-
27
- timer.current = setTimeout(function () {
28
- last.current = now.current;
29
- setState(value);
30
- }, ms);
31
- } else {
32
- last.current = now.current;
33
- setState(value);
34
- }
35
- }];
36
- }
@@ -1,36 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import { useRef, useState } from 'react';
3
- /**
4
- * 节流的 useState
5
- */
6
-
7
- export function useThrottle(value) {
8
- var ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
9
-
10
- var _useState = useState(value),
11
- _useState2 = _slicedToArray(_useState, 2),
12
- state = _useState2[0],
13
- setState = _useState2[1];
14
-
15
- var now = useRef(0);
16
- var last = useRef(0);
17
- var timer = useRef();
18
- return [state, function setValue(value) {
19
- now.current = Date.now();
20
-
21
- if (last && now.current < last.current + ms) {
22
- if (timer.current) {
23
- clearTimeout(timer.current);
24
- } // 保证在当前时间区间结束后,再执行一次 fn
25
-
26
-
27
- timer.current = setTimeout(function () {
28
- last.current = now.current;
29
- setState(value);
30
- }, ms);
31
- } else {
32
- last.current = now.current;
33
- setState(value);
34
- }
35
- }];
36
- }
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useTouch=useTouch;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var React=_interopRequireWildcard(require("react"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var isMiniProgram=false;var isWechat=false;var isWeb=false;var LONG_TAP_DURATION=350;function useTouch(_ref){var hoverDuration=_ref.hoverDuration,hoverDelay=_ref.hoverDelay,onLongClick=_ref.onLongClick,onTouchCancel=_ref.onTouchCancel,onTouchEnd=_ref.onTouchEnd,onTouchMove=_ref.onTouchMove,onTouchStart=_ref.onTouchStart,onClick=_ref.onClick;var _React$useState=React.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),touching=_React$useState2[0],setTouching=_React$useState2[1];var hoveringRef=React.useRef(false);var timers=React.useRef([]);function executeTimeout(callback,time){var timer=setTimeout(function(){callback();timers.current.filter(function(t){return t!==timer;});},time);timers.current.push(timer);}function formatTouches(touchs){if(Array.isArray(touchs)){return touchs&&touchs.map(function(item){return{identifier:item.identifier,pageX:item.pageX,pageY:item.pageY};});}else{return[_objectSpread({},touchs)];}}function formatRayEvent(e,touchType){return{type:(e===null||e===void 0?void 0:e.type)||touchType||'',touches:formatTouches(e.touches),changedTouches:formatTouches(e.changedTouches),timeStamp:e.timeStamp||e.timestamp,origin:e};}function formatRayClickEvent(e,clickType){return{type:(e===null||e===void 0?void 0:e.type)||clickType||'',timeStamp:e.timeStamp,pageX:e.pageX,pageY:e.pageY,origin:e};}React.useEffect(function(){return function(){timers.current.forEach(function(t){return clearTimeout(t);});};},[]);return[touching,{onTouchStart:function(e){hoveringRef.current=true;executeTimeout(function(){if(hoveringRef.current){setTouching(true);}},hoverDelay);return onTouchStart===null||onTouchStart===void 0?void 0:onTouchStart(formatRayEvent(e,'touchstart'));},onTouchMove:function(e){hoveringRef.current=false;executeTimeout(function(){if(touching){setTouching(false);}},hoverDuration);return onTouchMove===null||onTouchMove===void 0?void 0:onTouchMove(formatRayEvent(e,'touchmove'));},onTouchEnd:function(e){hoveringRef.current=false;executeTimeout(function(){if(touching){setTouching(false);}},hoverDuration);return onTouchEnd===null||onTouchEnd===void 0?void 0:onTouchEnd(formatRayEvent(e,'touchend'));},onTouchCancel:function(e){hoveringRef.current=false;executeTimeout(function(){if(touching){setTouching(false);}},hoverDuration);return onTouchCancel===null||onTouchCancel===void 0?void 0:onTouchCancel(formatRayEvent(e,'touchcancel'));},onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(formatRayClickEvent(e,'click'));},onLongClick:function(e){return onLongClick===null||onLongClick===void 0?void 0:onLongClick(formatRayClickEvent(e,'longclick'));}}];}
@@ -1,43 +0,0 @@
1
- import * as React from 'react';
2
- import { TouchEvent as WxTouchEvent } from '@remax/wechat';
3
- import { NativeTouchEvent as RnTouch } from 'react-native';
4
- interface TouchObj {
5
- identifier: string;
6
- pageX: number;
7
- pageY: number;
8
- }
9
- interface TouchEvent {
10
- type: string;
11
- touches: TouchObj[];
12
- changedTouches: TouchObj[];
13
- timeStamp: number;
14
- origin: WxTouchEvent | RnTouch | Touch;
15
- }
16
- interface ClickEvent {
17
- type: string;
18
- timeStamp: number;
19
- pageX: number;
20
- pageY: number;
21
- origin: WxTouchEvent | RnTouch | Event;
22
- }
23
- /**
24
- * 多端通用事件
25
- */
26
- export interface TouchEventHandler {
27
- onClick?: (e: ClickEvent) => any;
28
- onLongClick?: (e: ClickEvent) => any;
29
- onTouchStart?: (e: TouchEvent) => any;
30
- onTouchMove?: (e: TouchEvent) => any;
31
- onTouchEnd?: (e: TouchEvent) => any;
32
- onTouchCancel?: (e: TouchEvent) => any;
33
- }
34
- interface UseWebTouchParams extends TouchEventHandler {
35
- hoverDelay?: number;
36
- hoverDuration?: number;
37
- }
38
- declare type Handle<T> = ((event: React.TouchEvent<T> & React.MouseEvent<T>) => void) | undefined;
39
- interface TouchHandlers<T> {
40
- [key: string]: Handle<T>;
41
- }
42
- export declare function useTouch<T extends HTMLDivElement>({ hoverDuration, hoverDelay, onLongClick, onTouchCancel, onTouchEnd, onTouchMove, onTouchStart, onClick, }: UseWebTouchParams): [boolean, TouchHandlers<T>];
43
- export {};
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useTouch=useTouch;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var React=_interopRequireWildcard(require("react"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var isMiniProgram=false;var isWechat=false;var isWeb=false;var LONG_TAP_DURATION=350;function useTouch(_ref){var hoverDuration=_ref.hoverDuration,hoverDelay=_ref.hoverDelay,onLongClick=_ref.onLongClick,onTouchCancel=_ref.onTouchCancel,onTouchEnd=_ref.onTouchEnd,onTouchMove=_ref.onTouchMove,onTouchStart=_ref.onTouchStart,onClick=_ref.onClick;var _React$useState=React.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),touching=_React$useState2[0],setTouching=_React$useState2[1];var hoveringRef=React.useRef(false);var timers=React.useRef([]);function executeTimeout(callback,time){var timer=setTimeout(function(){callback();timers.current.filter(function(t){return t!==timer;});},time);timers.current.push(timer);}function formatTouches(touchs){if(Array.isArray(touchs)){return touchs&&touchs.map(function(item){return{identifier:item.identifier,pageX:item.pageX,pageY:item.pageY};});}else{return[_objectSpread({},touchs)];}}function formatRayEvent(e,touchType){return{type:(e===null||e===void 0?void 0:e.type)||touchType||'',touches:formatTouches(e.touches),changedTouches:formatTouches(e.changedTouches),timeStamp:e.timeStamp||e.timestamp,origin:e};}function formatRayClickEvent(e,clickType){return{type:(e===null||e===void 0?void 0:e.type)||clickType||'',timeStamp:e.timeStamp,pageX:e.pageX,pageY:e.pageY,origin:e};}React.useEffect(function(){return function(){timers.current.forEach(function(t){return clearTimeout(t);});};},[]);return[touching,{onTouchStart:function(e){hoveringRef.current=true;executeTimeout(function(){if(hoveringRef.current){setTouching(true);}},hoverDelay);return onTouchStart===null||onTouchStart===void 0?void 0:onTouchStart(formatRayEvent(e,'touchstart'));},onTouchMove:function(e){hoveringRef.current=false;executeTimeout(function(){if(touching){setTouching(false);}},hoverDuration);return onTouchMove===null||onTouchMove===void 0?void 0:onTouchMove(formatRayEvent(e,'touchmove'));},onTouchEnd:function(e){hoveringRef.current=false;executeTimeout(function(){if(touching){setTouching(false);}},hoverDuration);return onTouchEnd===null||onTouchEnd===void 0?void 0:onTouchEnd(formatRayEvent(e,'touchend'));},onTouchCancel:function(e){hoveringRef.current=false;executeTimeout(function(){if(touching){setTouching(false);}},hoverDuration);return onTouchCancel===null||onTouchCancel===void 0?void 0:onTouchCancel(formatRayEvent(e,'touchcancel'));},onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(formatRayClickEvent(e,'click'));},onLongClick:function(e){return onLongClick===null||onLongClick===void 0?void 0:onLongClick(formatRayClickEvent(e,'longclick'));}}];}