@hi-ui/check-cascader 4.0.0-alpha.3 → 4.0.0-alpha.30
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/README.md +98 -7
- package/lib/cjs/CheckCascader.js +196 -63
- package/lib/cjs/CheckCascader.js.map +1 -1
- package/lib/cjs/CheckCascaderMenu.js +6 -1
- package/lib/cjs/CheckCascaderMenu.js.map +1 -1
- package/lib/cjs/CheckCascaderMenus.js +13 -5
- package/lib/cjs/CheckCascaderMenus.js.map +1 -1
- package/lib/cjs/CheckCascaderPanel.js +38 -13
- package/lib/cjs/CheckCascaderPanel.js.map +1 -1
- package/lib/cjs/hooks/use-async-switch.js +1 -3
- package/lib/cjs/hooks/use-async-switch.js.map +1 -1
- package/lib/cjs/hooks/use-check.js +28 -3
- package/lib/cjs/hooks/use-check.js.map +1 -1
- package/lib/cjs/hooks/use-search.js +27 -15
- package/lib/cjs/hooks/use-search.js.map +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/cjs/utils/index.js +0 -36
- package/lib/cjs/utils/index.js.map +1 -1
- package/lib/esm/CheckCascader.js +188 -63
- package/lib/esm/CheckCascader.js.map +1 -1
- package/lib/esm/CheckCascaderMenu.js +6 -1
- package/lib/esm/CheckCascaderMenu.js.map +1 -1
- package/lib/esm/CheckCascaderMenus.js +13 -5
- package/lib/esm/CheckCascaderMenus.js.map +1 -1
- package/lib/esm/CheckCascaderPanel.js +38 -13
- package/lib/esm/CheckCascaderPanel.js.map +1 -1
- package/lib/esm/hooks/use-async-switch.js +2 -3
- package/lib/esm/hooks/use-async-switch.js.map +1 -1
- package/lib/esm/hooks/use-check.js +24 -3
- package/lib/esm/hooks/use-check.js.map +1 -1
- package/lib/esm/hooks/use-search.js +26 -16
- package/lib/esm/hooks/use-search.js.map +1 -1
- package/lib/esm/styles/index.scss.js +1 -1
- package/lib/esm/utils/index.js +1 -36
- package/lib/esm/utils/index.js.map +1 -1
- package/lib/types/CheckCascader.d.ts +17 -20
- package/lib/types/hooks/index.d.ts +0 -1
- package/lib/types/hooks/use-check.d.ts +1 -1
- package/lib/types/hooks/use-search.d.ts +4 -0
- package/package.json +24 -19
- package/lib/cjs/TagInput.js +0 -184
- package/lib/cjs/TagInput.js.map +0 -1
- package/lib/cjs/_virtual/_commonjsHelpers.js +0 -17
- package/lib/cjs/_virtual/_commonjsHelpers.js.map +0 -1
- package/lib/cjs/_virtual/index.js_commonjs-module +0 -19
- package/lib/cjs/_virtual/index.js_commonjs-module.map +0 -1
- package/lib/cjs/hooks/use-tag-input.js +0 -122
- package/lib/cjs/hooks/use-tag-input.js.map +0 -1
- package/lib/cjs/node_modules/lodash.clonedeep/index.js +0 -1872
- package/lib/cjs/node_modules/lodash.clonedeep/index.js.map +0 -1
- package/lib/esm/TagInput.js +0 -153
- package/lib/esm/TagInput.js.map +0 -1
- package/lib/esm/_virtual/_commonjsHelpers.js +0 -12
- package/lib/esm/_virtual/_commonjsHelpers.js.map +0 -1
- package/lib/esm/_virtual/index.js_commonjs-module +0 -14
- package/lib/esm/_virtual/index.js_commonjs-module.map +0 -1
- package/lib/esm/hooks/use-tag-input.js +0 -113
- package/lib/esm/hooks/use-tag-input.js.map +0 -1
- package/lib/esm/node_modules/lodash.clonedeep/index.js +0 -1863
- package/lib/esm/node_modules/lodash.clonedeep/index.js.map +0 -1
- package/lib/types/TagInput.d.ts +0 -68
- package/lib/types/hooks/use-tag-input.d.ts +0 -3
@@ -7,16 +7,37 @@
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
|
+
import { useCallback } from 'react';
|
10
11
|
import { useCascadeCheck } from '@hi-ui/use-check';
|
12
|
+
import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
|
13
|
+
import { useLatestRef } from '@hi-ui/use-latest';
|
14
|
+
var NOOP_ARRAY = [];
|
15
|
+
|
16
|
+
var useCheck = function useCheck(cascaded, disabled, flattedData, defaultCheckedIds, checkedIdsProp, onCheck) {
|
17
|
+
if (defaultCheckedIds === void 0) {
|
18
|
+
defaultCheckedIds = NOOP_ARRAY;
|
19
|
+
}
|
20
|
+
|
21
|
+
var onCheckRef = useLatestRef(onCheck);
|
22
|
+
var proxyOnCheck = useCallback(function (checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
|
23
|
+
var _a;
|
24
|
+
|
25
|
+
(_a = onCheckRef.current) === null || _a === void 0 ? void 0 : _a.call(onCheckRef, {
|
26
|
+
checkedIds: checkedIds,
|
27
|
+
semiCheckedIds: semiCheckedIds
|
28
|
+
}, checkedNode, shouldChecked);
|
29
|
+
}, []);
|
30
|
+
|
31
|
+
var _useUncontrolledState = useUncontrolledState(defaultCheckedIds, checkedIdsProp, proxyOnCheck),
|
32
|
+
checkedIds = _useUncontrolledState[0],
|
33
|
+
trySetCheckedIds = _useUncontrolledState[1];
|
11
34
|
|
12
|
-
var useCheck = function useCheck(cascaded, disabled, flattedData, defaultCheckedIds, checkedIds, onCheck) {
|
13
35
|
return useCascadeCheck({
|
14
36
|
cascaded: cascaded,
|
15
37
|
disabled: disabled,
|
16
38
|
flattedData: flattedData,
|
17
|
-
defaultCheckedIds: defaultCheckedIds,
|
18
39
|
checkedIds: checkedIds,
|
19
|
-
onCheck:
|
40
|
+
onCheck: trySetCheckedIds,
|
20
41
|
allowCheck: allowCheck
|
21
42
|
});
|
22
43
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-check.js","sources":["../../../src/hooks/use-check.ts"],"sourcesContent":[null],"names":["useCheck","cascaded","disabled","flattedData","defaultCheckedIds","
|
1
|
+
{"version":3,"file":"use-check.js","sources":["../../../src/hooks/use-check.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","useCheck","cascaded","disabled","flattedData","defaultCheckedIds","checkedIdsProp","onCheck","onCheckRef","useLatestRef","proxyOnCheck","useCallback","checkedIds","checkedNode","shouldChecked","semiCheckedIds","current","useUncontrolledState","trySetCheckedIds","useCascadeCheck","allowCheck","targetItem","disabledCheckbox","checkable"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAG,EAAnB;;IAEaC,QAAQ,GAAG,SAAXA,QAAW,CACtBC,QADsB,EAEtBC,QAFsB,EAGtBC,WAHsB,EAItBC,iBAJsB,EAKtBC,cALsB,EAMtBC,OANsB;MAItBF;AAAAA,IAAAA,oBAAuCL,UAAvCK;;;MAWMG,UAAU,GAAGC,YAAY,CAACF,OAAD;MAEzBG,YAAY,GAAGC,WAAW,CAAC,UAACC,UAAD,EAAaC,WAAb,EAA0BC,aAA1B,EAAyCC,cAAzC;;;UAC/BP,UAAU,CAACQ,sDAAXR,YAAqB;AAAEI,MAAAA,UAAU,EAAVA,UAAF;AAAcG,MAAAA,cAAc,EAAdA;AAAd,OAAgCF,aAAaC;AADpC,GAAA,EAE7B,EAF6B;;8BAIOG,oBAAoB,CACzDZ,iBADyD,EAEzDC,cAFyD,EAGzDI,YAHyD;MAApDE,UAAP;MAAmBM,gBAAnB;;SAMOC,eAAe,CAAC;AACrBjB,IAAAA,QAAQ,EAARA,QADqB;AAErBC,IAAAA,QAAQ,EAARA,QAFqB;AAGrBC,IAAAA,WAAW,EAAXA,WAHqB;AAIrBQ,IAAAA,UAAU,EAAVA,UAJqB;AAKrBL,IAAAA,OAAO,EAAEW,gBALY;AAMrBE,IAAAA,UAAU,EAAVA;AANqB,GAAD;;;AAUxB,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,UAAD;MACbA,UAAU,CAAClB,QAAXkB,IAAuBA,UAAU,CAACC,gBAAlCD,IAAsDA,UAAU,CAACE,SAAXF,KAAyB,OAAO;WACjF;;;SAEF;AAJT,CAAA;;"}
|
@@ -9,6 +9,7 @@
|
|
9
9
|
*/
|
10
10
|
import { useState, useCallback } from 'react';
|
11
11
|
import { useLatestRef } from '@hi-ui/use-latest';
|
12
|
+
import { __DEV__ } from '@hi-ui/env';
|
12
13
|
/**
|
13
14
|
* 支持搜索功能的 hook
|
14
15
|
*/
|
@@ -28,7 +29,6 @@ var useSearch = function useSearch(flattedData, upMatch) {
|
|
28
29
|
setSearchValue(nextSearchValue); // 匹配到搜索的节点,将这些节点进行展开显示,其它均隐藏
|
29
30
|
|
30
31
|
var matchedNodes = upMatch ? getMatchedUpMatchNodes(flattedDataRef.current, nextSearchValue) : getMatchedNodes(flattedDataRef.current, nextSearchValue);
|
31
|
-
console.log(matchedNodes);
|
32
32
|
setMatchedNodes(matchedNodes);
|
33
33
|
}, [upMatch]);
|
34
34
|
var inputProps = {
|
@@ -47,12 +47,8 @@ var useSearch = function useSearch(flattedData, upMatch) {
|
|
47
47
|
var getMatchedNodes = function getMatchedNodes(flattedData, searchValue) {
|
48
48
|
if (!searchValue) return [];
|
49
49
|
return flattedData.filter(function (node) {
|
50
|
-
|
51
|
-
|
52
|
-
if (typeof node.title !== 'string') return false;
|
53
|
-
if (!node.checkable) return false; // 匹配策略:`String.include`
|
54
|
-
|
55
|
-
return (_b = (_a = node.title).includes) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue);
|
50
|
+
if (!node.checkable) return false;
|
51
|
+
return matchStrategy(node.title, searchValue) !== -1;
|
56
52
|
});
|
57
53
|
};
|
58
54
|
/**
|
@@ -64,20 +60,17 @@ var getMatchedUpMatchNodes = function getMatchedUpMatchNodes(flattedData, search
|
|
64
60
|
if (!searchValue) return [];
|
65
61
|
var visitedResultSet = new Set();
|
66
62
|
return flattedData.filter(function (node) {
|
67
|
-
var _a, _b;
|
68
|
-
|
69
63
|
if (!node.checkable) return false;
|
70
64
|
|
71
65
|
while (node.parent) {
|
72
66
|
if (visitedResultSet.has(node.id)) {
|
73
67
|
return true;
|
74
|
-
}
|
68
|
+
} // TODO: 自定义用户搜索,比如查询 id,或者异步搜索
|
69
|
+
|
75
70
|
|
76
|
-
if (
|
77
|
-
|
78
|
-
|
79
|
-
return true;
|
80
|
-
}
|
71
|
+
if (matchStrategy(node.title, searchValue) !== -1) {
|
72
|
+
visitedResultSet.add(node.id);
|
73
|
+
return true;
|
81
74
|
}
|
82
75
|
|
83
76
|
node = node.parent;
|
@@ -86,6 +79,23 @@ var getMatchedUpMatchNodes = function getMatchedUpMatchNodes(flattedData, search
|
|
86
79
|
return false;
|
87
80
|
});
|
88
81
|
};
|
82
|
+
/**
|
83
|
+
* 返回 -1 表示匹配失败
|
84
|
+
*/
|
85
|
+
|
86
|
+
|
87
|
+
var matchStrategy = function matchStrategy(content, keyword) {
|
88
|
+
if (typeof content !== 'string') {
|
89
|
+
if (__DEV__) {
|
90
|
+
console.warn('Warning: must be string type when enable searchable.');
|
91
|
+
}
|
92
|
+
|
93
|
+
return -1;
|
94
|
+
} // 忽略大小写匹配
|
95
|
+
|
96
|
+
|
97
|
+
return content.toLowerCase().indexOf(keyword.toLowerCase());
|
98
|
+
};
|
89
99
|
|
90
|
-
export { useSearch };
|
100
|
+
export { matchStrategy, useSearch };
|
91
101
|
//# sourceMappingURL=use-search.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-search.js","sources":["../../../src/hooks/use-search.ts"],"sourcesContent":[null],"names":["useSearch","flattedData","upMatch","useState","searchValue","setSearchValue","matchedNodes","setMatchedNodes","flattedDataRef","useLatestRef","handleChange","useCallback","evt","nextSearchValue","target","value","getMatchedUpMatchNodes","current","getMatchedNodes","
|
1
|
+
{"version":3,"file":"use-search.js","sources":["../../../src/hooks/use-search.ts"],"sourcesContent":[null],"names":["useSearch","flattedData","upMatch","useState","searchValue","setSearchValue","matchedNodes","setMatchedNodes","flattedDataRef","useLatestRef","handleChange","useCallback","evt","nextSearchValue","target","value","getMatchedUpMatchNodes","current","getMatchedNodes","inputProps","onChange","isSearch","isEmpty","length","filter","node","checkable","matchStrategy","title","visitedResultSet","Set","parent","has","id","add","content","keyword","__DEV__","console","warn","toLowerCase","indexOf"],"mappings":";;;;;;;;;;;;AAKA;;;;IAGaA,SAAS,GAAG,SAAZA,SAAY,CAACC,WAAD,EAA0CC,OAA1C;kBACeC,QAAQ,CAAC,EAAD;MAAvCC,WAAP;MAAoBC,cAApB;;mBACwCF,QAAQ,CAA6B,EAA7B;MAAzCG,YAAP;MAAqBC,eAArB;;MAEMC,cAAc,GAAGC,YAAY,CAACR,WAAD;MAE7BS,YAAY,GAAGC,WAAW,CAC9B,UAACC,GAAD;QACQC,eAAe,GAAGD,GAAG,CAACE,MAAJF,CAAWG;AAEnCV,IAAAA,cAAc,CAACQ,eAAD,CAAdR;;QAGMC,YAAY,GAAGJ,OAAO,GACxBc,sBAAsB,CAACR,cAAc,CAACS,OAAhB,EAAyBJ,eAAzB,CADE,GAExBK,eAAe,CAACV,cAAc,CAACS,OAAhB,EAAyBJ,eAAzB;AAEnBN,IAAAA,eAAe,CAACD,YAAD,CAAfC;AAX4B,GAAA,EAa9B,CAACL,OAAD,CAb8B;MAgB1BiB,UAAU,GAAG;AACjBJ,IAAAA,KAAK,EAAEX,WADU;AAEjBgB,IAAAA,QAAQ,EAAEV;AAFO;MAKbW,QAAQ,GAAG,CAAC,CAACjB;MACbkB,OAAO,GAAGD,QAAQ,IAAIf,YAAY,CAACiB,MAAbjB,KAAwB;SAE7C,CAACe,QAAD,EAAWf,YAAX,EAAyBa,UAAzB,EAAqCG,OAArC;;AAGT;;;;;AAGA,IAAMJ,eAAe,GAAG,SAAlBA,eAAkB,CACtBjB,WADsB,EAEtBG,WAFsB;MAIlB,CAACA,aAAa,OAAO,EAAP;SAEXH,WAAW,CAACuB,MAAZvB,CAAmB,UAACwB,IAAD;QACpB,CAACA,IAAI,CAACC,WAAW,OAAO,KAAP;WAEdC,aAAa,CAACF,IAAI,CAACG,KAAN,EAAaxB,WAAb,CAAbuB,KAA2C,CAAC;AAH9C,GAAA1B;AANT,CAAA;AAaA;;;;;AAGA,IAAMe,sBAAsB,GAAG,SAAzBA,sBAAyB,CAC7Bf,WAD6B,EAE7BG,WAF6B;MAIzB,CAACA,aAAa,OAAO,EAAP;MAEZyB,gBAAgB,GAAG,IAAIC,GAAJ;SAElB7B,WAAW,CAACuB,MAAZvB,CAAmB,UAACwB,IAAD;QACpB,CAACA,IAAI,CAACC,WAAW,OAAO,KAAP;;WAEdD,IAAI,CAACM,QAAQ;UACdF,gBAAgB,CAACG,GAAjBH,CAAqBJ,IAAI,CAACQ,EAA1BJ,GAA+B;eAC1B;AAFS,OAAA;;;UAMdF,aAAa,CAACF,IAAI,CAACG,KAAN,EAAaxB,WAAb,CAAbuB,KAA2C,CAAC,GAAG;AACjDE,QAAAA,gBAAgB,CAACK,GAAjBL,CAAqBJ,IAAI,CAACQ,EAA1BJ;eACO;;;AAGTJ,MAAAA,IAAI,GAAGA,IAAI,CAACM,MAAZN;;;WAEK;AAhBF,GAAAxB;AART,CAAA;AA4BA;;;;;IAGa0B,aAAa,GAAG,SAAhBA,aAAgB,CAACQ,OAAD,EAAmBC,OAAnB;MACvB,OAAOD,OAAP,KAAmB,UAAU;QAC3BE,SAAS;AACXC,MAAAA,OAAO,CAACC,IAARD,CAAa,sDAAbA;;;WAEK,CAAC;;;;SAGHH,OAAO,CAACK,WAARL,GAAsBM,OAAtBN,CAA8BC,OAAO,CAACI,WAARJ,EAA9BD;;;"}
|
@@ -7,7 +7,7 @@
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
|
-
var css_248z = "
|
10
|
+
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-check-cascader__popper .hi-v4-picker__body {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-check-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-check-cascader-panel-search {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 10px 10px;\n position: relative; }\n.hi-v4-check-cascader-panel-search .hi-v4-input__prefix {\n font-size: 16px;\n padding-left: 0; }\n.hi-v4-check-cascader-panel-search__empty {\n display: inline-block;\n margin-top: 20px;\n font-size: 14px;\n font-weight: 400;\n color: #999;\n line-height: 20px; }\n.hi-v4-check-cascader-menus {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow-x: auto; }\n.hi-v4-check-cascader-menus--flatted .hi-v4-check-cascader-menu {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%; }\n.hi-v4-check-cascader-menu {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n vertical-align: middle;\n list-style: none;\n width: auto;\n box-sizing: border-box;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n min-width: 140px;\n min-height: 160px;\n max-height: 256px;\n overflow: auto;\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n border-right: 1px solid #ebedf0;\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-check-cascader-menu:last-of-type {\n border: none; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n padding-left: 8px; }\n.hi-v4-check-cascader-menu-item {\n width: 100%;\n padding: 4px 0;\n padding: var(--hi-v4-spacing-2, 4px) 0;\n position: relative;\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-check-cascader-menu-checkbox {\n position: relative; }\n.hi-v4-check-cascader-menu-checkbox::after {\n right: 0;\n top: -8px;\n bottom: -8px;\n left: -8px;\n content: '';\n position: absolute;\n display: block; }\n.hi-v4-check-cascader-menu-option {\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 32px;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-check-cascader-menu-option:hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected {\n background: #e2f3fe;\n background: var(--hi-v4-color-brandblue-50, #e2f3fe);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected .hi-v4-check-cascader-menu-switcher {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option--focused {\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-check-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background: transparent; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-check-cascader-menu .title__text {\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-check-cascader-menu .title__text--cols {\n display: block;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n vertical-align: middle;\n list-style: none; }\n.hi-v4-check-cascader-menu .title__text--col {\n display: inline-block; }\n.hi-v4-check-cascader-menu .title__text--col::after {\n content: '\\00a0/\\00a0'; }\n.hi-v4-check-cascader-menu .title__text--col:last-child::after {\n content: none; }\n.hi-v4-check-cascader-menu .title__text--matched {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-check-cascader-menu-switcher--loading {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tree--icon-loading {\n -webkit-animation-name: hi-rotate;\n animation-name: hi-rotate;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n@-webkit-keyframes hi-rotate {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n@keyframes hi-rotate {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
|
11
11
|
|
12
12
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
13
13
|
|
package/lib/esm/utils/index.js
CHANGED
@@ -129,44 +129,9 @@ var getActiveMenuIds = function getActiveMenuIds(data, selectedIds) {
|
|
129
129
|
}).reverse();
|
130
130
|
};
|
131
131
|
|
132
|
-
var debounce = function debounce(func, delay) {
|
133
|
-
if (delay === void 0) {
|
134
|
-
delay = 150;
|
135
|
-
}
|
136
|
-
|
137
|
-
var timer = 0;
|
138
|
-
|
139
|
-
var cancel = function cancel() {
|
140
|
-
if (timer) {
|
141
|
-
window.clearTimeout(timer);
|
142
|
-
timer = 0;
|
143
|
-
}
|
144
|
-
};
|
145
|
-
|
146
|
-
var debounceFn = function debounceFn() {
|
147
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
148
|
-
args[_key] = arguments[_key];
|
149
|
-
}
|
150
|
-
|
151
|
-
if (timer) {
|
152
|
-
cancel();
|
153
|
-
}
|
154
|
-
|
155
|
-
if (func) {
|
156
|
-
timer = window.setTimeout(function () {
|
157
|
-
func.apply(null, args);
|
158
|
-
timer = 0;
|
159
|
-
}, delay);
|
160
|
-
}
|
161
|
-
};
|
162
|
-
|
163
|
-
debounceFn.cancel = cancel;
|
164
|
-
return debounceFn;
|
165
|
-
};
|
166
|
-
|
167
132
|
function getCascaderItemEventData(node, requiredProps) {
|
168
133
|
return Object.assign(Object.assign({}, node), requiredProps);
|
169
134
|
}
|
170
135
|
|
171
|
-
export {
|
136
|
+
export { flattenTreeData, getActiveMenuIds, getActiveMenus, getCascaderItemEventData, getFlattedMenus, getNodeAncestors };
|
172
137
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":[null],"names":["flattenTreeData","treeData","flattedTreeData","dig","node","depth","parent","id","title","children","checkable","isLeaf","disabled","disabledCheckbox","flattedNode","raw","push","childDepth","map","child","treeRoot","getTreeRoot","getNodeAncestors","ancestors","getActiveMenus","data","selectedIds","length","root","menu","selectedOption","find","reverse","getFlattedMenus","filter","getActiveMenuIds","
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":[null],"names":["flattenTreeData","treeData","flattedTreeData","dig","node","depth","parent","id","title","children","checkable","isLeaf","disabled","disabledCheckbox","flattedNode","raw","push","childDepth","map","child","treeRoot","getTreeRoot","getNodeAncestors","ancestors","getActiveMenus","data","selectedIds","length","root","menu","selectedOption","find","reverse","getFlattedMenus","filter","getActiveMenuIds","getCascaderItemEventData","requiredProps"],"mappings":"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"}
|
@@ -1,27 +1,12 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { PopperJS } from '@hi-ui/popper';
|
3
2
|
import { CheckCascaderItem, ExpandTrigger, CheckCascaderItemEventData, FlattedCheckCascaderItem } from './types';
|
3
|
+
import { PickerProps } from '@hi-ui/picker';
|
4
|
+
import { UseDataSource } from '@hi-ui/use-data-source';
|
4
5
|
/**
|
5
6
|
* TODO: What is CheckCascader
|
6
7
|
*/
|
7
8
|
export declare const CheckCascader: React.ForwardRefExoticComponent<CheckCascaderProps & React.RefAttributes<HTMLDivElement | null>>;
|
8
|
-
export interface CheckCascaderProps {
|
9
|
-
/**
|
10
|
-
* 组件默认的选择器类
|
11
|
-
*/
|
12
|
-
prefixCls?: string;
|
13
|
-
/**
|
14
|
-
* 组件的语义化 Role 属性
|
15
|
-
*/
|
16
|
-
role?: string;
|
17
|
-
/**
|
18
|
-
* 组件的注入选择器类
|
19
|
-
*/
|
20
|
-
className?: string;
|
21
|
-
/**
|
22
|
-
* 组件的注入样式
|
23
|
-
*/
|
24
|
-
style?: React.CSSProperties;
|
9
|
+
export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
|
25
10
|
/**
|
26
11
|
* 设置选择项数据源
|
27
12
|
*/
|
@@ -41,6 +26,7 @@ export interface CheckCascaderProps {
|
|
41
26
|
onChange?: (values: React.ReactText[]) => void;
|
42
27
|
/**
|
43
28
|
* 选项被点击时的回调
|
29
|
+
* @private
|
44
30
|
*/
|
45
31
|
onSelect?: (selectedId: React.ReactText, selectedOption: CheckCascaderItemEventData) => void;
|
46
32
|
/**
|
@@ -101,10 +87,21 @@ export interface CheckCascaderProps {
|
|
101
87
|
onLoadChildren?: (item: CheckCascaderItemEventData) => Promise<CheckCascaderItem[] | void> | void;
|
102
88
|
/**
|
103
89
|
* 是否单行展示,超出 +1
|
90
|
+
* @private
|
104
91
|
*/
|
105
92
|
wrap?: boolean;
|
106
93
|
/**
|
107
|
-
*
|
94
|
+
* 设置展现形式
|
95
|
+
*/
|
96
|
+
appearance?: 'outline' | 'unset' | 'filled';
|
97
|
+
/**
|
98
|
+
* 自定义搜索过滤器,仅在 searchable 为 true 时有效
|
99
|
+
* 第一个参数为输入的关键字,
|
100
|
+
* 第二个为数据项,返回值为 true 时将出现在结果项
|
101
|
+
*/
|
102
|
+
filterOption?: (keyword: string, item: any) => boolean;
|
103
|
+
/**
|
104
|
+
* 异步加载数据
|
108
105
|
*/
|
109
|
-
|
106
|
+
dataSource?: UseDataSource<any>;
|
110
107
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { CheckCascaderItemEventData, FlattedCheckCascaderItem } from '../types';
|
3
|
-
export declare const useCheck: (cascaded: boolean, disabled: boolean, flattedData: FlattedCheckCascaderItem[], defaultCheckedIds
|
3
|
+
export declare const useCheck: (cascaded: boolean, disabled: boolean, flattedData: FlattedCheckCascaderItem[], defaultCheckedIds?: React.ReactText[], checkedIdsProp?: React.ReactText[] | undefined, onCheck?: ((checkedInfo: {
|
4
4
|
checkedIds: React.ReactText[];
|
5
5
|
semiCheckedIds: React.ReactText[];
|
6
6
|
}, node: CheckCascaderItemEventData, checked: boolean) => void) | undefined) => readonly [(targetItem: import("@hi-ui/use-check").UseCascadeCheckItem, shouldChecked: boolean) => void, (id: React.ReactText) => boolean, (id: React.ReactText) => boolean];
|
@@ -7,3 +7,7 @@ export declare const useSearch: (flattedData: FlattedCheckCascaderItem[], upMatc
|
|
7
7
|
value: string;
|
8
8
|
onChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
|
9
9
|
}, boolean];
|
10
|
+
/**
|
11
|
+
* 返回 -1 表示匹配失败
|
12
|
+
*/
|
13
|
+
export declare const matchStrategy: (content: unknown, keyword: string) => number;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/check-cascader",
|
3
|
-
"version": "4.0.0-alpha.
|
3
|
+
"version": "4.0.0-alpha.30",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
@@ -43,23 +43,28 @@
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
|
-
"@hi-ui/checkbox": "^4.0.0-alpha.
|
47
|
-
"@hi-ui/classname": "^4.0.0-alpha.
|
48
|
-
"@hi-ui/core-css": "^4.0.0-alpha.
|
49
|
-
"@hi-ui/env": "^4.0.0-alpha.
|
50
|
-
"@hi-ui/icons": "^4.0.0-alpha.
|
51
|
-
"@hi-ui/input": "^4.0.0-alpha.
|
52
|
-
"@hi-ui/
|
53
|
-
"@hi-ui/
|
54
|
-
"@hi-ui/
|
55
|
-
"@hi-ui/
|
56
|
-
"@hi-ui/
|
57
|
-
"@hi-ui/
|
58
|
-
"@hi-ui/use-
|
59
|
-
"@hi-ui/use-
|
60
|
-
"@hi-ui/use-
|
61
|
-
"@hi-ui/use-
|
46
|
+
"@hi-ui/checkbox": "^4.0.0-alpha.25",
|
47
|
+
"@hi-ui/classname": "^4.0.0-alpha.3",
|
48
|
+
"@hi-ui/core-css": "^4.0.0-alpha.12",
|
49
|
+
"@hi-ui/env": "^4.0.0-alpha.5",
|
50
|
+
"@hi-ui/icons": "^4.0.0-alpha.23",
|
51
|
+
"@hi-ui/input": "^4.0.0-alpha.27",
|
52
|
+
"@hi-ui/picker": "^4.0.0-alpha.11",
|
53
|
+
"@hi-ui/popper": "^4.0.0-alpha.19",
|
54
|
+
"@hi-ui/tag-input": "^4.0.0-alpha.18",
|
55
|
+
"@hi-ui/times": "^4.0.0-alpha.4",
|
56
|
+
"@hi-ui/tree-utils": "^4.0.0-alpha.10",
|
57
|
+
"@hi-ui/type-assertion": "^4.0.0-alpha.13",
|
58
|
+
"@hi-ui/use-check": "^4.0.0-alpha.17",
|
59
|
+
"@hi-ui/use-data-source": "^4.0.0-alpha.5",
|
60
|
+
"@hi-ui/use-latest": "^4.0.0-alpha.4",
|
61
|
+
"@hi-ui/use-merge-refs": "^4.0.0-alpha.4",
|
62
|
+
"@hi-ui/use-outside-click": "^4.0.0-alpha.7",
|
63
|
+
"@hi-ui/use-search-mode": "^4.0.0-alpha.9",
|
64
|
+
"@hi-ui/use-toggle": "^4.0.0-alpha.10",
|
65
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12",
|
62
66
|
"@popperjs/core": "^2.9.3",
|
67
|
+
"lodash": "^4.17.21",
|
63
68
|
"react-popper": "^2.2.5"
|
64
69
|
},
|
65
70
|
"peerDependencies": {
|
@@ -67,9 +72,9 @@
|
|
67
72
|
"react-dom": "^17.0.1"
|
68
73
|
},
|
69
74
|
"devDependencies": {
|
70
|
-
"@hi-ui/hi-build": "^4.0.0-alpha.
|
75
|
+
"@hi-ui/hi-build": "^4.0.0-alpha.4",
|
71
76
|
"react": "^17.0.1",
|
72
77
|
"react-dom": "^17.0.1"
|
73
78
|
},
|
74
|
-
"gitHead": "
|
79
|
+
"gitHead": "3b991dda3ffcbe843fc06b3c3c781ce870cb7adc"
|
75
80
|
}
|
package/lib/cjs/TagInput.js
DELETED
@@ -1,184 +0,0 @@
|
|
1
|
-
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
3
|
-
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#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
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
13
|
-
|
14
|
-
Object.defineProperty(exports, '__esModule', {
|
15
|
-
value: true
|
16
|
-
});
|
17
|
-
|
18
|
-
var tslib = require('tslib');
|
19
|
-
|
20
|
-
var React = require('react');
|
21
|
-
|
22
|
-
var classname = require('@hi-ui/classname');
|
23
|
-
|
24
|
-
var env = require('@hi-ui/env');
|
25
|
-
|
26
|
-
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
27
|
-
|
28
|
-
var times = require('@hi-ui/times');
|
29
|
-
|
30
|
-
var icons = require('@hi-ui/icons');
|
31
|
-
|
32
|
-
var useMergeRefs = require('@hi-ui/use-merge-refs');
|
33
|
-
|
34
|
-
require('@hi-ui/use-latest');
|
35
|
-
|
36
|
-
require('@hi-ui/use-check');
|
37
|
-
|
38
|
-
var useTagInput = require('./hooks/use-tag-input.js');
|
39
|
-
|
40
|
-
require('@babel/runtime/regenerator');
|
41
|
-
|
42
|
-
require('./node_modules/lodash.clonedeep/index.js');
|
43
|
-
|
44
|
-
require('@hi-ui/tree-utils');
|
45
|
-
|
46
|
-
var index = require('./utils/index.js');
|
47
|
-
|
48
|
-
function _interopDefaultLegacy(e) {
|
49
|
-
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
50
|
-
'default': e
|
51
|
-
};
|
52
|
-
}
|
53
|
-
|
54
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
55
|
-
|
56
|
-
var _role = 'tag-input';
|
57
|
-
|
58
|
-
var _prefix = classname.getPrefixCls(_role);
|
59
|
-
|
60
|
-
var NOOP_ARRAY = [];
|
61
|
-
/**
|
62
|
-
* TODO: What is TagInput
|
63
|
-
*/
|
64
|
-
|
65
|
-
var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
66
|
-
var _a$prefixCls = _a.prefixCls,
|
67
|
-
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
68
|
-
_a$role = _a.role,
|
69
|
-
role = _a$role === void 0 ? _role : _a$role,
|
70
|
-
className = _a.className,
|
71
|
-
_a$defaultValue = _a.defaultValue,
|
72
|
-
defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
|
73
|
-
valueProp = _a.value,
|
74
|
-
onChange = _a.onChange,
|
75
|
-
placeholder = _a.placeholder,
|
76
|
-
data = _a.data,
|
77
|
-
_a$wrap = _a.wrap,
|
78
|
-
wrap = _a$wrap === void 0 ? true : _a$wrap,
|
79
|
-
_a$clearable = _a.clearable,
|
80
|
-
clearable = _a$clearable === void 0 ? false : _a$clearable,
|
81
|
-
_a$disabled = _a.disabled,
|
82
|
-
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
83
|
-
displayRender = _a.displayRender,
|
84
|
-
suffix = _a.suffix,
|
85
|
-
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "wrap", "clearable", "disabled", "displayRender", "suffix"]);
|
86
|
-
|
87
|
-
var flattedData = React.useMemo(function () {
|
88
|
-
return index.flattenTreeData(data);
|
89
|
-
}, [data]);
|
90
|
-
|
91
|
-
var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
|
92
|
-
value = _useUncontrolledState[0],
|
93
|
-
tryChangeValue = _useUncontrolledState[1];
|
94
|
-
|
95
|
-
var showData = React.useMemo(function () {
|
96
|
-
return flattedData.filter(function (item) {
|
97
|
-
return item && item.checkable && value.indexOf(item.id) !== -1;
|
98
|
-
});
|
99
|
-
}, [flattedData, value]);
|
100
|
-
var tagSelector = "." + prefixCls + "__tag";
|
101
|
-
var tagInputRef = React.useRef(null);
|
102
|
-
|
103
|
-
var _useTagInput = useTagInput.useTagInput(wrap, tagSelector, showData, tagInputRef),
|
104
|
-
tagMaxWidth = _useTagInput[0],
|
105
|
-
showTagCount = _useTagInput[1],
|
106
|
-
leftCount = _useTagInput[2];
|
107
|
-
|
108
|
-
var handleClear = React.useCallback(function (evt) {
|
109
|
-
if (disabled) return;
|
110
|
-
evt.stopPropagation();
|
111
|
-
tryChangeValue(NOOP_ARRAY);
|
112
|
-
}, [tryChangeValue, disabled]);
|
113
|
-
|
114
|
-
var _useState = React.useState(false),
|
115
|
-
hover = _useState[0],
|
116
|
-
setHover = _useState[1];
|
117
|
-
|
118
|
-
var trySetHover = function trySetHover(hovered) {
|
119
|
-
if (disabled) return;
|
120
|
-
setHover(hovered);
|
121
|
-
}; // 在开启 clearable 下展示 清除内容按钮,可点击进行内容清楚
|
122
|
-
|
123
|
-
|
124
|
-
var showClearableIcon = clearable && value.length > 0 && !disabled;
|
125
|
-
var cls = classname.cx(prefixCls, className, disabled && 'disabled', wrap && prefixCls + "--wrap");
|
126
|
-
return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
127
|
-
ref: useMergeRefs.useMergeRefs(ref, tagInputRef),
|
128
|
-
role: role,
|
129
|
-
className: cls,
|
130
|
-
onMouseOver: function onMouseOver(e) {
|
131
|
-
trySetHover(true);
|
132
|
-
},
|
133
|
-
onMouseLeave: function onMouseLeave(e) {
|
134
|
-
trySetHover(false);
|
135
|
-
}
|
136
|
-
}, rest), value.length !== 0 ? /*#__PURE__*/React__default['default'].createElement("span", {
|
137
|
-
className: prefixCls + "__value"
|
138
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
139
|
-
className: classname.cx(prefixCls + "__tags", wrap && prefixCls + "__tags--all")
|
140
|
-
}, times.times(showTagCount, function (index) {
|
141
|
-
var option = showData[index];
|
142
|
-
var title = displayRender ? displayRender(option) : true;
|
143
|
-
return /*#__PURE__*/React__default['default'].createElement("span", {
|
144
|
-
className: prefixCls + "__tag",
|
145
|
-
key: option.id,
|
146
|
-
style: {
|
147
|
-
maxWidth: tagMaxWidth
|
148
|
-
}
|
149
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
150
|
-
className: prefixCls + "__tag-content",
|
151
|
-
style: {
|
152
|
-
maxWidth: "calc(" + tagMaxWidth + " - 20px)"
|
153
|
-
}
|
154
|
-
}, title === true ? option.title : title), /*#__PURE__*/React__default['default'].createElement("span", {
|
155
|
-
className: prefixCls + "__tag-closed",
|
156
|
-
onClick: function onClick(evt) {
|
157
|
-
if (disabled) return;
|
158
|
-
evt.stopPropagation();
|
159
|
-
var nextValue = [].concat(value).filter(function (id) {
|
160
|
-
return id !== option.id;
|
161
|
-
});
|
162
|
-
tryChangeValue(nextValue);
|
163
|
-
}
|
164
|
-
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)));
|
165
|
-
})), leftCount > 0 ? /*#__PURE__*/React__default['default'].createElement("span", {
|
166
|
-
className: classname.cx(prefixCls + "__tag--left")
|
167
|
-
}, "+" + leftCount) : null) : /*#__PURE__*/React__default['default'].createElement("span", {
|
168
|
-
className: prefixCls + "__placeholder"
|
169
|
-
}, placeholder), suffix || showClearableIcon ? /*#__PURE__*/React__default['default'].createElement("span", {
|
170
|
-
className: prefixCls + "__suffix"
|
171
|
-
}, showClearableIcon && hover ? /*#__PURE__*/React__default['default'].createElement("span", {
|
172
|
-
className: prefixCls + "__clear",
|
173
|
-
role: "button",
|
174
|
-
tabIndex: -1,
|
175
|
-
onClick: handleClear
|
176
|
-
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null)) : suffix) : null);
|
177
|
-
});
|
178
|
-
|
179
|
-
if (env.__DEV__) {
|
180
|
-
TagInput.displayName = 'TagInput';
|
181
|
-
}
|
182
|
-
|
183
|
-
exports.TagInput = TagInput;
|
184
|
-
//# sourceMappingURL=TagInput.js.map
|
package/lib/cjs/TagInput.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TagInput.js","sources":["../../src/TagInput.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInput","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","wrap","clearable","disabled","displayRender","suffix","rest","flattedData","useMemo","flattenTreeData","useUncontrolledState","tryChangeValue","showData","filter","item","checkable","indexOf","id","tagSelector","tagInputRef","useRef","useTagInput","tagMaxWidth","showTagCount","leftCount","handleClear","useCallback","evt","stopPropagation","useState","hover","setHover","trySetHover","hovered","showClearableIcon","length","cls","cx","React","useMergeRefs","onMouseOver","e","onMouseLeave","times","index","option","title","key","style","maxWidth","onClick","nextValue","CloseOutlined","tabIndex","CloseCircleFilled","__DEV__","displayName"],"mappings":"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"}
|