@hi-ui/tag-input 4.0.0-beta.3 → 4.0.0-beta.4
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/lib/cjs/use-tag-input.js +2 -2
- package/lib/cjs/use-tag-input.js.map +1 -1
- package/lib/esm/use-tag-input.js +1 -1
- package/package.json +3 -2
- package/lib/cjs/utils/index.js +0 -52
- package/lib/cjs/utils/index.js.map +0 -1
- package/lib/esm/utils/index.js +0 -46
- package/lib/esm/utils/index.js.map +0 -1
- package/lib/types/utils/index.d.ts +0 -3
package/lib/cjs/use-tag-input.js
CHANGED
@@ -15,7 +15,7 @@ Object.defineProperty(exports, '__esModule', {
|
|
15
15
|
|
16
16
|
var React = require('react');
|
17
17
|
|
18
|
-
var
|
18
|
+
var funcUtils = require('@hi-ui/func-utils');
|
19
19
|
|
20
20
|
var TAG_MARGIN_RIGHT = 4; // 留给显示剩余选项的宽度:suffix + paddingLeft + paddingRight + leftCountTag (16 + 10 + + 10 + 54)
|
21
21
|
|
@@ -43,7 +43,7 @@ var useResizeWidth = function useResizeWidth(ref) {
|
|
43
43
|
React.useLayoutEffect(function () {
|
44
44
|
// init with resize
|
45
45
|
tryUpdateWidth();
|
46
|
-
var debouncedResize =
|
46
|
+
var debouncedResize = funcUtils.debounce(tryUpdateWidth, 60);
|
47
47
|
window.addEventListener('resize', debouncedResize);
|
48
48
|
return function () {
|
49
49
|
window.removeEventListener('resize', debouncedResize);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-tag-input.js","sources":["../../src/use-tag-input.ts"],"sourcesContent":[null],"names":["TAG_MARGIN_RIGHT","LEFT_SPACE_WIDTH","useTagInput","tags","ref","inputWidth","useResizeWidth","tagMaxWidth","undefined","useState","width","setWidth","tryUpdateWidth","useCallback","nextWidth","current","getBoundingClientRect","prev","useLayoutEffect","debouncedResize","debounce","window","addEventListener","removeEventListener","cancel"],"mappings":";;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAG,CAAzB;;AAEA,IAAMC,gBAAgB,GAAG,MAAMD,gBAA/B;;IAEaE,WAAW,GAAG,SAAdA,WAAc,CAAIC,IAAJ,EAAeC,GAAf;MACnBC,UAAU,GAAGC,cAAc,CAACF,GAAD;MAC3BG,WAAW,GAAGF,UAAU,GAAGA,UAAU,IAAIJ,gBAAgB,GAAG,CAAvB,CAAb,GAAyCO;SAEhE,CAACD,WAAD;;;IAGID,cAAc,GAAG,SAAjBA,cAAiB,CAAoBF,GAApB;kBACFK,cAAAA,CAAS,CAATA;MAAnBC,KAAP;MAAcC,QAAd;;MAEMC,cAAc,GAAGC,iBAAAA,CAAY;;;QAC3BC,SAAS,GAAG,MAAAV,GAAG,CAACW,OAAJ,UAAA,iBAAA,SAAA,MAAaC,wBAAwBN;AACvDC,IAAAA,QAAQ,CAAC,UAACM,IAAD;aAAUH,SAAS,IAAIG,IAAbH,IAAqB;AAAhC,KAAA,CAARH;AAFgC,GAAXE,EAGpB,CAACT,GAAD,CAHoBS;AAKvBK,EAAAA,qBAAAA,CAAgB;;AAEdN,IAAAA,cAAc;QACRO,eAAe,GAAGC,
|
1
|
+
{"version":3,"file":"use-tag-input.js","sources":["../../src/use-tag-input.ts"],"sourcesContent":[null],"names":["TAG_MARGIN_RIGHT","LEFT_SPACE_WIDTH","useTagInput","tags","ref","inputWidth","useResizeWidth","tagMaxWidth","undefined","useState","width","setWidth","tryUpdateWidth","useCallback","nextWidth","current","getBoundingClientRect","prev","useLayoutEffect","debouncedResize","debounce","window","addEventListener","removeEventListener","cancel"],"mappings":";;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAG,CAAzB;;AAEA,IAAMC,gBAAgB,GAAG,MAAMD,gBAA/B;;IAEaE,WAAW,GAAG,SAAdA,WAAc,CAAIC,IAAJ,EAAeC,GAAf;MACnBC,UAAU,GAAGC,cAAc,CAACF,GAAD;MAC3BG,WAAW,GAAGF,UAAU,GAAGA,UAAU,IAAIJ,gBAAgB,GAAG,CAAvB,CAAb,GAAyCO;SAEhE,CAACD,WAAD;;;IAGID,cAAc,GAAG,SAAjBA,cAAiB,CAAoBF,GAApB;kBACFK,cAAAA,CAAS,CAATA;MAAnBC,KAAP;MAAcC,QAAd;;MAEMC,cAAc,GAAGC,iBAAAA,CAAY;;;QAC3BC,SAAS,GAAG,MAAAV,GAAG,CAACW,OAAJ,UAAA,iBAAA,SAAA,MAAaC,wBAAwBN;AACvDC,IAAAA,QAAQ,CAAC,UAACM,IAAD;aAAUH,SAAS,IAAIG,IAAbH,IAAqB;AAAhC,KAAA,CAARH;AAFgC,GAAXE,EAGpB,CAACT,GAAD,CAHoBS;AAKvBK,EAAAA,qBAAAA,CAAgB;;AAEdN,IAAAA,cAAc;QACRO,eAAe,GAAGC,kBAAAA,CAASR,cAATQ,EAAyB,EAAzBA;AACxBC,IAAAA,MAAM,CAACC,gBAAPD,CAAwB,QAAxBA,EAAkCF,eAAlCE;WACO;AACLA,MAAAA,MAAM,CAACE,mBAAPF,CAA2B,QAA3BA,EAAqCF,eAArCE;AACAF,MAAAA,eAAe,CAACK,MAAhBL;AAFF;AALa,GAAfD,EASG,CAACN,cAAD,CATHM;SAWOR;;;;"}
|
package/lib/esm/use-tag-input.js
CHANGED
@@ -8,7 +8,7 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import { useState, useCallback, useLayoutEffect } from 'react';
|
11
|
-
import { debounce } from '
|
11
|
+
import { debounce } from '@hi-ui/func-utils';
|
12
12
|
var TAG_MARGIN_RIGHT = 4; // 留给显示剩余选项的宽度:suffix + paddingLeft + paddingRight + leftCountTag (16 + 10 + + 10 + 54)
|
13
13
|
|
14
14
|
var LEFT_SPACE_WIDTH = 100 + TAG_MARGIN_RIGHT;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/tag-input",
|
3
|
-
"version": "4.0.0-beta.
|
3
|
+
"version": "4.0.0-beta.4",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
@@ -47,6 +47,7 @@
|
|
47
47
|
"@hi-ui/core": "^4.0.0-beta.2",
|
48
48
|
"@hi-ui/core-css": "^4.0.0-beta.2",
|
49
49
|
"@hi-ui/env": "^4.0.0-beta.0",
|
50
|
+
"@hi-ui/func-utils": "^4.0.0-beta.2",
|
50
51
|
"@hi-ui/icons": "^4.0.0-beta.2",
|
51
52
|
"@hi-ui/type-assertion": "^4.0.0-beta.1",
|
52
53
|
"@hi-ui/use-latest": "^4.0.0-beta.1",
|
@@ -64,5 +65,5 @@
|
|
64
65
|
"react": "^17.0.1",
|
65
66
|
"react-dom": "^17.0.1"
|
66
67
|
},
|
67
|
-
"gitHead": "
|
68
|
+
"gitHead": "9adf4e2e4b9a55b4ebd23e86e861c2ebb99fd8bd"
|
68
69
|
}
|
package/lib/cjs/utils/index.js
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
/** @LICENSE
|
2
|
-
* @hi-ui/tag-input
|
3
|
-
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
|
4
|
-
*
|
5
|
-
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
6
|
-
*
|
7
|
-
* This source code is licensed under the MIT license found in the
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
9
|
-
*/
|
10
|
-
'use strict';
|
11
|
-
|
12
|
-
Object.defineProperty(exports, '__esModule', {
|
13
|
-
value: true
|
14
|
-
});
|
15
|
-
|
16
|
-
var debounce = function debounce(func, delay) {
|
17
|
-
if (delay === void 0) {
|
18
|
-
delay = 150;
|
19
|
-
}
|
20
|
-
|
21
|
-
var timer = 0;
|
22
|
-
|
23
|
-
var cancel = function cancel() {
|
24
|
-
if (timer) {
|
25
|
-
window.clearTimeout(timer);
|
26
|
-
timer = 0;
|
27
|
-
}
|
28
|
-
};
|
29
|
-
|
30
|
-
var debounceFn = function debounceFn() {
|
31
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
32
|
-
args[_key] = arguments[_key];
|
33
|
-
}
|
34
|
-
|
35
|
-
if (timer) {
|
36
|
-
cancel();
|
37
|
-
}
|
38
|
-
|
39
|
-
if (func) {
|
40
|
-
timer = window.setTimeout(function () {
|
41
|
-
func.apply(null, args);
|
42
|
-
timer = 0;
|
43
|
-
}, delay);
|
44
|
-
}
|
45
|
-
};
|
46
|
-
|
47
|
-
debounceFn.cancel = cancel;
|
48
|
-
return debounceFn;
|
49
|
-
};
|
50
|
-
|
51
|
-
exports.debounce = debounce;
|
52
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":[null],"names":["debounce","func","delay","timer","cancel","window","clearTimeout","debounceFn","args","setTimeout","apply"],"mappings":";;;;;;;;;;;;;;;IAAaA,QAAQ,GAAG,SAAXA,QAAW,CAAqCC,IAArC,EAA+CC,KAA/C;MAA+CA;AAAAA,IAAAA,QAAQ,GAARA;;;MACjEC,KAAK,GAAG;;MAENC,MAAM,GAAG,SAATA,MAAS;QACTD,OAAO;AACTE,MAAAA,MAAM,CAACC,YAAPD,CAAoBF,KAApBE;AACAF,MAAAA,KAAK,GAAG,CAARA;;AAHJ;;MAOMI,UAAU,GAAG,SAAbA,UAAa;sCAAIC;AAAAA,MAAAA,UAAAA,kBAAAA;;;QACjBL,OAAO;AACTC,MAAAA,MAAM;;;QAGJH,MAAM;AACRE,MAAAA,KAAK,GAAGE,MAAM,CAACI,UAAPJ,CAAkB;AACxBJ,QAAAA,IAAI,CAACS,KAALT,CAAW,IAAXA,EAAiBO,IAAjBP;AACAE,QAAAA,KAAK,GAAG,CAARA;AAFM,OAAAE,EAGLH,KAHKG,CAARF;;AANJ;;AAaAI,EAAAA,UAAU,CAACH,MAAXG,GAAoBH,MAApBG;SAEOA;;;"}
|
package/lib/esm/utils/index.js
DELETED
@@ -1,46 +0,0 @@
|
|
1
|
-
/** @LICENSE
|
2
|
-
* @hi-ui/tag-input
|
3
|
-
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
|
4
|
-
*
|
5
|
-
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
6
|
-
*
|
7
|
-
* This source code is licensed under the MIT license found in the
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
9
|
-
*/
|
10
|
-
var debounce = function debounce(func, delay) {
|
11
|
-
if (delay === void 0) {
|
12
|
-
delay = 150;
|
13
|
-
}
|
14
|
-
|
15
|
-
var timer = 0;
|
16
|
-
|
17
|
-
var cancel = function cancel() {
|
18
|
-
if (timer) {
|
19
|
-
window.clearTimeout(timer);
|
20
|
-
timer = 0;
|
21
|
-
}
|
22
|
-
};
|
23
|
-
|
24
|
-
var debounceFn = function debounceFn() {
|
25
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
26
|
-
args[_key] = arguments[_key];
|
27
|
-
}
|
28
|
-
|
29
|
-
if (timer) {
|
30
|
-
cancel();
|
31
|
-
}
|
32
|
-
|
33
|
-
if (func) {
|
34
|
-
timer = window.setTimeout(function () {
|
35
|
-
func.apply(null, args);
|
36
|
-
timer = 0;
|
37
|
-
}, delay);
|
38
|
-
}
|
39
|
-
};
|
40
|
-
|
41
|
-
debounceFn.cancel = cancel;
|
42
|
-
return debounceFn;
|
43
|
-
};
|
44
|
-
|
45
|
-
export { debounce };
|
46
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":[null],"names":["debounce","func","delay","timer","cancel","window","clearTimeout","debounceFn","args","setTimeout","apply"],"mappings":";;;;;;;;;IAAaA,QAAQ,GAAG,SAAXA,QAAW,CAAqCC,IAArC,EAA+CC,KAA/C;MAA+CA;AAAAA,IAAAA,QAAQ,GAARA;;;MACjEC,KAAK,GAAG;;MAENC,MAAM,GAAG,SAATA,MAAS;QACTD,OAAO;AACTE,MAAAA,MAAM,CAACC,YAAPD,CAAoBF,KAApBE;AACAF,MAAAA,KAAK,GAAG,CAARA;;AAHJ;;MAOMI,UAAU,GAAG,SAAbA,UAAa;sCAAIC;AAAAA,MAAAA,UAAAA,kBAAAA;;;QACjBL,OAAO;AACTC,MAAAA,MAAM;;;QAGJH,MAAM;AACRE,MAAAA,KAAK,GAAGE,MAAM,CAACI,UAAPJ,CAAkB;AACxBJ,QAAAA,IAAI,CAACS,KAALT,CAAW,IAAXA,EAAiBO,IAAjBP;AACAE,QAAAA,KAAK,GAAG,CAARA;AAFM,OAAAE,EAGLH,KAHKG,CAARF;;AANJ;;AAaAI,EAAAA,UAAU,CAACH,MAAXG,GAAoBH,MAApBG;SAEOA;;;"}
|