@hi-ui/check-select 4.0.0-alpha.5 → 4.0.0-alpha.9
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/CheckSelect.js +122 -38
- package/lib/cjs/CheckSelect.js.map +1 -1
- package/lib/cjs/context.js +7 -7
- package/lib/cjs/context.js.map +1 -1
- package/lib/cjs/hooks/use-search.js +83 -10
- package/lib/cjs/hooks/use-search.js.map +1 -1
- package/lib/cjs/index.js +2 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/cjs/use-check-select.js +40 -23
- package/lib/cjs/use-check-select.js.map +1 -1
- package/lib/cjs/utils/type-assertion/lib/esm/index.js +42 -0
- package/lib/cjs/utils/type-assertion/lib/esm/index.js.map +1 -0
- package/lib/esm/CheckSelect.js +120 -40
- package/lib/esm/CheckSelect.js.map +1 -1
- package/lib/esm/context.js +6 -6
- package/lib/esm/context.js.map +1 -1
- package/lib/esm/hooks/use-search.js +82 -10
- package/lib/esm/hooks/use-search.js.map +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/esm/styles/index.scss.js +1 -1
- package/lib/esm/use-check-select.js +40 -23
- package/lib/esm/use-check-select.js.map +1 -1
- package/lib/esm/utils/type-assertion/lib/esm/index.js +33 -0
- package/lib/esm/utils/type-assertion/lib/esm/index.js.map +1 -0
- package/lib/types/CheckSelect.d.ts +38 -34
- package/lib/types/context.d.ts +10 -532
- package/lib/types/hooks/index.d.ts +0 -1
- package/lib/types/hooks/use-search.d.ts +2 -2
- package/lib/types/types.d.ts +16 -5
- package/lib/types/use-check-select.d.ts +65 -269
- package/package.json +13 -12
- package/lib/types/hooks/use-cache.d.ts +0 -8
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-check-select.js","sources":["../../src/use-check-select.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","useCheckSelect","_a","data","dataProp","children","disabled","valueProp","value","defaultValue","onChangeProp","onChange","onSelect","emptyContent","searchPlaceholder","titleRender","rest","useMemo","list","toArray","arr","
|
1
|
+
{"version":3,"file":"use-check-select.js","sources":["../../src/use-check-select.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","useCheckSelect","_a","data","dataProp","children","disabled","valueProp","value","defaultValue","onChangeProp","onChange","onSelect","emptyContent","searchPlaceholder","filter","titleRender","rest","useMemo","dfs","child","list","toArray","arr","forEach","item","React","isValidElement","type","HiName","props","option","id","title","rootProps","push","label","optGroup","groupTitle","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","proxyTryChangeValue","useCallback","shouldChecked","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isSelectedId","useSearch","inSearch","matchedItems","inputProps","isEmpty","resetSearch","getSearchInputProps","placeholder"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,UAAU,GAAG,EAAnB;AACA,IAAMC,UAAU,GAAG,EAAnB;;IAEaC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,EAAD;mBAC5BC;MAAMC,gCAAWL;MACjBM,cAAAA;uBACAC;MAAAA,oCAAW;MACJC,eAAPC;2BACAC;MAAAA,4CAAeT;MACLU,kBAAVC;MACAC,cAAAA;2BACAC;MAAAA,4CAAe;MACfC,uBAAAA;MACAC,YAAAA;MACAC,iBAAAA;MACGC,wBAZ0B,OAAA,YAAA,YAAA,SAAA,gBAAA,YAAA,YAAA,gBAAA,qBAAA,UAAA,eAAA;;MAcvBd,IAAI,GAAGe,aAAAA,CAAQ;QACfb,UAAU;UACNc,GAAG,GAAG,SAANA,GAAM,CAACC,KAAD;YACJC,IAAI,GAAGC,mBAAAA,CAAQF,KAARE;YACPC,GAAG,GAAU;AAEnBF,QAAAA,IAAI,CAACG,OAALH,CAAa,UAACI,IAAD;cACP,eAACC,yBAAAA,CAAMC,cAAND,CAAqBD,IAArBC,GAA4B;;cAG7BD,IAAI,CAACG,IAALH,CAAUI,MAAVJ,KAAqB,qBAAqB;gBACpCK,KAAR,GAAkBL,IAAlB,CAAQK;;gBACAtB,MAAR,GAA2DsB,KAA3D,CAAQtB;gBAAOH,SAAf,GAA2DyB,KAA3D,CAAezB;gBAAUC,SAAzB,GAA2DwB,KAA3D,CAAyBxB;gBAAyBW,KAAlD,gBAA2Da,OAArD,QAAA,YAAA,YAAA,cAAA;;gBACAC,MAAM,GAAG;AACbC,cAAAA,EAAE,EAAExB,MADS;AAEbyB,cAAAA,KAAK,EAAE5B,SAFM;AAGbC,cAAAA,QAAQ,EAAEA,SAHG;AAIb4B,cAAAA,SAAS,EAAEjB;AAJE;AAMfM,YAAAA,GAAG,CAACY,IAAJZ,CAASQ,MAATR,EAT4C;AAA9C,iBAWO,IAAIE,IAAI,CAACG,IAALH,CAAUI,MAAVJ,KAAqB,wBAAzB,EAAmD;gBAChDK,MAAR,GAAkBL,IAAlB,CAAQK;;gBACAM,KAAR,GAAqCN,MAArC,CAAQM;gBAAO/B,UAAf,GAAqCyB,MAArC,CAAezB;gBAAaY,MAA5B,gBAAqCa,QAA/B,QAAA,YAAA;;gBAEAO,QAAQ,GAAG;AACfC,cAAAA,UAAU,EAAEF,KADG;AAEf/B,cAAAA,QAAQ,EAAE,EAFK;AAGf6B,cAAAA,SAAS,EAAEjB;AAHI,cAJuC;;gBAWpDZ,YAAU;;AAEZgC,cAAAA,QAAQ,CAAChC,QAATgC,GAAoBlB,GAAG,CAACd,UAAD,CAAvBgC;;;AAGFd,YAAAA,GAAG,CAACY,IAAJZ,CAASc,QAATd;;AA/BJ,SAAAF;eAmCOE;AAvCT;;aA0COJ,GAAG,CAACd,QAAD;;;WAELD;AA9CW,GAAPc,EA+CV,CAACb,QAAD,EAAWD,QAAX,CA/CUc;;8BAiDmBqB,yCAAAA,CAAqB9B,YAArB8B,EAAmChC,SAAnCgC,EAA8C7B,YAA9C6B;MAAzB/B,KAAP;MAAcgC,cAAd;;MAEMC,cAAc,GAAGC,2BAAAA,CAAkB9B,QAAlB8B;MAEjBC,mBAAmB,GAAGC,iBAAAA,CAC1B,UAACpC,KAAD,EAA2BiB,IAA3B,EAAwDoB,aAAxD;AACEL,IAAAA,cAAc,CAAChC,KAAD,EAAQiB,IAAR,EAAcoB,aAAd,CAAdL;AACAC,IAAAA,cAAc,CAACjC,KAAD,EAAQiB,IAAR,EAAcoB,aAAd,CAAdJ;AAHmC,GAAXG,EAK1B,CAACJ,cAAD,EAAiBC,cAAjB,CAL0BG;;yBAQUE,iBAAAA,CAAgB;AACpDxC,IAAAA,QAAQ,EAARA,QADoD;AAEpDyC,IAAAA,UAAU,EAAEvC,KAFwC;AAGpDwC,IAAAA,OAAO,EAAEL,mBAH2C;AAIpDM,IAAAA,UAAU,EAAVA;AAJoD,GAAhBH;MAA/BI,aAAP;MAAsBC,YAAtB;;mBAOmEC,mBAAAA,CAAUjD,IAAViD,EAAgBrC,MAAhBqC;MAA5DC,QAAP;MAAiBC,YAAjB;MAA+BC,UAA/B;MAA2CC,OAA3C;MAAoDC,WAApD;;MAEMC,mBAAmB,GAAGd,iBAAAA,CAC1B;WAAO;AACLe,MAAAA,WAAW,EAAE7C,iBADR;AAELN,MAAAA,KAAK,EAAE+C,UAAU,CAAC/C,KAFb;AAGLG,MAAAA,QAAQ,EAAE4C,UAAU,CAAC5C;AAHhB;AAD8B,GAAXiC,EAM1B,CAAC9B,iBAAD,EAAoByC,UAApB,CAN0BX;SASrB;AACLV,IAAAA,SAAS,EAAEjB,IADN;AAELd,IAAAA,IAAI,EAAEkD,QAAQ,GAAGC,YAAH,GAAkBnD,IAF3B;AAGLK,IAAAA,KAAK,EAALA,KAHK;AAILI,IAAAA,QAAQ,EAAEsC,aAJL;AAKLC,IAAAA,YAAY,EAAZA,YALK;AAMLtC,IAAAA,YAAY,EAAZA,YANK;AAOL6C,IAAAA,mBAAmB,EAAnBA,mBAPK;AAQLlB,IAAAA,cAAc,EAAdA,cARK;AASLgB,IAAAA,OAAO,EAAPA,OATK;AAULC,IAAAA,WAAW,EAAXA,WAVK;AAWLzC,IAAAA,WAAW,EAAXA;AAXK;;;AAgFT,IAAMiC,UAAU,GAAG,SAAbA,UAAa,CAAClB,MAAD;SAAiB,CAACA,MAAM,CAACzB;AAA5C,CAAA;;"}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
/** @LICENSE
|
2
|
+
* @hi-ui/check-select
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-select#readme
|
4
|
+
*
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
6
|
+
*
|
7
|
+
* This source code is licensed under the MIT license found in the
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
9
|
+
*/
|
10
|
+
'use strict';
|
11
|
+
|
12
|
+
Object.defineProperty(exports, '__esModule', {
|
13
|
+
value: true
|
14
|
+
});
|
15
|
+
|
16
|
+
require('@babel/runtime/helpers/esm/typeof');
|
17
|
+
/**
|
18
|
+
* Assert is an array
|
19
|
+
*/
|
20
|
+
|
21
|
+
|
22
|
+
var isArray = Array.isArray;
|
23
|
+
/**
|
24
|
+
* Assert is an array and `array.length > 0`
|
25
|
+
*/
|
26
|
+
|
27
|
+
var isArrayNonEmpty = function isArrayNonEmpty(arg) {
|
28
|
+
return isArray(arg) && arg.length > 0;
|
29
|
+
};
|
30
|
+
/**
|
31
|
+
* Assert is function
|
32
|
+
*/
|
33
|
+
|
34
|
+
|
35
|
+
var isFunction = function isFunction(arg) {
|
36
|
+
return typeof arg === 'function';
|
37
|
+
};
|
38
|
+
|
39
|
+
exports.isArray = isArray;
|
40
|
+
exports.isArrayNonEmpty = isArrayNonEmpty;
|
41
|
+
exports.isFunction = isFunction;
|
42
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../../utils/type-assertion/lib/esm/index.js"],"sourcesContent":["import _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/** @LICENSE\n * @hi-ui/type-assertion\n * https://github.com/XiaoMi/hiui/tree/master/packages/utils/type-assertion#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Assert is Nullish\n */\nvar isNullish = function isNullish(arg) {\n return arg === null || arg === undefined;\n};\n/**\n * Assert is an objectLike\n * TODO: Assert the return type\n */\n\n\nvar isObjectLike = function isObjectLike(arg) {\n return !!arg && _typeof(arg) === 'object';\n};\n/**\n * Assert is an object\n */\n\n\nvar isObject = function isObject(arg) {\n return isObjectLike(arg) && arg.constructor === Object;\n};\n/**\n * Assert is a dom element\n */\n\n\nvar isElement = function isElement(arg) {\n return isObjectLike(arg) && arg.constructor !== Object && arg.nodeType === 1;\n};\n/**\n * Assert is an Promise\n */\n\n\nvar isPromise = function isPromise(arg) {\n return (isObjectLike(arg) || typeof arg === 'function') && typeof arg.then === 'function';\n};\n/**\n * Assert is an array\n */\n\n\nvar isArray = Array.isArray;\n/**\n * Assert is an array and `array.length > 0`\n */\n\nvar isArrayNonEmpty = function isArrayNonEmpty(arg) {\n return isArray(arg) && arg.length > 0;\n};\n/**\n * Assert is numeric\n */\n\n\nvar isNumeric = function isNumeric(arg) {\n return !Number.isNaN(Number(arg));\n};\n/**\n * Assert is function\n */\n\n\nvar isFunction = function isFunction(arg) {\n return typeof arg === 'function';\n};\n\nexport { isArray, isArrayNonEmpty, isElement, isFunction, isNullish, isNumeric, isObject, isPromise };\n//# sourceMappingURL=index.js.map\n"],"names":["isArray","Array","isArrayNonEmpty","arg","isFunction"],"mappings":";;;;;;;;;;;;;;;;AAiCA;;;;;IAGaA,OAAO,GAAoCC,KAAK,CAACD;AAE9D;;;;IAGaE,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,GAAA,EAAA;SAAiCH,OAAO,CAAPA,GAAO,CAAPA,IAAgBG,GAAG,CAAHA,MAAAA,GAAa;;AAO7F;;;;;IAGaC,UAAU,GAAG,SAAbA,UAAa,CAAAD,GAAA,EAAA;SACxB,OAAAA,GAAA,KAAe;;;;;"}
|
package/lib/esm/CheckSelect.js
CHANGED
@@ -8,18 +8,19 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import { __rest } from 'tslib';
|
11
|
-
import React, { forwardRef, useState, useCallback } from 'react';
|
11
|
+
import React, { forwardRef, useState, useCallback, useMemo } 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 { useToggle } from '@hi-ui/use-toggle';
|
16
15
|
import { useCheckSelect } from './use-check-select.js';
|
17
16
|
import Popper from '@hi-ui/popper';
|
18
17
|
import { DownOutlined, SearchOutlined } from '@hi-ui/icons';
|
19
|
-
import {
|
18
|
+
import { CheckSelectProvider, useCheckSelectContext } from './context.js';
|
20
19
|
import { useLatestCallback } from '@hi-ui/use-latest';
|
21
20
|
import Checkbox from '@hi-ui/checkbox';
|
22
|
-
import { TagInput } from '@hi-ui/tag-input';
|
21
|
+
import { TagInput, TagInputMock } from '@hi-ui/tag-input';
|
22
|
+
import { isFunction } from './utils/type-assertion/lib/esm/index.js';
|
23
|
+
import VirtualList from 'rc-virtual-list';
|
23
24
|
var _role = 'check-select';
|
24
25
|
|
25
26
|
var _prefix = getPrefixCls(_role);
|
@@ -41,36 +42,53 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
41
42
|
clearable = _a$clearable === void 0 ? false : _a$clearable,
|
42
43
|
_a$searchable = _a.searchable,
|
43
44
|
searchable = _a$searchable === void 0 ? false : _a$searchable,
|
45
|
+
_a$wrap = _a.wrap,
|
46
|
+
wrap = _a$wrap === void 0 ? true : _a$wrap,
|
44
47
|
placeholder = _a.placeholder,
|
45
48
|
displayRenderProp = _a.displayRender,
|
46
49
|
onSelectProp = _a.onSelect,
|
50
|
+
height = _a.height,
|
51
|
+
_a$itemHeight = _a.itemHeight,
|
52
|
+
itemHeight = _a$itemHeight === void 0 ? 40 : _a$itemHeight,
|
53
|
+
_a$virtual = _a.virtual,
|
54
|
+
virtual = _a$virtual === void 0 ? true : _a$virtual,
|
47
55
|
popper = _a.popper,
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
menuVisible = _useToggle[0],
|
52
|
-
menuVisibleAction = _useToggle[1];
|
56
|
+
onOpen = _a.onOpen,
|
57
|
+
onClose = _a.onClose,
|
58
|
+
rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "searchable", "invalid", "wrap", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "popper", "onOpen", "onClose"]);
|
53
59
|
|
54
60
|
var _useState = useState(null),
|
55
61
|
targetElRef = _useState[0],
|
56
62
|
setTargetElRef = _useState[1];
|
57
63
|
|
64
|
+
var _useState2 = useState(false),
|
65
|
+
menuVisible = _useState2[0],
|
66
|
+
setMenuVisible = _useState2[1];
|
67
|
+
|
68
|
+
var onOpenLatest = useLatestCallback(onOpen);
|
69
|
+
var onCloseLatest = useLatestCallback(onClose);
|
70
|
+
var closeMenu = useCallback(function () {
|
71
|
+
if (disabled) return;
|
72
|
+
setMenuVisible(false);
|
73
|
+
onOpenLatest();
|
74
|
+
}, [disabled, onOpenLatest]);
|
58
75
|
var openMenu = useCallback(function () {
|
59
76
|
if (disabled) return;
|
60
|
-
|
61
|
-
|
62
|
-
|
77
|
+
setMenuVisible(true);
|
78
|
+
onCloseLatest();
|
79
|
+
}, [disabled, onCloseLatest]);
|
63
80
|
var displayRender = useCallback(function (item) {
|
64
|
-
if (displayRenderProp) {
|
81
|
+
if (isFunction(displayRenderProp)) {
|
65
82
|
return displayRenderProp(item);
|
66
83
|
}
|
67
84
|
|
68
85
|
return item.title;
|
69
|
-
}, [displayRenderProp]);
|
86
|
+
}, [displayRenderProp]);
|
87
|
+
var onSelectLatest = useLatestCallback(onSelectProp);
|
70
88
|
|
71
89
|
var _b = useCheckSelect(Object.assign(Object.assign({}, rest), {
|
72
|
-
|
73
|
-
|
90
|
+
children: children,
|
91
|
+
onSelect: onSelectLatest
|
74
92
|
})),
|
75
93
|
rootProps = _b.rootProps,
|
76
94
|
context = __rest(_b, ["rootProps"]);
|
@@ -78,14 +96,31 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
78
96
|
var value = context.value,
|
79
97
|
tryChangeValue = context.tryChangeValue,
|
80
98
|
selectData = context.data;
|
81
|
-
var
|
82
|
-
|
99
|
+
var virtualData = useMemo(function () {
|
100
|
+
return selectData.reduce(function (acc, cur, index) {
|
101
|
+
if ('groupTitle' in cur) {
|
102
|
+
acc.push({
|
103
|
+
id: "group-" + index,
|
104
|
+
groupTitle: cur.groupTitle,
|
105
|
+
rootProps: cur.rootProps
|
106
|
+
});
|
107
|
+
return acc.concat(cur.children);
|
108
|
+
}
|
109
|
+
|
110
|
+
acc.push(cur);
|
111
|
+
return acc;
|
112
|
+
}, []);
|
113
|
+
}, [selectData]);
|
114
|
+
var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed')); // TODO: tagInput 内部支持支持多种模式切换
|
115
|
+
|
116
|
+
var TagInput$1 = wrap ? TagInput : TagInputMock;
|
117
|
+
return /*#__PURE__*/React.createElement(CheckSelectProvider, {
|
83
118
|
value: context
|
84
119
|
}, /*#__PURE__*/React.createElement("div", Object.assign({
|
85
120
|
ref: ref,
|
86
121
|
role: role,
|
87
122
|
className: cls
|
88
|
-
}, rootProps), /*#__PURE__*/React.createElement(TagInput, {
|
123
|
+
}, rootProps), /*#__PURE__*/React.createElement(TagInput$1, {
|
89
124
|
ref: setTargetElRef,
|
90
125
|
onClick: openMenu,
|
91
126
|
disabled: disabled,
|
@@ -93,20 +128,30 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
93
128
|
placeholder: placeholder,
|
94
129
|
data: selectData,
|
95
130
|
value: value,
|
131
|
+
wrap: wrap,
|
96
132
|
onChange: tryChangeValue,
|
97
133
|
displayRender: displayRender,
|
98
134
|
suffix: /*#__PURE__*/React.createElement(DownOutlined, null)
|
99
135
|
}), /*#__PURE__*/React.createElement(Popper, Object.assign({}, popper, {
|
100
136
|
attachEl: targetElRef,
|
101
137
|
visible: menuVisible,
|
102
|
-
onClose:
|
138
|
+
onClose: closeMenu
|
103
139
|
}), /*#__PURE__*/React.createElement("div", {
|
104
140
|
className: prefixCls + "-panel"
|
105
|
-
}, searchable ? /*#__PURE__*/React.createElement(
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
141
|
+
}, searchable ? /*#__PURE__*/React.createElement(CheckSelectSearch, null) : null, /*#__PURE__*/React.createElement(VirtualList, {
|
142
|
+
itemKey: "id",
|
143
|
+
fullHeight: false,
|
144
|
+
height: height,
|
145
|
+
itemHeight: itemHeight,
|
146
|
+
virtual: virtual,
|
147
|
+
data: virtualData
|
148
|
+
}, function (node) {
|
149
|
+
/* 反向 map,搜索删选数据时会对数据进行处理 */
|
150
|
+
return 'groupTitle' in node ? /*#__PURE__*/React.createElement(CheckSelectOptionGroup, Object.assign({
|
151
|
+
label: node.groupTitle
|
152
|
+
}, node.rootProps)) : /*#__PURE__*/React.createElement(CheckSelectOption, Object.assign({
|
153
|
+
option: node
|
154
|
+
}, node.rootProps));
|
110
155
|
})))));
|
111
156
|
}); // @ts-ignore
|
112
157
|
|
@@ -117,33 +162,41 @@ if (__DEV__) {
|
|
117
162
|
}
|
118
163
|
|
119
164
|
var searchPrefix = getPrefixCls('check-select-search');
|
120
|
-
|
165
|
+
/**
|
166
|
+
* TODO: What is CheckSelectSearch
|
167
|
+
*/
|
168
|
+
|
169
|
+
var CheckSelectSearch = /*#__PURE__*/forwardRef(function (_a, ref) {
|
121
170
|
var _a$prefixCls2 = _a.prefixCls,
|
122
171
|
prefixCls = _a$prefixCls2 === void 0 ? searchPrefix : _a$prefixCls2,
|
123
172
|
className = _a.className,
|
124
173
|
rest = __rest(_a, ["prefixCls", "className"]);
|
125
174
|
|
126
|
-
var
|
127
|
-
isEmpty =
|
128
|
-
emptyContent =
|
129
|
-
getSearchInputProps =
|
175
|
+
var _useCheckSelectContex = useCheckSelectContext(),
|
176
|
+
isEmpty = _useCheckSelectContex.isEmpty,
|
177
|
+
emptyContent = _useCheckSelectContex.emptyContent,
|
178
|
+
getSearchInputProps = _useCheckSelectContex.getSearchInputProps;
|
130
179
|
|
131
180
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
132
181
|
ref: ref,
|
133
182
|
className: cx(prefixCls, className)
|
134
|
-
}, rest), /*#__PURE__*/React.createElement(Input, Object.assign({
|
183
|
+
}, rest), /*#__PURE__*/React.createElement(Input, Object.assign({}, getSearchInputProps(), {
|
135
184
|
appearance: "underline",
|
136
185
|
prefix: /*#__PURE__*/React.createElement(SearchOutlined, null)
|
137
|
-
}
|
186
|
+
})), isEmpty ? /*#__PURE__*/React.createElement("span", {
|
138
187
|
className: prefixCls + "__empty"
|
139
188
|
}, emptyContent) : null);
|
140
189
|
});
|
141
190
|
|
142
191
|
if (__DEV__) {
|
143
|
-
|
192
|
+
CheckSelectSearch.displayName = 'CheckSelectSearch';
|
144
193
|
}
|
145
194
|
|
146
195
|
var optionPrefix = getPrefixCls('check-select-option');
|
196
|
+
/**
|
197
|
+
* TODO: What is CheckSelectOption
|
198
|
+
*/
|
199
|
+
|
147
200
|
var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
148
201
|
var _a$prefixCls3 = _a.prefixCls,
|
149
202
|
prefixCls = _a$prefixCls3 === void 0 ? optionPrefix : _a$prefixCls3,
|
@@ -153,13 +206,15 @@ var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
153
206
|
onClick = _a.onClick,
|
154
207
|
rest = __rest(_a, ["prefixCls", "className", "children", "option", "onClick"]);
|
155
208
|
|
156
|
-
var
|
157
|
-
isSelectedId =
|
158
|
-
onSelect =
|
159
|
-
titleRender =
|
209
|
+
var _useCheckSelectContex2 = useCheckSelectContext(),
|
210
|
+
isSelectedId = _useCheckSelectContex2.isSelectedId,
|
211
|
+
onSelect = _useCheckSelectContex2.onSelect,
|
212
|
+
titleRender = _useCheckSelectContex2.titleRender;
|
160
213
|
|
161
214
|
var checked = isSelectedId(option.id);
|
162
|
-
var
|
215
|
+
var _option$disabled = option.disabled,
|
216
|
+
disabled = _option$disabled === void 0 ? false : _option$disabled;
|
217
|
+
var cls = cx(prefixCls, className, checked && prefixCls + "--selected", disabled && prefixCls + "--disabled");
|
163
218
|
var handleOptionCheck = useCallback(function (evt) {
|
164
219
|
onSelect(option, !checked);
|
165
220
|
onClick === null || onClick === void 0 ? void 0 : onClick(evt);
|
@@ -174,7 +229,8 @@ var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
174
229
|
}, rest, {
|
175
230
|
onClick: handleOptionCheck
|
176
231
|
}), title === true ? /*#__PURE__*/React.createElement(Checkbox, {
|
177
|
-
checked: checked
|
232
|
+
checked: checked,
|
233
|
+
disabled: option.disabled
|
178
234
|
}, option.title) : title);
|
179
235
|
}); // @ts-ignore
|
180
236
|
|
@@ -183,6 +239,30 @@ CheckSelectOption.HiName = 'CheckSelectOption';
|
|
183
239
|
if (__DEV__) {
|
184
240
|
CheckSelectOption.displayName = 'CheckSelectOption';
|
185
241
|
}
|
242
|
+
/**
|
243
|
+
* TODO: What is CheckSelectOptionGroup
|
244
|
+
*/
|
245
|
+
|
246
|
+
|
247
|
+
var CheckSelectOptionGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
|
248
|
+
var _a$prefixCls4 = _a.prefixCls,
|
249
|
+
prefixCls = _a$prefixCls4 === void 0 ? optionPrefix : _a$prefixCls4,
|
250
|
+
className = _a.className,
|
251
|
+
label = _a.label,
|
252
|
+
rest = __rest(_a, ["prefixCls", "className", "children", "label", "onClick"]);
|
253
|
+
|
254
|
+
var cls = cx(prefixCls, className);
|
255
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({
|
256
|
+
ref: ref,
|
257
|
+
className: cls
|
258
|
+
}, rest), /*#__PURE__*/React.createElement("span", null, label));
|
259
|
+
}); // @ts-ignore
|
260
|
+
|
261
|
+
CheckSelectOptionGroup.HiName = 'CheckSelectOptionGroup';
|
262
|
+
|
263
|
+
if (__DEV__) {
|
264
|
+
CheckSelectOptionGroup.displayName = 'CheckSelectOptionGroup';
|
265
|
+
}
|
186
266
|
|
187
|
-
export { CheckSelect, CheckSelectOption,
|
267
|
+
export { CheckSelect, CheckSelectOption, CheckSelectOptionGroup, CheckSelectSearch };
|
188
268
|
//# sourceMappingURL=CheckSelect.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckSelect.js","sources":["../../src/CheckSelect.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","CheckSelect","forwardRef","_a","ref","prefixCls","role","className","children","disabled","clearable","searchable","placeholder","displayRenderProp","displayRender","onSelectProp","onSelect","
|
1
|
+
{"version":3,"file":"CheckSelect.js","sources":["../../src/CheckSelect.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","CheckSelect","forwardRef","_a","ref","prefixCls","role","className","children","disabled","clearable","searchable","wrap","placeholder","displayRenderProp","displayRender","onSelectProp","onSelect","height","itemHeight","virtual","popper","onOpen","onClose","rest","useState","targetElRef","setTargetElRef","menuVisible","setMenuVisible","onOpenLatest","useLatestCallback","onCloseLatest","closeMenu","useCallback","openMenu","item","isFunction","title","onSelectLatest","_b","useCheckSelect","rootProps","context","value","tryChangeValue","selectData","data","virtualData","useMemo","reduce","acc","cur","index","push","id","groupTitle","concat","cls","cx","TagInput","TagInputDefault","TagInputMock","React","CheckSelectProvider","onClick","onChange","suffix","DownOutlined","Popper","attachEl","visible","CheckSelectSearch","VirtualList","itemKey","fullHeight","node","CheckSelectOptionGroup","label","CheckSelectOption","option","HiName","__DEV__","displayName","searchPrefix","useCheckSelectContext","isEmpty","emptyContent","getSearchInputProps","Input","appearance","prefix","SearchOutlined","optionPrefix","isSelectedId","titleRender","checked","handleOptionCheck","evt","Checkbox"],"mappings":"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"}
|
package/lib/esm/context.js
CHANGED
@@ -8,18 +8,18 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import { useContext, createContext } from 'react';
|
11
|
-
var
|
12
|
-
var
|
11
|
+
var checkSelectContext = /*#__PURE__*/createContext(null);
|
12
|
+
var CheckSelectProvider = checkSelectContext.Provider;
|
13
13
|
|
14
|
-
var
|
15
|
-
var context = useContext(
|
14
|
+
var useCheckSelectContext = function useCheckSelectContext() {
|
15
|
+
var context = useContext(checkSelectContext);
|
16
16
|
|
17
17
|
if (!context) {
|
18
|
-
throw new Error('The
|
18
|
+
throw new Error('The checkSelectContext context should using in CheckSelect.');
|
19
19
|
}
|
20
20
|
|
21
21
|
return context;
|
22
22
|
};
|
23
23
|
|
24
|
-
export {
|
24
|
+
export { CheckSelectProvider, useCheckSelectContext };
|
25
25
|
//# sourceMappingURL=context.js.map
|
package/lib/esm/context.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["
|
1
|
+
{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["checkSelectContext","createContext","CheckSelectProvider","Provider","useCheckSelectContext","context","useContext","Error"],"mappings":";;;;;;;;;;AAIA,IAAMA,kBAAkB,gBAAGC,aAAa,CAA4C,IAA5C,CAAxC;IAEaC,mBAAmB,GAAGF,kBAAkB,CAACG;;IAEzCC,qBAAqB,GAAG,SAAxBA,qBAAwB;MAC7BC,OAAO,GAAGC,UAAU,CAACN,kBAAD;;MAEtB,CAACK,SAAS;UACN,IAAIE,KAAJ,CAAU,6DAAV;;;SAGDF;;;"}
|
@@ -10,6 +10,7 @@
|
|
10
10
|
import { useState, useCallback, useMemo } from 'react';
|
11
11
|
import { useLatestRef } from '@hi-ui/use-latest';
|
12
12
|
import { __DEV__ } from '@hi-ui/env';
|
13
|
+
import { isArrayNonEmpty, isFunction } from '../utils/type-assertion/lib/esm/index.js';
|
13
14
|
/**
|
14
15
|
* 支持搜索功能的 hook
|
15
16
|
*/
|
@@ -30,7 +31,7 @@ var useSearch = function useSearch(flattedData, filter) {
|
|
30
31
|
|
31
32
|
var matchedNodes = getMatchedNodes(flattedDataRef.current, nextSearchValue, filter);
|
32
33
|
setMatchedNodes(matchedNodes);
|
33
|
-
}, [flattedDataRef]);
|
34
|
+
}, [flattedDataRef, filter]);
|
34
35
|
var inputProps = useMemo(function () {
|
35
36
|
return {
|
36
37
|
value: searchValue,
|
@@ -51,21 +52,92 @@ var useSearch = function useSearch(flattedData, filter) {
|
|
51
52
|
|
52
53
|
var getMatchedNodes = function getMatchedNodes(flattedData, searchValue, filter) {
|
53
54
|
if (!searchValue) return [];
|
54
|
-
|
55
|
-
|
55
|
+
var matchedResult = [];
|
56
|
+
var shouldFilter = isFunction(filter); // 1. 先对于 groupTitle 匹配
|
57
|
+
// 2. 若未匹配到。再对其 children 进行 title 匹配
|
56
58
|
|
57
|
-
|
58
|
-
|
59
|
-
|
59
|
+
var _loop = function _loop(i) {
|
60
|
+
var optionOrGroup = flattedData[i];
|
61
|
+
|
62
|
+
if ('groupTitle' in optionOrGroup) {
|
63
|
+
// search for OptionGroup
|
64
|
+
// @ts-ignore
|
65
|
+
var shouldReserved = shouldFilter && filter(searchValue, optionOrGroup) === true;
|
66
|
+
|
67
|
+
if (shouldReserved) {
|
68
|
+
matchedResult.push(optionOrGroup);
|
69
|
+
return "continue";
|
70
|
+
}
|
71
|
+
|
72
|
+
if (typeof optionOrGroup.groupTitle === 'string') {
|
73
|
+
// 匹配策略:`String.include`
|
74
|
+
if (optionOrGroup.groupTitle.includes(searchValue)) {
|
75
|
+
matchedResult.push(optionOrGroup);
|
76
|
+
return "continue";
|
77
|
+
}
|
78
|
+
} else {
|
79
|
+
if (__DEV__) {
|
80
|
+
console.info('WARNING: The `optionGroup.groupTitle` should be `string` when searchable is enabled.');
|
81
|
+
}
|
60
82
|
}
|
61
83
|
|
62
|
-
|
84
|
+
if (isArrayNonEmpty(optionOrGroup.children)) {
|
85
|
+
var matchedChildren = optionOrGroup.children.filter(function (node) {
|
86
|
+
var _a, _b;
|
87
|
+
|
88
|
+
if (shouldFilter) {
|
89
|
+
// @ts-ignore
|
90
|
+
return filter(searchValue, optionOrGroup);
|
91
|
+
}
|
92
|
+
|
93
|
+
if (typeof node.title !== 'string') {
|
94
|
+
if (__DEV__) {
|
95
|
+
console.info('WARNING: The `option.title` should be `string` when searchable is enabled.');
|
96
|
+
}
|
97
|
+
|
98
|
+
return false;
|
99
|
+
}
|
100
|
+
|
101
|
+
return (_b = (_a = node.title).includes) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue);
|
102
|
+
});
|
103
|
+
|
104
|
+
if (isArrayNonEmpty(matchedChildren)) {
|
105
|
+
var matchedOptionOrGroup = Object.assign(Object.assign({}, optionOrGroup), {
|
106
|
+
children: matchedChildren
|
107
|
+
});
|
108
|
+
matchedResult.push(matchedOptionOrGroup);
|
109
|
+
}
|
110
|
+
}
|
111
|
+
} else {
|
112
|
+
// search for Option
|
113
|
+
// @ts-ignore
|
114
|
+
var _shouldReserved = shouldFilter && filter(searchValue, optionOrGroup) === true;
|
115
|
+
|
116
|
+
if (_shouldReserved) {
|
117
|
+
matchedResult.push(optionOrGroup);
|
118
|
+
return "continue";
|
119
|
+
}
|
120
|
+
|
121
|
+
if (typeof optionOrGroup.title === 'string') {
|
122
|
+
// 匹配策略:`String.include`
|
123
|
+
if (optionOrGroup.title.includes(searchValue)) {
|
124
|
+
matchedResult.push(optionOrGroup);
|
125
|
+
}
|
126
|
+
} else {
|
127
|
+
if (__DEV__) {
|
128
|
+
console.info('WARNING: The `option.title` should be `string` when searchable is enabled.');
|
129
|
+
}
|
130
|
+
}
|
63
131
|
}
|
132
|
+
};
|
133
|
+
|
134
|
+
for (var i = 0; i < flattedData.length; i++) {
|
135
|
+
var _ret = _loop(i);
|
64
136
|
|
65
|
-
if (
|
137
|
+
if (_ret === "continue") continue;
|
138
|
+
}
|
66
139
|
|
67
|
-
|
68
|
-
});
|
140
|
+
return matchedResult;
|
69
141
|
};
|
70
142
|
|
71
143
|
export { useSearch };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-search.js","sources":["../../../src/hooks/use-search.ts"],"sourcesContent":[null],"names":["useSearch","flattedData","filter","useState","searchValue","setSearchValue","matchedNodes","setMatchedNodes","flattedDataRef","useLatestRef","handleChange","useCallback","evt","nextSearchValue","target","value","getMatchedNodes","current","inputProps","useMemo","onChange","resetSearch","isSearch","isEmpty","length","
|
1
|
+
{"version":3,"file":"use-search.js","sources":["../../../src/hooks/use-search.ts"],"sourcesContent":[null],"names":["useSearch","flattedData","filter","useState","searchValue","setSearchValue","matchedNodes","setMatchedNodes","flattedDataRef","useLatestRef","handleChange","useCallback","evt","nextSearchValue","target","value","getMatchedNodes","current","inputProps","useMemo","onChange","resetSearch","isSearch","isEmpty","length","matchedResult","shouldFilter","isFunction","i","optionOrGroup","shouldReserved","push","groupTitle","includes","__DEV__","console","info","isArrayNonEmpty","children","matchedChildren","node","title","matchedOptionOrGroup"],"mappings":"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"}
|
package/lib/esm/index.js
CHANGED
@@ -8,5 +8,5 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import './styles/index.scss.js';
|
11
|
-
export { CheckSelect, CheckSelectOption,
|
11
|
+
export { CheckSelect, CheckSelectOption, CheckSelectOptionGroup, CheckSelectSearch, CheckSelect as default } from './CheckSelect.js';
|
12
12
|
//# sourceMappingURL=index.js.map
|
@@ -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 = ".hi-v4-check-select {\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size:
|
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-check-select {\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 max-height: 260px;\n overflow: auto;\n padding-bottom: 10px; }\n.hi-v4-check-select--open .hi-v4-tag-input,\n .hi-v4-check-select--open .hi-v4-tag-input-mock {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-select-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-select-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-select-option:hover {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe); }\n.hi-v4-check-select-option--selected {\n background-color: #f0f5fe;\n background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n font-weight: 700;\n color: #4387f4;\n color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-select-option--focused {\n background-color: #f7faff;\n background-color: var(--hi-v4-color-brandblue-50, #f7faff); }\n.hi-v4-check-select-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-select .title__text {\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-check-select-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-check-select-search {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 10px 10px 6px;\n position: relative; }\n.hi-v4-check-select-search .hi-v4-input__prefix {\n font-size: 16px;\n padding-left: 0; }\n.hi-v4-check-select-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";
|
11
11
|
|
12
12
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
13
13
|
|