@hi-ui/check-cascader 4.0.0-alpha.13 → 4.0.0-alpha.17
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/CheckCascader.js +1 -0
- package/lib/cjs/CheckCascader.js.map +1 -1
- package/lib/cjs/CheckCascaderPanel.js +24 -4
- package/lib/cjs/CheckCascaderPanel.js.map +1 -1
- package/lib/cjs/hooks/use-search.js +27 -14
- package/lib/cjs/hooks/use-search.js.map +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/esm/CheckCascader.js +1 -0
- package/lib/esm/CheckCascader.js.map +1 -1
- package/lib/esm/CheckCascaderPanel.js +26 -6
- package/lib/esm/CheckCascaderPanel.js.map +1 -1
- package/lib/esm/hooks/use-search.js +26 -15
- package/lib/esm/hooks/use-search.js.map +1 -1
- package/lib/esm/styles/index.scss.js +1 -1
- package/lib/types/hooks/use-search.d.ts +4 -0
- package/package.json +11 -11
package/lib/cjs/CheckCascader.js
CHANGED
@@ -118,6 +118,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
118
118
|
}
|
119
119
|
}), /*#__PURE__*/React__default['default'].createElement(popper.Popper, {
|
120
120
|
attachEl: targetElRef,
|
121
|
+
autoFocus: false,
|
121
122
|
visible: menuVisible,
|
122
123
|
onClose: menuVisibleAction.off,
|
123
124
|
// TODO: 是否从 props omit 所有 popper 相关的 props 应用到 Popper
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckCascader.js","sources":["../../src/CheckCascader.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascader","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","data","placeholder","clearable","onSelect","expandTrigger","searchable","disabled","emptyContent","changeOnSelect","titleRender","displayRender","checkCascaded","flatted","upMatch","searchPlaceholder","onLoadChildren","placement","wrap","rest","useUncontrolledState","tryChangeValue","useToggle","menuVisible","menuVisibleAction","useState","targetElRef","setTargetElRef","cls","cx","React","TagInput","suffix","DownOutlined","onClick","on","Popper","attachEl","visible","onClose","off","CheckCascaderPanel","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,KAAK,GAAG,gBAAd;;AACA,IAAMC,OAAO,GAAGC,sBAAAA,CAAaF,KAAbE,CAAhB;;AACA,IAAMC,UAAU,GAAG,EAAnB;AAEA;;;;IAGaC,aAAa,gBAAGC,gBAAAA,CAC3B,UACEC,EADF,EA4BEC,GA5BF;wBAEIC;MAAAA,sCAAYP;mBACZQ;MAAAA,4BAAOT;MACPU,eAAAA;2BACAC;MAAAA,4CAAeR;MACRS,eAAPC;MACAC,cAAAA;MACAC,UAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,cAAAA;MACAC,mBAAAA;MACAC,gBAAAA;MACAC,cAAAA;MACAC,kBAAAA;MACAC,oBAAAA;MACAC,iBAAAA;MACAC,mBAAAA;MACAC,mBAAAA;MACAC,aAAAA;MACAC,aAAAA;MACAC,uBAAAA;MACAC,oBAAAA;MACAC,eAAAA;MACAC,UAAAA;MACGC,wBAzBL,YAAA,QAAA,aAAA,gBAAA,SAAA,YAAA,QAAA,eAAA,aAAA,YAAA,iBAAA,cAAA,YAAA,gBAAA,kBAAA,eAAA,iBAAA,iBAAA,WAAA,WAAA,qBAAA,kBAAA,aAAA,QAAA;;8BA6BgCC,yCAAAA,CAAqBvB,YAArBuB,EAAmCtB,SAAnCsB,EAA8CpB,QAA9CoB;MAAzBrB,KAAP;MAAcsB,cAAd;;mBAEyCC,mBAAAA;MAAlCC,WAAP;MAAoBC,iBAApB;;kBAEsCC,cAAAA,CAA6B,IAA7BA;MAA/BC,WAAP;MAAoBC,cAApB;;MAEMC,GAAG,GAAGC,YAAAA,CAAGnC,SAAHmC,EAAcjC,SAAdiC,EAA4BnC,SAA1B,OAA0BA,IAAc6B,WAAW,GAAG,MAAH,GAAY,QAArC7B,CAA5BmC;sBAGVC,yBAAAA,cAAAA,MAAAA;AAAKrC,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEgC;KAAST,KAA/CW,eACEA,yBAAAA,cAAAA,CAACC,iBAADD;AACErC,IAAAA,GAAG,EAAEkC;AACL1B,IAAAA,IAAI,EAAEA;AACNF,IAAAA,KAAK,EAAEA;AACPC,IAAAA,QAAQ,EAAEqB;AACVd,IAAAA,QAAQ,EAAEA;AACVJ,IAAAA,SAAS,EAAEA;AACXD,IAAAA,WAAW,EAAEA;AACbS,IAAAA,aAAa,EAAEA;AACfO,IAAAA,IAAI,EAAEA;AACNc,IAAAA,MAAM,eAAEF,yBAAAA,cAAAA,CAACG,kBAADH;AAAclC,MAAAA,SAAS,EAAKF,SAAL;KAAvBoC;AACRI,IAAAA,OAAO,EAAE,gBAAA;UACH3B,UAAU;AACdiB,MAAAA,iBAAiB,CAACW,EAAlBX;;GAbJM,CADFA,eAiBEA,yBAAAA,cAAAA,CAACM,aAADN;AACEO,IAAAA,QAAQ,EAAEX;AACVY,IAAAA,OAAO,
|
1
|
+
{"version":3,"file":"CheckCascader.js","sources":["../../src/CheckCascader.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascader","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","data","placeholder","clearable","onSelect","expandTrigger","searchable","disabled","emptyContent","changeOnSelect","titleRender","displayRender","checkCascaded","flatted","upMatch","searchPlaceholder","onLoadChildren","placement","wrap","rest","useUncontrolledState","tryChangeValue","useToggle","menuVisible","menuVisibleAction","useState","targetElRef","setTargetElRef","cls","cx","React","TagInput","suffix","DownOutlined","onClick","on","Popper","attachEl","autoFocus","visible","onClose","off","CheckCascaderPanel","__DEV__","displayName"],"mappings":"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"}
|
@@ -134,19 +134,36 @@ var CheckCascaderPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
134
134
|
}, title);
|
135
135
|
if (typeof title !== 'string') return raw;
|
136
136
|
if (found) return raw;
|
137
|
-
var index =
|
137
|
+
var index = useSearch.matchStrategy(title, searchValue);
|
138
138
|
if (index === -1) return raw;
|
139
139
|
found = true;
|
140
|
+
var resultLength = searchValue.length;
|
140
141
|
var beforeStr = title.substr(0, index);
|
141
|
-
var
|
142
|
+
var resultStr = title.substr(index, searchValue.length);
|
143
|
+
var afterStr = title.substr(index + resultLength);
|
142
144
|
return /*#__PURE__*/React__default['default'].createElement("span", {
|
143
145
|
className: "title__text--col",
|
144
146
|
key: id
|
145
147
|
}, beforeStr, /*#__PURE__*/React__default['default'].createElement("span", {
|
146
148
|
className: "title__text--matched"
|
147
|
-
},
|
149
|
+
}, resultStr), afterStr);
|
148
150
|
}).reverse());
|
149
151
|
}, [titleRender, inSearch, inputProps.value]);
|
152
|
+
|
153
|
+
var _useState = React.useState(null),
|
154
|
+
inputElement = _useState[0],
|
155
|
+
setInputElement = _useState[1];
|
156
|
+
|
157
|
+
React.useEffect(function () {
|
158
|
+
if (!inputElement) return; // 临时方案,解决 input 无法正常 autoFocus
|
159
|
+
|
160
|
+
var timer = window.setTimeout(function () {
|
161
|
+
inputElement.focus();
|
162
|
+
}, 200);
|
163
|
+
return function () {
|
164
|
+
window.clearTimeout(timer);
|
165
|
+
};
|
166
|
+
}, [inputElement]);
|
150
167
|
var cls = classname.cx(prefixCls, className);
|
151
168
|
return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
152
169
|
ref: ref,
|
@@ -154,7 +171,10 @@ var CheckCascaderPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
154
171
|
className: cls
|
155
172
|
}, rest), searchable ? /*#__PURE__*/React__default['default'].createElement("div", {
|
156
173
|
className: prefixCls + "-search"
|
157
|
-
}, /*#__PURE__*/React__default['default'].createElement(Input__default['default']
|
174
|
+
}, /*#__PURE__*/React__default['default'].createElement(Input__default['default'] // @ts-ignore
|
175
|
+
, {
|
176
|
+
// @ts-ignore
|
177
|
+
ref: setInputElement,
|
158
178
|
appearance: "underline",
|
159
179
|
placeholder: placeholder,
|
160
180
|
prefix: /*#__PURE__*/React__default['default'].createElement(icons.SearchOutlined, null),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckCascaderPanel.js","sources":["../../src/CheckCascaderPanel.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascaderPanel","forwardRef","_a","ref","prefixCls","role","className","data","value","defaultValue","disabled","expandTrigger","changeOnSelect","checkCascaded","searchable","flatted","upMatch","emptyContent","placeholder","onChange","onSelect","titleRender","onLoadChildren","rest","useCache","cascaderData","setCascaderData","flattedData","useMemo","flattenTreeData","useSearch","inSearch","matchedNodes","inputProps","isEmpty","renderTitleWithSearch","useCallback","option","title","searchValue","found","React","cx","getNodeAncestors","map","item","id","raw","key","index","
|
1
|
+
{"version":3,"file":"CheckCascaderPanel.js","sources":["../../src/CheckCascaderPanel.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascaderPanel","forwardRef","_a","ref","prefixCls","role","className","data","value","defaultValue","disabled","expandTrigger","changeOnSelect","checkCascaded","searchable","flatted","upMatch","emptyContent","placeholder","onChange","onSelect","titleRender","onLoadChildren","rest","useCache","cascaderData","setCascaderData","flattedData","useMemo","flattenTreeData","useSearch","inSearch","matchedNodes","inputProps","isEmpty","renderTitleWithSearch","useCallback","option","title","searchValue","found","React","cx","getNodeAncestors","map","item","id","raw","key","index","matchStrategy","resultLength","length","beforeStr","substr","resultStr","afterStr","reverse","useState","inputElement","setInputElement","useEffect","timer","window","setTimeout","focus","clearTimeout","cls","Input","appearance","prefix","SearchOutlined","CheckCascaderMenus","onChangeData","__DEV__","displayName"],"mappings":"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"}
|
@@ -16,6 +16,8 @@ Object.defineProperty(exports, '__esModule', {
|
|
16
16
|
var React = require('react');
|
17
17
|
|
18
18
|
var useLatest = require('@hi-ui/use-latest');
|
19
|
+
|
20
|
+
var env = require('@hi-ui/env');
|
19
21
|
/**
|
20
22
|
* 支持搜索功能的 hook
|
21
23
|
*/
|
@@ -54,12 +56,8 @@ var useSearch = function useSearch(flattedData, upMatch) {
|
|
54
56
|
var getMatchedNodes = function getMatchedNodes(flattedData, searchValue) {
|
55
57
|
if (!searchValue) return [];
|
56
58
|
return flattedData.filter(function (node) {
|
57
|
-
|
58
|
-
|
59
|
-
if (typeof node.title !== 'string') return false;
|
60
|
-
if (!node.checkable) return false; // 匹配策略:`String.include`
|
61
|
-
|
62
|
-
return (_b = (_a = node.title).includes) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue);
|
59
|
+
if (!node.checkable) return false;
|
60
|
+
return matchStrategy(node.title, searchValue) !== -1;
|
63
61
|
});
|
64
62
|
};
|
65
63
|
/**
|
@@ -71,20 +69,17 @@ var getMatchedUpMatchNodes = function getMatchedUpMatchNodes(flattedData, search
|
|
71
69
|
if (!searchValue) return [];
|
72
70
|
var visitedResultSet = new Set();
|
73
71
|
return flattedData.filter(function (node) {
|
74
|
-
var _a, _b;
|
75
|
-
|
76
72
|
if (!node.checkable) return false;
|
77
73
|
|
78
74
|
while (node.parent) {
|
79
75
|
if (visitedResultSet.has(node.id)) {
|
80
76
|
return true;
|
81
|
-
}
|
77
|
+
} // TODO: 自定义用户搜索,比如查询 id,或者异步搜索
|
78
|
+
|
82
79
|
|
83
|
-
if (
|
84
|
-
|
85
|
-
|
86
|
-
return true;
|
87
|
-
}
|
80
|
+
if (matchStrategy(node.title, searchValue) !== -1) {
|
81
|
+
visitedResultSet.add(node.id);
|
82
|
+
return true;
|
88
83
|
}
|
89
84
|
|
90
85
|
node = node.parent;
|
@@ -93,6 +88,24 @@ var getMatchedUpMatchNodes = function getMatchedUpMatchNodes(flattedData, search
|
|
93
88
|
return false;
|
94
89
|
});
|
95
90
|
};
|
91
|
+
/**
|
92
|
+
* 返回 -1 表示匹配失败
|
93
|
+
*/
|
94
|
+
|
95
|
+
|
96
|
+
var matchStrategy = function matchStrategy(content, keyword) {
|
97
|
+
if (typeof content !== 'string') {
|
98
|
+
if (env.__DEV__) {
|
99
|
+
console.warn('Warning: must be string type when enable searchable.');
|
100
|
+
}
|
101
|
+
|
102
|
+
return -1;
|
103
|
+
} // 忽略大小写匹配
|
104
|
+
|
105
|
+
|
106
|
+
return content.toLowerCase().indexOf(keyword.toLowerCase());
|
107
|
+
};
|
96
108
|
|
109
|
+
exports.matchStrategy = matchStrategy;
|
97
110
|
exports.useSearch = useSearch;
|
98
111
|
//# 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","inputProps","onChange","isSearch","isEmpty","length","filter","node","
|
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,cAAAA,CAAS,EAATA;MAA/BC,WAAP;MAAoBC,cAApB;;mBACwCF,cAAAA,CAAqC,EAArCA;MAAjCG,YAAP;MAAqBC,eAArB;;MAEMC,cAAc,GAAGC,sBAAAA,CAAaR,WAAbQ;MAEjBC,YAAY,GAAGC,iBAAAA,CACnB,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,GAAXI,EAanB,CAACT,OAAD,CAbmBS;MAgBfQ,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,aAAS;AACXC,MAAAA,OAAO,CAACC,IAARD,CAAa,sDAAbA;;;WAEK,CAAC;;;;SAGHH,OAAO,CAACK,WAARL,GAAsBM,OAAtBN,CAA8BC,OAAO,CAACI,WAARJ,EAA9BD;;;;"}
|
@@ -12,7 +12,7 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
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.hi-v4-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n background-color: #f3f4f6;\n background-color: var(--hi-v4-color-gray-100, #f3f4f6); }\n.hi-v4-tag-input__placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: #f2f2f2;\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 2px 10px 2px 0;\n position: sticky;\n top: 0; }\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 {\n color: #333; }\n.hi-v4-check-cascader__suffix {\n font-size: 16px;\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n.hi-v4-check-cascader--open .hi-v4-check-cascader__suffix {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n.hi-v4-check-cascader--open .hi-v4-tag-input {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 10px; }\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 margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 14px;\n vertical-align: middle;\n list-style: none;\n width: auto;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n min-width: 160px;\n min-height: 160px;\n max-height: 260px;\n overflow: auto;\n padding-bottom: 10px; }\n.hi-v4-check-cascader-menu--checkable .title__text {\n padding-left: 24px; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n padding-left: 0; }\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 8px2px;\n padding: 0 var(--hi-v4-spacing-4, 8px)2px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n min-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.hi-v4-check-cascader-menu-option:hover {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe); }\n.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-menu-option--selected {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n font-weight: 700; }\n.hi-v4-check-cascader-menu-option--focused {\n background-color: #f7faff;\n background-color: var(--hi-v4-color-brandblue-50, #f7faff); }\n.hi-v4-check-cascader-menu-option--checked {\n font-weight: 700; }\n.hi-v4-check-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n font-weight: 400; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\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 margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 14px;\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: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #666; }\n.hi-v4-check-cascader-menu-switcher svg {\n width: 1em;\n height: 1em;\n fill: currentColor;\n stroke: currentColor;\n display: inline-block;\n vertical-align: -0.15em; }\n.hi-v4-check-cascader-menu-switcher--loading {\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\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";
|
15
|
+
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.hi-v4-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n background-color: #f3f4f6;\n background-color: var(--hi-v4-color-gray-100, #f3f4f6); }\n.hi-v4-tag-input__placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: #f2f2f2;\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 2px 10px 2px 0;\n position: sticky;\n top: 0; }\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 {\n color: #333; }\n.hi-v4-check-cascader__suffix {\n font-size: 16px;\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n.hi-v4-check-cascader--open .hi-v4-check-cascader__suffix {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n.hi-v4-check-cascader--open .hi-v4-tag-input {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 10px; }\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: 160px;\n min-height: 160px;\n max-height: 260px;\n overflow: auto;\n padding-bottom: 10px; }\n.hi-v4-check-cascader-menu--checkable .title__text {\n padding-left: 24px; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n padding-left: 0; }\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 8px2px;\n padding: 0 var(--hi-v4-spacing-4, 8px)2px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n min-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.hi-v4-check-cascader-menu-option:hover {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe); }\n.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-menu-option--selected {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n font-weight: 700; }\n.hi-v4-check-cascader-menu-option--focused {\n background-color: #f7faff;\n background-color: var(--hi-v4-color-brandblue-50, #f7faff); }\n.hi-v4-check-cascader-menu-option--checked {\n font-weight: 700; }\n.hi-v4-check-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n font-weight: 400; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\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: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #666; }\n.hi-v4-check-cascader-menu-switcher svg {\n width: 1em;\n height: 1em;\n fill: currentColor;\n stroke: currentColor;\n display: inline-block;\n vertical-align: -0.15em; }\n.hi-v4-check-cascader-menu-switcher--loading {\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\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";
|
16
16
|
|
17
17
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
18
18
|
|
package/lib/esm/CheckCascader.js
CHANGED
@@ -92,6 +92,7 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
92
92
|
}
|
93
93
|
}), /*#__PURE__*/React.createElement(Popper, {
|
94
94
|
attachEl: targetElRef,
|
95
|
+
autoFocus: false,
|
95
96
|
visible: menuVisible,
|
96
97
|
onClose: menuVisibleAction.off,
|
97
98
|
// TODO: 是否从 props omit 所有 popper 相关的 props 应用到 Popper
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckCascader.js","sources":["../../src/CheckCascader.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascader","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","data","placeholder","clearable","onSelect","expandTrigger","searchable","disabled","emptyContent","changeOnSelect","titleRender","displayRender","checkCascaded","flatted","upMatch","searchPlaceholder","onLoadChildren","placement","wrap","rest","useUncontrolledState","tryChangeValue","useToggle","menuVisible","menuVisibleAction","useState","targetElRef","setTargetElRef","cls","cx","React","TagInput","suffix","DownOutlined","onClick","on","Popper","attachEl","visible","onClose","off","CheckCascaderPanel","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,KAAK,GAAG,gBAAd;;AACA,IAAMC,OAAO,GAAGC,YAAY,CAACF,KAAD,CAA5B;;AACA,IAAMG,UAAU,GAAG,EAAnB;AAEA;;;;IAGaC,aAAa,gBAAGC,UAAU,CACrC,UACEC,EADF,EA4BEC,GA5BF;wBAEIC;MAAAA,sCAAYP;mBACZQ;MAAAA,4BAAOT;MACPU,eAAAA;2BACAC;MAAAA,4CAAeR;MACRS,eAAPC;MACAC,cAAAA;MACAC,UAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,cAAAA;MACAC,mBAAAA;MACAC,gBAAAA;MACAC,cAAAA;MACAC,kBAAAA;MACAC,oBAAAA;MACAC,iBAAAA;MACAC,mBAAAA;MACAC,mBAAAA;MACAC,aAAAA;MACAC,aAAAA;MACAC,uBAAAA;MACAC,oBAAAA;MACAC,eAAAA;MACAC,UAAAA;MACGC,kBAzBL,YAAA,QAAA,aAAA,gBAAA,SAAA,YAAA,QAAA,eAAA,aAAA,YAAA,iBAAA,cAAA,YAAA,gBAAA,kBAAA,eAAA,iBAAA,iBAAA,WAAA,WAAA,qBAAA,kBAAA,aAAA,QAAA;;8BA6BgCC,oBAAoB,CAACvB,YAAD,EAAeC,SAAf,EAA0BE,QAA1B;MAA7CD,KAAP;MAAcsB,cAAd;;mBAEyCC,SAAS;MAA3CC,WAAP;MAAoBC,iBAApB;;kBAEsCC,QAAQ,CAAqB,IAArB;MAAvCC,WAAP;MAAoBC,cAApB;;MAEMC,GAAG,GAAGC,EAAE,CAACnC,SAAD,EAAYE,SAAZ,EAA0BF,SAA1B,OAA0BA,IAAc6B,WAAW,GAAG,MAAH,GAAY,QAArC7B,CAA1B;sBAGZoC,mBAAAA,MAAAA;AAAKrC,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEgC;KAAST,KAA/CW,eACEA,mBAAAA,CAACC,QAADD;AACErC,IAAAA,GAAG,EAAEkC;AACL1B,IAAAA,IAAI,EAAEA;AACNF,IAAAA,KAAK,EAAEA;AACPC,IAAAA,QAAQ,EAAEqB;AACVd,IAAAA,QAAQ,EAAEA;AACVJ,IAAAA,SAAS,EAAEA;AACXD,IAAAA,WAAW,EAAEA;AACbS,IAAAA,aAAa,EAAEA;AACfO,IAAAA,IAAI,EAAEA;AACNc,IAAAA,MAAM,eAAEF,mBAAAA,CAACG,YAADH;AAAclC,MAAAA,SAAS,EAAKF,SAAL;KAAvBoC;AACRI,IAAAA,OAAO,EAAE,gBAAA;UACH3B,UAAU;AACdiB,MAAAA,iBAAiB,CAACW,EAAlBX;;GAbJM,CADFA,eAiBEA,mBAAAA,CAACM,MAADN;AACEO,IAAAA,QAAQ,EAAEX;AACVY,IAAAA,OAAO,
|
1
|
+
{"version":3,"file":"CheckCascader.js","sources":["../../src/CheckCascader.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascader","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","data","placeholder","clearable","onSelect","expandTrigger","searchable","disabled","emptyContent","changeOnSelect","titleRender","displayRender","checkCascaded","flatted","upMatch","searchPlaceholder","onLoadChildren","placement","wrap","rest","useUncontrolledState","tryChangeValue","useToggle","menuVisible","menuVisibleAction","useState","targetElRef","setTargetElRef","cls","cx","React","TagInput","suffix","DownOutlined","onClick","on","Popper","attachEl","autoFocus","visible","onClose","off","CheckCascaderPanel","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,KAAK,GAAG,gBAAd;;AACA,IAAMC,OAAO,GAAGC,YAAY,CAACF,KAAD,CAA5B;;AACA,IAAMG,UAAU,GAAG,EAAnB;AAEA;;;;IAGaC,aAAa,gBAAGC,UAAU,CACrC,UACEC,EADF,EA4BEC,GA5BF;wBAEIC;MAAAA,sCAAYP;mBACZQ;MAAAA,4BAAOT;MACPU,eAAAA;2BACAC;MAAAA,4CAAeR;MACRS,eAAPC;MACAC,cAAAA;MACAC,UAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,cAAAA;MACAC,mBAAAA;MACAC,gBAAAA;MACAC,cAAAA;MACAC,kBAAAA;MACAC,oBAAAA;MACAC,iBAAAA;MACAC,mBAAAA;MACAC,mBAAAA;MACAC,aAAAA;MACAC,aAAAA;MACAC,uBAAAA;MACAC,oBAAAA;MACAC,eAAAA;MACAC,UAAAA;MACGC,kBAzBL,YAAA,QAAA,aAAA,gBAAA,SAAA,YAAA,QAAA,eAAA,aAAA,YAAA,iBAAA,cAAA,YAAA,gBAAA,kBAAA,eAAA,iBAAA,iBAAA,WAAA,WAAA,qBAAA,kBAAA,aAAA,QAAA;;8BA6BgCC,oBAAoB,CAACvB,YAAD,EAAeC,SAAf,EAA0BE,QAA1B;MAA7CD,KAAP;MAAcsB,cAAd;;mBAEyCC,SAAS;MAA3CC,WAAP;MAAoBC,iBAApB;;kBAEsCC,QAAQ,CAAqB,IAArB;MAAvCC,WAAP;MAAoBC,cAApB;;MAEMC,GAAG,GAAGC,EAAE,CAACnC,SAAD,EAAYE,SAAZ,EAA0BF,SAA1B,OAA0BA,IAAc6B,WAAW,GAAG,MAAH,GAAY,QAArC7B,CAA1B;sBAGZoC,mBAAAA,MAAAA;AAAKrC,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEgC;KAAST,KAA/CW,eACEA,mBAAAA,CAACC,QAADD;AACErC,IAAAA,GAAG,EAAEkC;AACL1B,IAAAA,IAAI,EAAEA;AACNF,IAAAA,KAAK,EAAEA;AACPC,IAAAA,QAAQ,EAAEqB;AACVd,IAAAA,QAAQ,EAAEA;AACVJ,IAAAA,SAAS,EAAEA;AACXD,IAAAA,WAAW,EAAEA;AACbS,IAAAA,aAAa,EAAEA;AACfO,IAAAA,IAAI,EAAEA;AACNc,IAAAA,MAAM,eAAEF,mBAAAA,CAACG,YAADH;AAAclC,MAAAA,SAAS,EAAKF,SAAL;KAAvBoC;AACRI,IAAAA,OAAO,EAAE,gBAAA;UACH3B,UAAU;AACdiB,MAAAA,iBAAiB,CAACW,EAAlBX;;GAbJM,CADFA,eAiBEA,mBAAAA,CAACM,MAADN;AACEO,IAAAA,QAAQ,EAAEX;AACVY,IAAAA,SAAS,EAAE;AACXC,IAAAA,OAAO,EAAEhB;AACTiB,IAAAA,OAAO,EAAEhB,iBAAiB,CAACiB;;AAE3BxB,IAAAA,SAAS,EAAEA;GANba,eAQEA,mBAAAA,CAACY,kBAADZ;AACE/B,IAAAA,KAAK,EAAEA;AACPC,IAAAA,QAAQ,EAAEqB;KAEN;AACFpB,IAAAA,IAAI,EAAJA,IADE;AAEFG,IAAAA,QAAQ,EAARA,QAFE;AAGFC,IAAAA,aAAa,EAAbA,aAHE;AAIFC,IAAAA,UAAU,EAAVA,UAJE;AAKFC,IAAAA,QAAQ,EAARA,QALE;AAMFC,IAAAA,YAAY,EAAZA,YANE;AAOFC,IAAAA,cAAc,EAAdA,cAPE;AAQFC,IAAAA,WAAW,EAAXA,WARE;AASFE,IAAAA,aAAa,EAAbA,aATE;AAUFC,IAAAA,OAAO,EAAPA,OAVE;AAWFC,IAAAA,OAAO,EAAPA,OAXE;AAYFZ,IAAAA,WAAW,EAAEa,iBAZX;AAaFC,IAAAA,cAAc,EAAdA;AAbE,IAJNc,CARFA,CAjBFA;AAxCiC,CAAA;;AAmMvC,IAAIa,OAAJ,EAAa;AACXrD,EAAAA,aAAa,CAACsD,WAAdtD,GAA4B,eAA5BA;;;"}
|
@@ -8,11 +8,11 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import { __rest } from 'tslib';
|
11
|
-
import React, { forwardRef, useMemo, useCallback } from 'react';
|
11
|
+
import React, { forwardRef, useMemo, useCallback, useState, useEffect } from 'react';
|
12
12
|
import { getPrefixCls, cx } from '@hi-ui/classname';
|
13
13
|
import { __DEV__ } from '@hi-ui/env';
|
14
14
|
import Input from '@hi-ui/input';
|
15
|
-
import { useSearch } from './hooks/use-search.js';
|
15
|
+
import { useSearch, matchStrategy } from './hooks/use-search.js';
|
16
16
|
import '@hi-ui/use-check';
|
17
17
|
import '@hi-ui/use-uncontrolled-state';
|
18
18
|
import '@hi-ui/use-latest';
|
@@ -101,19 +101,36 @@ var CheckCascaderPanel = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
101
101
|
}, title);
|
102
102
|
if (typeof title !== 'string') return raw;
|
103
103
|
if (found) return raw;
|
104
|
-
var index = title
|
104
|
+
var index = matchStrategy(title, searchValue);
|
105
105
|
if (index === -1) return raw;
|
106
106
|
found = true;
|
107
|
+
var resultLength = searchValue.length;
|
107
108
|
var beforeStr = title.substr(0, index);
|
108
|
-
var
|
109
|
+
var resultStr = title.substr(index, searchValue.length);
|
110
|
+
var afterStr = title.substr(index + resultLength);
|
109
111
|
return /*#__PURE__*/React.createElement("span", {
|
110
112
|
className: "title__text--col",
|
111
113
|
key: id
|
112
114
|
}, beforeStr, /*#__PURE__*/React.createElement("span", {
|
113
115
|
className: "title__text--matched"
|
114
|
-
},
|
116
|
+
}, resultStr), afterStr);
|
115
117
|
}).reverse());
|
116
118
|
}, [titleRender, inSearch, inputProps.value]);
|
119
|
+
|
120
|
+
var _useState = useState(null),
|
121
|
+
inputElement = _useState[0],
|
122
|
+
setInputElement = _useState[1];
|
123
|
+
|
124
|
+
useEffect(function () {
|
125
|
+
if (!inputElement) return; // 临时方案,解决 input 无法正常 autoFocus
|
126
|
+
|
127
|
+
var timer = window.setTimeout(function () {
|
128
|
+
inputElement.focus();
|
129
|
+
}, 200);
|
130
|
+
return function () {
|
131
|
+
window.clearTimeout(timer);
|
132
|
+
};
|
133
|
+
}, [inputElement]);
|
117
134
|
var cls = cx(prefixCls, className);
|
118
135
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
119
136
|
ref: ref,
|
@@ -121,7 +138,10 @@ var CheckCascaderPanel = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
121
138
|
className: cls
|
122
139
|
}, rest), searchable ? /*#__PURE__*/React.createElement("div", {
|
123
140
|
className: prefixCls + "-search"
|
124
|
-
}, /*#__PURE__*/React.createElement(Input
|
141
|
+
}, /*#__PURE__*/React.createElement(Input // @ts-ignore
|
142
|
+
, {
|
143
|
+
// @ts-ignore
|
144
|
+
ref: setInputElement,
|
125
145
|
appearance: "underline",
|
126
146
|
placeholder: placeholder,
|
127
147
|
prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckCascaderPanel.js","sources":["../../src/CheckCascaderPanel.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascaderPanel","forwardRef","_a","ref","prefixCls","role","className","data","value","defaultValue","disabled","expandTrigger","changeOnSelect","checkCascaded","searchable","flatted","upMatch","emptyContent","placeholder","onChange","onSelect","titleRender","onLoadChildren","rest","useCache","cascaderData","setCascaderData","flattedData","useMemo","flattenTreeData","useSearch","inSearch","matchedNodes","inputProps","isEmpty","renderTitleWithSearch","useCallback","option","title","searchValue","found","React","cx","getNodeAncestors","map","item","id","raw","key","index","
|
1
|
+
{"version":3,"file":"CheckCascaderPanel.js","sources":["../../src/CheckCascaderPanel.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascaderPanel","forwardRef","_a","ref","prefixCls","role","className","data","value","defaultValue","disabled","expandTrigger","changeOnSelect","checkCascaded","searchable","flatted","upMatch","emptyContent","placeholder","onChange","onSelect","titleRender","onLoadChildren","rest","useCache","cascaderData","setCascaderData","flattedData","useMemo","flattenTreeData","useSearch","inSearch","matchedNodes","inputProps","isEmpty","renderTitleWithSearch","useCallback","option","title","searchValue","found","React","cx","getNodeAncestors","map","item","id","raw","key","index","matchStrategy","resultLength","length","beforeStr","substr","resultStr","afterStr","reverse","useState","inputElement","setInputElement","useEffect","timer","window","setTimeout","focus","clearTimeout","cls","Input","appearance","prefix","SearchOutlined","CheckCascaderMenus","onChangeData","__DEV__","displayName"],"mappings":"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"}
|
@@ -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
|
*/
|
@@ -46,12 +47,8 @@ var useSearch = function useSearch(flattedData, upMatch) {
|
|
46
47
|
var getMatchedNodes = function getMatchedNodes(flattedData, searchValue) {
|
47
48
|
if (!searchValue) return [];
|
48
49
|
return flattedData.filter(function (node) {
|
49
|
-
|
50
|
-
|
51
|
-
if (typeof node.title !== 'string') return false;
|
52
|
-
if (!node.checkable) return false; // 匹配策略:`String.include`
|
53
|
-
|
54
|
-
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;
|
55
52
|
});
|
56
53
|
};
|
57
54
|
/**
|
@@ -63,20 +60,17 @@ var getMatchedUpMatchNodes = function getMatchedUpMatchNodes(flattedData, search
|
|
63
60
|
if (!searchValue) return [];
|
64
61
|
var visitedResultSet = new Set();
|
65
62
|
return flattedData.filter(function (node) {
|
66
|
-
var _a, _b;
|
67
|
-
|
68
63
|
if (!node.checkable) return false;
|
69
64
|
|
70
65
|
while (node.parent) {
|
71
66
|
if (visitedResultSet.has(node.id)) {
|
72
67
|
return true;
|
73
|
-
}
|
68
|
+
} // TODO: 自定义用户搜索,比如查询 id,或者异步搜索
|
69
|
+
|
74
70
|
|
75
|
-
if (
|
76
|
-
|
77
|
-
|
78
|
-
return true;
|
79
|
-
}
|
71
|
+
if (matchStrategy(node.title, searchValue) !== -1) {
|
72
|
+
visitedResultSet.add(node.id);
|
73
|
+
return true;
|
80
74
|
}
|
81
75
|
|
82
76
|
node = node.parent;
|
@@ -85,6 +79,23 @@ var getMatchedUpMatchNodes = function getMatchedUpMatchNodes(flattedData, search
|
|
85
79
|
return false;
|
86
80
|
});
|
87
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
|
+
};
|
88
99
|
|
89
|
-
export { useSearch };
|
100
|
+
export { matchStrategy, useSearch };
|
90
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","inputProps","onChange","isSearch","isEmpty","length","filter","node","
|
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 = "@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-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n background-color: #f3f4f6;\n background-color: var(--hi-v4-color-gray-100, #f3f4f6); }\n.hi-v4-tag-input__placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: #f2f2f2;\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 2px 10px 2px 0;\n position: sticky;\n top: 0; }\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 {\n color: #333; }\n.hi-v4-check-cascader__suffix {\n font-size: 16px;\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n.hi-v4-check-cascader--open .hi-v4-check-cascader__suffix {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n.hi-v4-check-cascader--open .hi-v4-tag-input {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 10px; }\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 margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 14px;\n vertical-align: middle;\n list-style: none;\n width: auto;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n min-width: 160px;\n min-height: 160px;\n max-height: 260px;\n overflow: auto;\n padding-bottom: 10px; }\n.hi-v4-check-cascader-menu--checkable .title__text {\n padding-left: 24px; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n padding-left: 0; }\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 8px2px;\n padding: 0 var(--hi-v4-spacing-4, 8px)2px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n min-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.hi-v4-check-cascader-menu-option:hover {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe); }\n.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-menu-option--selected {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n font-weight: 700; }\n.hi-v4-check-cascader-menu-option--focused {\n background-color: #f7faff;\n background-color: var(--hi-v4-color-brandblue-50, #f7faff); }\n.hi-v4-check-cascader-menu-option--checked {\n font-weight: 700; }\n.hi-v4-check-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n font-weight: 400; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\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 margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 14px;\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: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #666; }\n.hi-v4-check-cascader-menu-switcher svg {\n width: 1em;\n height: 1em;\n fill: currentColor;\n stroke: currentColor;\n display: inline-block;\n vertical-align: -0.15em; }\n.hi-v4-check-cascader-menu-switcher--loading {\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\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";
|
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.hi-v4-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n background-color: #f3f4f6;\n background-color: var(--hi-v4-color-gray-100, #f3f4f6); }\n.hi-v4-tag-input__placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: #f2f2f2;\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 2px 10px 2px 0;\n position: sticky;\n top: 0; }\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 {\n color: #333; }\n.hi-v4-check-cascader__suffix {\n font-size: 16px;\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n.hi-v4-check-cascader--open .hi-v4-check-cascader__suffix {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n.hi-v4-check-cascader--open .hi-v4-tag-input {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 10px; }\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: 160px;\n min-height: 160px;\n max-height: 260px;\n overflow: auto;\n padding-bottom: 10px; }\n.hi-v4-check-cascader-menu--checkable .title__text {\n padding-left: 24px; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n padding-left: 0; }\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 8px2px;\n padding: 0 var(--hi-v4-spacing-4, 8px)2px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n min-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.hi-v4-check-cascader-menu-option:hover {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe); }\n.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-menu-option--selected {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n font-weight: 700; }\n.hi-v4-check-cascader-menu-option--focused {\n background-color: #f7faff;\n background-color: var(--hi-v4-color-brandblue-50, #f7faff); }\n.hi-v4-check-cascader-menu-option--checked {\n font-weight: 700; }\n.hi-v4-check-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n font-weight: 400; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\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: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #666; }\n.hi-v4-check-cascader-menu-switcher svg {\n width: 1em;\n height: 1em;\n fill: currentColor;\n stroke: currentColor;\n display: inline-block;\n vertical-align: -0.15em; }\n.hi-v4-check-cascader-menu-switcher--loading {\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\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
|
|
@@ -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.17",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
@@ -43,21 +43,21 @@
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
|
-
"@hi-ui/checkbox": "^4.0.0-alpha.
|
46
|
+
"@hi-ui/checkbox": "^4.0.0-alpha.14",
|
47
47
|
"@hi-ui/classname": "^4.0.0-alpha.2",
|
48
|
-
"@hi-ui/core-css": "^4.0.0-alpha.
|
48
|
+
"@hi-ui/core-css": "^4.0.0-alpha.5",
|
49
49
|
"@hi-ui/env": "^4.0.0-alpha.3",
|
50
|
-
"@hi-ui/icons": "^4.0.0-alpha.
|
51
|
-
"@hi-ui/input": "^4.0.0-alpha.
|
52
|
-
"@hi-ui/popper": "^4.0.0-alpha.
|
50
|
+
"@hi-ui/icons": "^4.0.0-alpha.12",
|
51
|
+
"@hi-ui/input": "^4.0.0-alpha.16",
|
52
|
+
"@hi-ui/popper": "^4.0.0-alpha.10",
|
53
53
|
"@hi-ui/times": "^4.0.0-alpha.2",
|
54
54
|
"@hi-ui/tree-utils": "^4.0.0-alpha.3",
|
55
|
-
"@hi-ui/use-check": "^4.0.0-alpha.
|
55
|
+
"@hi-ui/use-check": "^4.0.0-alpha.9",
|
56
56
|
"@hi-ui/use-latest": "^4.0.0-alpha.2",
|
57
57
|
"@hi-ui/use-merge-refs": "^4.0.0-alpha.2",
|
58
|
-
"@hi-ui/use-outside-click": "^4.0.0-alpha.
|
59
|
-
"@hi-ui/use-toggle": "^4.0.0-alpha.
|
60
|
-
"@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.
|
58
|
+
"@hi-ui/use-outside-click": "^4.0.0-alpha.5",
|
59
|
+
"@hi-ui/use-toggle": "^4.0.0-alpha.5",
|
60
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.7",
|
61
61
|
"@popperjs/core": "^2.9.3",
|
62
62
|
"react-popper": "^2.2.5"
|
63
63
|
},
|
@@ -70,5 +70,5 @@
|
|
70
70
|
"react": "^17.0.1",
|
71
71
|
"react-dom": "^17.0.1"
|
72
72
|
},
|
73
|
-
"gitHead": "
|
73
|
+
"gitHead": "a3b15b79bb08d15f45212c851a1c93ba5bf0d7c0"
|
74
74
|
}
|