@hi-ui/cascader 4.0.0-alpha.19 → 4.0.0-alpha.24

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.
Files changed (25) hide show
  1. package/README.md +112 -7
  2. package/lib/cjs/Cascader.js +188 -63
  3. package/lib/cjs/Cascader.js.map +1 -1
  4. package/lib/cjs/hooks/use-cache/lib/esm/index.js +44 -0
  5. package/lib/cjs/hooks/use-cache/lib/esm/index.js.map +1 -0
  6. package/lib/cjs/icons/index.js +20 -34
  7. package/lib/cjs/icons/index.js.map +1 -1
  8. package/lib/cjs/styles/index.scss.js +1 -1
  9. package/lib/cjs/use-cascader.js +17 -8
  10. package/lib/cjs/use-cascader.js.map +1 -1
  11. package/lib/esm/Cascader.js +178 -56
  12. package/lib/esm/Cascader.js.map +1 -1
  13. package/lib/esm/hooks/use-cache/lib/esm/index.js +37 -0
  14. package/lib/esm/hooks/use-cache/lib/esm/index.js.map +1 -0
  15. package/lib/esm/icons/index.js +20 -34
  16. package/lib/esm/icons/index.js.map +1 -1
  17. package/lib/esm/styles/index.scss.js +1 -1
  18. package/lib/esm/use-cascader.js +17 -8
  19. package/lib/esm/use-cascader.js.map +1 -1
  20. package/lib/esm/utils/index.js +1 -1
  21. package/lib/types/Cascader.d.ts +19 -2
  22. package/lib/types/CascaderPanel.d.ts +1 -1
  23. package/lib/types/context.d.ts +40 -8
  24. package/lib/types/use-cascader.d.ts +21 -5
  25. package/package.json +18 -14
package/lib/esm/icons/index.js CHANGED
@@ -16,39 +16,25 @@ var defaultLeafIcon = /*#__PURE__*/React.createElement("span", {
16
16
  width: 16
17
17
  }
18
18
  });
19
- var defaultLoadingIcon = /*#__PURE__*/React.createElement("svg", {
20
- className: "hi-v4-tree--icon-loading",
21
- viewBox: "0 0 16 16",
22
- version: "1.1",
23
- xmlns: "http://www.w3.org/2000/svg"
24
- }, /*#__PURE__*/React.createElement("g", {
25
- stroke: "none",
26
- strokeWidth: "1",
27
- fill: "none",
28
- fillRule: "evenodd"
29
- }, /*#__PURE__*/React.createElement("g", {
30
- transform: "translate(-365.000000, -6110.000000)",
31
- fill: "currentColor",
32
- fillRule: "nonzero"
33
- }, /*#__PURE__*/React.createElement("g", {
34
- transform: "translate(40.000000, 5974.000000)"
35
- }, /*#__PURE__*/React.createElement("g", {
36
- transform: "translate(320.000000, 74.000000)"
37
- }, /*#__PURE__*/React.createElement("g", {
38
- transform: "translate(0.000000, 50.000000)"
39
- }, /*#__PURE__*/React.createElement("g", {
40
- transform: "translate(0.000000, 4.000000)"
41
- }, /*#__PURE__*/React.createElement("g", {
42
- transform: "translate(5.000000, 4.000000)"
43
- }, /*#__PURE__*/React.createElement("g", {
44
- transform: "translate(0.000000, 4.000000)"
45
- }, /*#__PURE__*/React.createElement("g", {
46
- transform: "translate(1.000000, 1.000000)"
47
- }, /*#__PURE__*/React.createElement("path", {
48
- d: "M7,14 C10.8659932,14 14,10.8659932 14,7 C14,3.13400675 10.8659932,0 7,0 C3.13400675,0 0,3.13400675 0,7 C0,10.8659932 3.13400675,14 7,14 Z M7,12 C4.23857625,12 2,9.76142375 2,7 C2,4.23857625 4.23857625,2 7,2 C9.76142375,2 12,4.23857625 12,7 C12,9.76142375 9.76142375,12 7,12 Z",
49
- fillOpacity: "0.2"
50
- }), /*#__PURE__*/React.createElement("path", {
51
- d: "M1.7016758,2.42516242 C0.611099326,3.68724484 0,5.29767398 0,7 C0,10.8659932 3.13400675,14 7,14 C7.55228475,14 8,13.5522847 8,13 C8,12.4477153 7.55228475,12 7,12 C4.23857625,12 2,9.76142375 2,7 C2,5.78244469 2.43544044,4.63492915 3.21496813,3.73281158 C3.57606547,3.31492744 3.53003068,2.68343818 3.11214655,2.32234084 C2.69426241,1.96124349 2.06277315,2.00727828 1.7016758,2.42516242 Z"
52
- })))))))))));
19
+
20
+ function IconLoading(_ref) {
21
+ var _ref$size = _ref.size,
22
+ size = _ref$size === void 0 ? '0.8em' : _ref$size;
23
+ return /*#__PURE__*/React.createElement("i", {
24
+ className: "hi-v4-cascader__icon--loading"
25
+ }, /*#__PURE__*/React.createElement("svg", {
26
+ viewBox: "0 0 18 18",
27
+ width: size,
28
+ height: size,
29
+ fill: "currentColor"
30
+ }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
31
+ d: "m9 18c-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9 4.9706 0 9 4.0294 9 9 0 4.9706-4.0294 9-9 9zm0-2c3.866 0 7-3.134 7-7 0-3.866-3.134-7-7-7-3.866 0-7 3.134-7 7 0 3.866 3.134 7 7 7z",
32
+ opacity: ".15"
33
+ }), /*#__PURE__*/React.createElement("path", {
34
+ d: "m15.547 2.8242c0.37904 0.40168 0.36068 1.0346-0.040996 1.4136-0.40168 0.37904-1.0346 0.36068-1.4136-0.040996-1.315-1.3935-3.1381-2.1969-5.0922-2.1969-3.866 0-7 3.134-7 7 0 0.55228-0.44772 1-1 1s-1-0.44772-1-1c0-4.9706 4.0294-9 9-9 2.5103 0 4.8578 1.0343 6.5468 2.8242z"
35
+ }))));
36
+ }
37
+
38
+ var defaultLoadingIcon = /*#__PURE__*/React.createElement(IconLoading, null);
53
39
  export { defaultLeafIcon, defaultLoadingIcon, defaultSuffixIcon };
54
40
  //# sourceMappingURL=index.js.map
package/lib/esm/icons/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/icons/index.tsx"],"sourcesContent":[null],"names":["defaultSuffixIcon","React","DownOutlined","defaultLeafIcon","style","display","width","defaultLoadingIcon","className","viewBox","version","xmlns","stroke","strokeWidth","fill","fillRule","transform","d","fillOpacity"],"mappings":";;;;;;;;;;;IAGaA,iBAAiB,gBAAGC,mBAAAA,CAACC,YAADD,MAAAA;IAEpBE,eAAe,gBAAGF,mBAAAA,OAAAA;AAAMG,EAAAA,KAAK,EAAE;AAAEC,IAAAA,OAAO,EAAE,cAAX;AAA2BC,IAAAA,KAAK,EAAE;AAAlC;CAAbL;IAElBM,kBAAkB,gBAC7BN,mBAAAA,MAAAA;AACEO,EAAAA,SAAS,EAAC;AACVC,EAAAA,OAAO,EAAC;AACRC,EAAAA,OAAO,EAAC;AACRC,EAAAA,KAAK,EAAC;CAJRV,eAMEA,mBAAAA,IAAAA;AAAGW,EAAAA,MAAM,EAAC;AAAOC,EAAAA,WAAW,EAAC;AAAIC,EAAAA,IAAI,EAAC;AAAOC,EAAAA,QAAQ,EAAC;CAAtDd,eACEA,mBAAAA,IAAAA;AAAGe,EAAAA,SAAS,EAAC;AAAuCF,EAAAA,IAAI,EAAC;AAAeC,EAAAA,QAAQ,EAAC;CAAjFd,eACEA,mBAAAA,IAAAA;AAAGe,EAAAA,SAAS,EAAC;CAAbf,eACEA,mBAAAA,IAAAA;AAAGe,EAAAA,SAAS,EAAC;CAAbf,eACEA,mBAAAA,IAAAA;AAAGe,EAAAA,SAAS,EAAC;CAAbf,eACEA,mBAAAA,IAAAA;AAAGe,EAAAA,SAAS,EAAC;CAAbf,eACEA,mBAAAA,IAAAA;AAAGe,EAAAA,SAAS,EAAC;CAAbf,eACEA,mBAAAA,IAAAA;AAAGe,EAAAA,SAAS,EAAC;CAAbf,eACEA,mBAAAA,IAAAA;AAAGe,EAAAA,SAAS,EAAC;CAAbf,eACEA,mBAAAA,OAAAA;AACEgB,EAAAA,CAAC,EAAC;AACFC,EAAAA,WAAW,EAAC;CAFdjB,CADFA,eAKEA,mBAAAA,OAAAA;AAAMgB,EAAAA,CAAC,EAAC;CAARhB,CALFA,CADFA,CADFA,CADFA,CADFA,CADFA,CADFA,CADFA,CADFA,CANFA;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/icons/index.tsx"],"sourcesContent":[null],"names":["defaultSuffixIcon","React","DownOutlined","defaultLeafIcon","style","display","width","IconLoading","size","className","viewBox","height","fill","d","opacity","defaultLoadingIcon"],"mappings":";;;;;;;;;;;IAGaA,iBAAiB,gBAAGC,mBAAAA,CAACC,YAADD,MAAAA;IAEpBE,eAAe,gBAAGF,mBAAAA,OAAAA;AAAMG,EAAAA,KAAK,EAAE;AAAEC,IAAAA,OAAO,EAAE,cAAX;AAA2BC,IAAAA,KAAK,EAAE;AAAlC;CAAbL;;AAE/B,SAASM,WAAT,KAAA;uBAAuBC;MAAAA,8BAAO;sBAE1BP,mBAAAA,IAAAA;AAAGQ,IAAAA,SAAS,EAAC;GAAbR,eACEA,mBAAAA,MAAAA;AAAKS,IAAAA,OAAO,EAAC;AAAYJ,IAAAA,KAAK,EAAEE;AAAMG,IAAAA,MAAM,EAAEH;AAAMI,IAAAA,IAAI,EAAC;GAAzDX,eACEA,mBAAAA,IAAAA,MAAAA,eACEA,mBAAAA,OAAAA;AACEY,IAAAA,CAAC,EAAC;AACFC,IAAAA,OAAO,EAAC;GAFVb,CADFA,eAKEA,mBAAAA,OAAAA;AAAMY,IAAAA,CAAC,EAAC;GAARZ,CALFA,CADFA,CADFA;;;IAcSc,kBAAkB,gBAAGd,mBAAAA,CAACM,WAADN,MAAAA;"}
package/lib/esm/styles/index.scss.js CHANGED
@@ -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@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@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-cascader--open .hi-v4-mock-input {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 8px; }\n.hi-v4-cascader-search {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 10px 10px;\n position: relative; }\n.hi-v4-cascader-search .hi-v4-input__prefix {\n font-size: 16px;\n padding-left: 0; }\n.hi-v4-cascader-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-cascader-menu-list {\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-cascader-menu-list--flatted .hi-v4-cascader-menu {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%; }\n.hi-v4-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-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-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-cascader-menu-option:hover {\n background-color: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff); }\n.hi-v4-cascader-menu-option--selected {\n background-color: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n font-weight: 700; }\n.hi-v4-cascader-menu-option--focused {\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-cascader-menu-option--checked {\n font-weight: 700; }\n.hi-v4-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-weight: 400; }\n.hi-v4-cascader-menu-option--disabled .hi-v4-cascader-menu-switcher {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-cascader-menu .title__text {\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-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-cascader-menu .title__text--col {\n display: inline-block; }\n.hi-v4-cascader-menu .title__text--col::after {\n content: '\\00a0/\\00a0'; }\n.hi-v4-cascader-menu .title__text--col:last-child::after {\n content: none; }\n.hi-v4-cascader-menu .title__text--matched {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #666; }\n.hi-v4-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-cascader-menu-switcher--loading {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-cascader-menu-switcher--arrow {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg); }\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@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@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-cascader__popper .hi-v4-picker__body {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-cascader-search {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 10px 10px;\n position: relative; }\n.hi-v4-cascader-search .hi-v4-input__prefix {\n font-size: 16px;\n padding-left: 0; }\n.hi-v4-cascader-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-cascader-menu-list {\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-cascader-menu-list--flatted .hi-v4-cascader-menu {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%; }\n.hi-v4-cascader-menu {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n vertical-align: middle;\n list-style: none;\n width: auto;\n box-sizing: border-box;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n min-width: 140px;\n min-height: 160px;\n max-height: 260px;\n overflow: auto;\n padding: 4px 8px;\n border-right: 1px solid #ebedf0;\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-cascader-menu:last-of-type {\n border: none; }\n.hi-v4-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-cascader-menu-option {\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 32px;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-cascader-menu-option:hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--selected {\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--selected .hi-v4-cascader-menu-switcher {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-cascader-menu-option--focused {\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-cascader-menu-option--checked {\n font-weight: 700; }\n.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background: transparent; }\n.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--disabled .hi-v4-cascader-menu-switcher {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-cascader-menu .title__text {\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-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-cascader-menu .title__text--col {\n display: inline-block; }\n.hi-v4-cascader-menu .title__text--col::after {\n content: '\\00a0/\\00a0'; }\n.hi-v4-cascader-menu .title__text--col:last-child::after {\n content: none; }\n.hi-v4-cascader-menu .title__text--matched {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-cascader-menu-switcher--loading {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-cascader-menu-switcher--arrow {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg); }\n.hi-v4-cascader__icon--loading {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke: none;\n cursor: default;\n fill: currentColor; }\n.hi-v4-cascader__icon--loading svg {\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 rotate {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n@keyframes rotate {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
11
11
 
12
12
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
13
13
 
package/lib/esm/use-cascader.js CHANGED
@@ -43,15 +43,22 @@ var useCascader = function useCascader(_a) {
43
43
  titleRender = _a.titleRender,
44
44
  displayRender = _a.displayRender,
45
45
  onLoadChildren = _a.onLoadChildren,
46
- rest = __rest(_a, ["defaultValue", "value", "onChange", "data", "disabled", "changeOnSelect", "flatted", "upMatch", "expandTrigger", "emptyContent", "placeholder", "searchPlaceholder", "onSelect", "titleRender", "displayRender", "onLoadChildren"]);
46
+ cascaderDataProp = _a.cascaderData,
47
+ setCascaderDataProp = _a.setCascaderData,
48
+ flattedDataProp = _a.flattedData,
49
+ matchedItemsProp = _a.matchedItems,
50
+ inSearchProp = _a.inSearch,
51
+ rest = __rest(_a, ["defaultValue", "value", "onChange", "data", "disabled", "changeOnSelect", "flatted", "upMatch", "expandTrigger", "emptyContent", "placeholder", "searchPlaceholder", "onSelect", "titleRender", "displayRender", "onLoadChildren", "cascaderData", "setCascaderData", "flattedData", "matchedItems", "inSearch"]);
47
52
 
48
53
  var _useCache = useCache(data),
49
- cascaderData = _useCache[0],
50
- setCascaderData = _useCache[1];
54
+ cacheData = _useCache[0],
55
+ setCacheData = _useCache[1];
51
56
 
57
+ var cascaderData = cascaderDataProp !== null && cascaderDataProp !== void 0 ? cascaderDataProp : cacheData;
58
+ var setCascaderData = setCascaderDataProp !== null && setCascaderDataProp !== void 0 ? setCascaderDataProp : setCacheData;
52
59
  var flattedData = useMemo(function () {
53
- return flattenTreeData(cascaderData);
54
- }, [cascaderData]);
60
+ return flattedDataProp !== null && flattedDataProp !== void 0 ? flattedDataProp : flattenTreeData(cascaderData);
61
+ }, [cascaderData, flattedDataProp]);
55
62
 
56
63
  var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChangeProp),
57
64
  value = _useUncontrolledState[0],
@@ -88,12 +95,14 @@ var useCascader = function useCascader(_a) {
88
95
  }, [onLoadChildren]);
89
96
 
90
97
  var _useSearch = useSearch(flattedData, upMatch, isCanLoadChildren),
91
- inSearch = _useSearch[0],
92
- matchedItems = _useSearch[1],
98
+ inSearchInner = _useSearch[0],
99
+ matchedItemsInner = _useSearch[1],
93
100
  inputProps = _useSearch[2],
94
101
  isEmpty = _useSearch[3],
95
102
  resetSearch = _useSearch[4];
96
103
 
104
+ var inSearch = inSearchProp !== null && inSearchProp !== void 0 ? inSearchProp : inSearchInner;
105
+ var matchedItems = matchedItemsProp !== null && matchedItemsProp !== void 0 ? matchedItemsProp : matchedItemsInner;
97
106
  var menuList = useMemo(function () {
98
107
  if (inSearch) {
99
108
  return [matchedItems];
@@ -123,7 +132,7 @@ var useCascader = function useCascader(_a) {
123
132
  var reset = useCallback(function () {
124
133
  resetSearch();
125
134
  setSelectedId(value);
126
- }, [resetSearch, setSelectedId, value]);
135
+ }, [setSelectedId, value, resetSearch]);
127
136
  return {
128
137
  rootProps: rest,
129
138
  reset: reset,
package/lib/esm/use-cascader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-cascader.js","sources":["../../src/use-cascader.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","useCascader","_a","defaultValue","valueProp","value","onChangeProp","onChange","data","disabled","changeOnSelect","flatted","flattedProp","upMatch","expandTrigger","emptyContent","placeholder","searchPlaceholder","onSelect","titleRender","displayRender","onLoadChildren","rest","useCache","cascaderData","setCascaderData","flattedData","useMemo","flattenTreeData","useUncontrolledState","tryChangeValue","proxyTryChangeValue","useCallback","item","itemPaths","useSelect","selectedId","onOptionSelect","setSelectedId","selectedIds","getActiveNodePaths","map","id","useAsyncSwitch","isLoadingId","onItemExpand","onItemHover","option","isCanLoadChildren","checkCanLoadChildren","useSearch","inSearch","matchedItems","inputProps","isEmpty","resetSearch","menuList","getFlattedMenus","getActiveMenus","getCascaderItemRequiredProps","depth","selected","loading","focused","getSearchInputProps","reset","rootProps","onItemClick","keyword"],"mappings":"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"}
1
+ {"version":3,"file":"use-cascader.js","sources":["../../src/use-cascader.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","useCascader","_a","defaultValue","valueProp","value","onChangeProp","onChange","data","disabled","changeOnSelect","flatted","flattedProp","upMatch","expandTrigger","emptyContent","placeholder","searchPlaceholder","onSelect","titleRender","displayRender","onLoadChildren","cascaderDataProp","cascaderData","setCascaderDataProp","setCascaderData","flattedDataProp","flattedData","matchedItemsProp","matchedItems","inSearchProp","inSearch","rest","useCache","cacheData","setCacheData","useMemo","flattenTreeData","useUncontrolledState","tryChangeValue","proxyTryChangeValue","useCallback","item","itemPaths","useSelect","selectedId","onOptionSelect","setSelectedId","selectedIds","getActiveNodePaths","map","id","useAsyncSwitch","isLoadingId","onItemExpand","onItemHover","option","isCanLoadChildren","checkCanLoadChildren","useSearch","inSearchInner","matchedItemsInner","inputProps","isEmpty","resetSearch","menuList","getFlattedMenus","getActiveMenus","getCascaderItemRequiredProps","depth","selected","loading","focused","getSearchInputProps","reset","rootProps","onItemClick","keyword"],"mappings":"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"}
package/lib/esm/utils/index.js CHANGED
@@ -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
- import { getNodeAncestorsWithMe, flattenTree } from '@hi-ui/tree-utils';
10
+ import { flattenTree, getNodeAncestorsWithMe } from '@hi-ui/tree-utils';
11
11
  /**
12
12
  * 扁平化树数据结构，基于前序遍历
13
13
  */
package/lib/types/Cascader.d.ts CHANGED
@@ -2,12 +2,14 @@ import React from 'react';
2
2
  import type { HiBaseHTMLProps } from '@hi-ui/core';
3
3
  import { PopperProps } from '@hi-ui/popper';
4
4
  import { CascaderItem, ExpandTrigger, FlattedCascaderItem, CascaderItemEventData } from './types';
5
+ import { PickerProps } from '@hi-ui/picker';
6
+ import { UseDataSource } from '@hi-ui/use-data-source';
5
7
  /**
6
8
  * TODO: What is Cascader
7
9
  * Trigger + MenuList + Search
8
10
  */
9
11
  export declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLDivElement | null>>;
10
- export interface CascaderProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange' | 'onSelect'> {
12
+ export interface CascaderProps extends Omit<PickerProps, 'data' | 'onChange' | 'trigger'> {
11
13
  /**
12
14
  * 设置选择项数据源
13
15
  */
@@ -26,6 +28,7 @@ export interface CascaderProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange' |
26
28
  onChange?: (value: React.ReactText, targetOption?: CascaderItemEventData, optionPaths?: FlattedCascaderItem[]) => void;
27
29
  /**
28
30
  * 选中选项时触发，仅供内部使用
31
+ * @private
29
32
  */
30
33
  onSelect?: (value: React.ReactText, targetOption: CascaderItemEventData, optionPaths: FlattedCascaderItem[]) => void;
31
34
  /**
@@ -59,7 +62,7 @@ export interface CascaderProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange' |
59
62
  /**
60
63
  * 自定义选择后触发器所展示的内容，只在 title 为字符串时有效
61
64
  */
62
- displayRender?: (checkedOption: FlattedCascaderItem, checkedOptions: FlattedCascaderItem[]) => React.ReactNode;
65
+ displayRender?: (checkedOption: FlattedCascaderItem, checkedOptionPaths: FlattedCascaderItem[]) => React.ReactNode;
63
66
  /**
64
67
  * 将选项拍平展示，不支持 `onLoadChildren` 异步加载交互
65
68
  */
@@ -84,6 +87,20 @@ export interface CascaderProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange' |
84
87
  * 自定义控制 popper 行为
85
88
  */
86
89
  popper?: PopperProps;
90
+ /**
91
+ * 设置展现形式
92
+ */
93
+ appearance?: 'outline' | 'unset' | 'filled';
94
+ /**
95
+ * 自定义搜索过滤器，仅在 searchable 为 true 时有效
96
+ * 第一个参数为输入的关键字，
97
+ * 第二个为数据项，返回值为 true 时将出现在结果项
98
+ */
99
+ filterOption?: (keyword: string, item: CascaderItemEventData) => boolean;
100
+ /**
101
+ * 异步加载数据
102
+ */
103
+ dataSource?: UseDataSource<CascaderItemEventData>;
87
104
  }
88
105
  export declare const CascaderSearch: React.ForwardRefExoticComponent<Pick<CascaderSearchProps, string | number> & React.RefAttributes<HTMLInputElement | null>>;
89
106
  export interface CascaderSearchProps extends HiBaseHTMLProps {
package/lib/types/CascaderPanel.d.ts CHANGED
@@ -5,7 +5,7 @@ import { HiBaseHTMLProps } from '@hi-ui/core';
5
5
  * TODO: What is CascaderPanel
6
6
  * MenuList + Search
7
7
  */
8
- export declare const CascaderPanel: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "title" | "disabled" | "defaultValue" | "onChange" | "value" | "onSelect" | "size" | "prefix" | "data" | "changeOnSelect" | "flatted" | "upMatch" | "expandTrigger" | "emptyContent" | "searchPlaceholder" | "titleRender" | "displayRender" | "onLoadChildren" | "searchable"> & {
8
+ export declare const CascaderPanel: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "title" | "disabled" | "defaultValue" | "data" | "onChange" | "type" | "value" | "onSelect" | "size" | "prefix" | "emptyContent" | "searchable" | "searchPlaceholder" | "changeOnSelect" | "flatted" | "upMatch" | "expandTrigger" | "titleRender" | "displayRender" | "onLoadChildren"> & {
9
9
  prefixCls?: string | undefined;
10
10
  role?: string | undefined;
11
11
  } & {
package/lib/types/context.d.ts CHANGED
@@ -4,8 +4,12 @@ export declare const CascaderProvider: import("react").Provider<Omit<{
4
4
  searchable?: boolean | undefined;
5
5
  clearable?: boolean | undefined;
6
6
  popper?: import("packages/ui/popper/lib/types").PopperProps | undefined;
7
+ appearance?: "unset" | "outline" | "filled" | undefined;
8
+ filterOption?: ((keyword: string, item: import("./types").CascaderItemEventData) => boolean) | undefined;
9
+ dataSource?: import("packages/hooks/use-data-source/lib/types").UseDataSource<import("./types").CascaderItemEventData> | undefined;
7
10
  children?: import("react").ReactNode;
8
11
  id?: string | undefined;
12
+ footer?: import("react").ReactNode;
9
13
  slot?: string | undefined;
10
14
  style?: import("react").CSSProperties | undefined;
11
15
  key?: import("react").Key | null | undefined;
@@ -255,25 +259,37 @@ export declare const CascaderProvider: import("react").Provider<Omit<{
255
259
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
256
260
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
257
261
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
262
+ loadingContent?: import("react").ReactNode;
263
+ showEmpty?: boolean | undefined;
264
+ optionWidth?: number | undefined;
265
+ overlayClassName?: string | undefined;
266
+ onSearch?: ((keyword: string) => void) | undefined;
267
+ closeOnEsc?: boolean | undefined;
268
+ visible?: boolean | undefined;
269
+ onOpen?: (() => void) | undefined;
270
+ onClose?: (() => void) | undefined;
271
+ loading?: boolean | undefined;
272
+ onOverlayScroll?: (() => void) | undefined;
258
273
  prefixCls?: string | undefined;
274
+ invalid?: boolean | undefined;
259
275
  };
260
276
  reset: () => void;
261
- flattedData: import("./types").FlattedCascaderItem[];
277
+ flattedData: any;
262
278
  value: string | number;
263
279
  tryChangeValue: (stateOrFunction: import("react").SetStateAction<string | number>, ...args: any[]) => void;
264
280
  getCascaderItemRequiredProps: ({ id, depth }: import("./types").FlattedCascaderItem) => import("./types").CascaderItemRequiredProps;
265
281
  expandTrigger: import("./types").ExpandTrigger;
266
- flatted: boolean;
282
+ flatted: any;
267
283
  onItemClick: (node: import("./types").CascaderItemEventData, onlyExpand?: any) => Promise<void>;
268
284
  onItemHover: (option: any) => void;
269
285
  changeOnSelect: boolean;
270
286
  onLoadChildren: ((item: import("./types").CascaderItemEventData) => void | Promise<void | import("./types").CascaderItem[]>) | undefined;
271
287
  keyword: string;
272
288
  disabled: boolean;
273
- menuList: import("./types").FlattedCascaderItem[][];
289
+ menuList: any[];
274
290
  isEmpty: boolean;
275
291
  placeholder: string | undefined;
276
- displayRender: ((checkedOption: import("./types").FlattedCascaderItem, checkedOptions: import("./types").FlattedCascaderItem[]) => import("react").ReactNode) | undefined;
292
+ displayRender: ((checkedOption: import("./types").FlattedCascaderItem, checkedOptionPaths: import("./types").FlattedCascaderItem[]) => import("react").ReactNode) | undefined;
277
293
  titleRender: ((item: import("./types").CascaderItemEventData, flatted: boolean) => import("react").ReactNode) | undefined;
278
294
  emptyContent: boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | null;
279
295
  getSearchInputProps: () => {
@@ -287,8 +303,12 @@ export declare const useCascaderContext: () => Omit<{
287
303
  searchable?: boolean | undefined;
288
304
  clearable?: boolean | undefined;
289
305
  popper?: import("packages/ui/popper/lib/types").PopperProps | undefined;
306
+ appearance?: "unset" | "outline" | "filled" | undefined;
307
+ filterOption?: ((keyword: string, item: import("./types").CascaderItemEventData) => boolean) | undefined;
308
+ dataSource?: import("packages/hooks/use-data-source/lib/types").UseDataSource<import("./types").CascaderItemEventData> | undefined;
290
309
  children?: import("react").ReactNode;
291
310
  id?: string | undefined;
311
+ footer?: import("react").ReactNode;
292
312
  slot?: string | undefined;
293
313
  style?: import("react").CSSProperties | undefined;
294
314
  key?: import("react").Key | null | undefined;
@@ -538,25 +558,37 @@ export declare const useCascaderContext: () => Omit<{
538
558
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
539
559
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
540
560
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
561
+ loadingContent?: import("react").ReactNode;
562
+ showEmpty?: boolean | undefined;
563
+ optionWidth?: number | undefined;
564
+ overlayClassName?: string | undefined;
565
+ onSearch?: ((keyword: string) => void) | undefined;
566
+ closeOnEsc?: boolean | undefined;
567
+ visible?: boolean | undefined;
568
+ onOpen?: (() => void) | undefined;
569
+ onClose?: (() => void) | undefined;
570
+ loading?: boolean | undefined;
571
+ onOverlayScroll?: (() => void) | undefined;
541
572
  prefixCls?: string | undefined;
573
+ invalid?: boolean | undefined;
542
574
  };
543
575
  reset: () => void;
544
- flattedData: import("./types").FlattedCascaderItem[];
576
+ flattedData: any;
545
577
  value: string | number;
546
578
  tryChangeValue: (stateOrFunction: import("react").SetStateAction<string | number>, ...args: any[]) => void;
547
579
  getCascaderItemRequiredProps: ({ id, depth }: import("./types").FlattedCascaderItem) => import("./types").CascaderItemRequiredProps;
548
580
  expandTrigger: import("./types").ExpandTrigger;
549
- flatted: boolean;
581
+ flatted: any;
550
582
  onItemClick: (node: import("./types").CascaderItemEventData, onlyExpand?: any) => Promise<void>;
551
583
  onItemHover: (option: any) => void;
552
584
  changeOnSelect: boolean;
553
585
  onLoadChildren: ((item: import("./types").CascaderItemEventData) => void | Promise<void | import("./types").CascaderItem[]>) | undefined;
554
586
  keyword: string;
555
587
  disabled: boolean;
556
- menuList: import("./types").FlattedCascaderItem[][];
588
+ menuList: any[];
557
589
  isEmpty: boolean;
558
590
  placeholder: string | undefined;
559
- displayRender: ((checkedOption: import("./types").FlattedCascaderItem, checkedOptions: import("./types").FlattedCascaderItem[]) => import("react").ReactNode) | undefined;
591
+ displayRender: ((checkedOption: import("./types").FlattedCascaderItem, checkedOptionPaths: import("./types").FlattedCascaderItem[]) => import("react").ReactNode) | undefined;
560
592
  titleRender: ((item: import("./types").CascaderItemEventData, flatted: boolean) => import("react").ReactNode) | undefined;
561
593
  emptyContent: boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | null;
562
594
  getSearchInputProps: () => {
package/lib/types/use-cascader.d.ts CHANGED
@@ -1,13 +1,17 @@
1
1
  import React from 'react';
2
2
  import { FlattedCascaderItem, CascaderItemRequiredProps, CascaderItemEventData } from './types';
3
3
  import { CascaderProps } from './Cascader';
4
- export declare const useCascader: ({ defaultValue, value: valueProp, onChange: onChangeProp, data, disabled, changeOnSelect, flatted: flattedProp, upMatch, expandTrigger, emptyContent, placeholder, searchPlaceholder, onSelect, titleRender, displayRender, onLoadChildren, ...rest }: UseCascaderProps) => {
4
+ export declare const useCascader: ({ defaultValue, value: valueProp, onChange: onChangeProp, data, disabled, changeOnSelect, flatted: flattedProp, upMatch, expandTrigger, emptyContent, placeholder, searchPlaceholder, onSelect, titleRender, displayRender, onLoadChildren, cascaderData: cascaderDataProp, setCascaderData: setCascaderDataProp, flattedData: flattedDataProp, matchedItems: matchedItemsProp, inSearch: inSearchProp, ...rest }: UseCascaderProps) => {
5
5
  rootProps: {
6
6
  searchable?: boolean | undefined;
7
7
  clearable?: boolean | undefined;
8
8
  popper?: import("packages/ui/popper/lib/types").PopperProps | undefined;
9
+ appearance?: "unset" | "outline" | "filled" | undefined;
10
+ filterOption?: ((keyword: string, item: CascaderItemEventData) => boolean) | undefined;
11
+ dataSource?: import("packages/hooks/use-data-source/lib/types").UseDataSource<CascaderItemEventData> | undefined;
9
12
  children?: React.ReactNode;
10
13
  id?: string | undefined;
14
+ footer?: React.ReactNode;
11
15
  slot?: string | undefined;
12
16
  style?: React.CSSProperties | undefined;
13
17
  key?: React.Key | null | undefined;
@@ -257,25 +261,37 @@ export declare const useCascader: ({ defaultValue, value: valueProp, onChange: o
257
261
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
258
262
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
259
263
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
264
+ loadingContent?: React.ReactNode;
265
+ showEmpty?: boolean | undefined;
266
+ optionWidth?: number | undefined;
267
+ overlayClassName?: string | undefined;
268
+ onSearch?: ((keyword: string) => void) | undefined;
269
+ closeOnEsc?: boolean | undefined;
270
+ visible?: boolean | undefined;
271
+ onOpen?: (() => void) | undefined;
272
+ onClose?: (() => void) | undefined;
273
+ loading?: boolean | undefined;
274
+ onOverlayScroll?: (() => void) | undefined;
260
275
  prefixCls?: string | undefined;
276
+ invalid?: boolean | undefined;
261
277
  };
262
278
  reset: () => void;
263
- flattedData: FlattedCascaderItem[];
279
+ flattedData: any;
264
280
  value: string | number;
265
281
  tryChangeValue: (stateOrFunction: React.SetStateAction<string | number>, ...args: any[]) => void;
266
282
  getCascaderItemRequiredProps: ({ id, depth }: FlattedCascaderItem) => CascaderItemRequiredProps;
267
283
  expandTrigger: import("./types").ExpandTrigger;
268
- flatted: boolean;
284
+ flatted: any;
269
285
  onItemClick: (node: CascaderItemEventData, onlyExpand?: any) => Promise<void>;
270
286
  onItemHover: (option: any) => void;
271
287
  changeOnSelect: boolean;
272
288
  onLoadChildren: ((item: CascaderItemEventData) => void | Promise<void | import("./types").CascaderItem[]>) | undefined;
273
289
  keyword: string;
274
290
  disabled: boolean;
275
- menuList: FlattedCascaderItem[][];
291
+ menuList: any[];
276
292
  isEmpty: boolean;
277
293
  placeholder: string | undefined;
278
- displayRender: ((checkedOption: FlattedCascaderItem, checkedOptions: FlattedCascaderItem[]) => React.ReactNode) | undefined;
294
+ displayRender: ((checkedOption: FlattedCascaderItem, checkedOptionPaths: FlattedCascaderItem[]) => React.ReactNode) | undefined;
279
295
  titleRender: ((item: CascaderItemEventData, flatted: boolean) => React.ReactNode) | undefined;
280
296
  emptyContent: boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null;
281
297
  getSearchInputProps: () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/cascader",
3
- "version": "4.0.0-alpha.19",
3
+ "version": "4.0.0-alpha.24",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,26 +43,30 @@
43
43
  "url": "https://github.com/XiaoMi/hiui/issues"
44
44
  },
45
45
  "dependencies": {
46
- "@hi-ui/classname": "^4.0.0-alpha.2",
47
- "@hi-ui/core": "^4.0.0-alpha.11",
48
- "@hi-ui/env": "^4.0.0-alpha.4",
49
- "@hi-ui/icons": "^4.0.0-alpha.17",
50
- "@hi-ui/input": "^4.0.0-alpha.21",
51
- "@hi-ui/popper": "^4.0.0-alpha.14",
52
- "@hi-ui/tree-utils": "^4.0.0-alpha.7",
53
- "@hi-ui/type-assertion": "^4.0.0-alpha.12",
54
- "@hi-ui/use-latest": "^4.0.0-alpha.3",
55
- "@hi-ui/use-toggle": "^4.0.0-alpha.9",
56
- "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.11"
46
+ "@hi-ui/classname": "^4.0.0-alpha.3",
47
+ "@hi-ui/core": "^4.0.0-alpha.14",
48
+ "@hi-ui/env": "^4.0.0-alpha.5",
49
+ "@hi-ui/icons": "^4.0.0-alpha.20",
50
+ "@hi-ui/input": "^4.0.0-alpha.24",
51
+ "@hi-ui/picker": "^4.0.0-alpha.8",
52
+ "@hi-ui/popper": "^4.0.0-alpha.17",
53
+ "@hi-ui/tree-utils": "^4.0.0-alpha.8",
54
+ "@hi-ui/type-assertion": "^4.0.0-alpha.13",
55
+ "@hi-ui/use-data-source": "^4.0.0-alpha.5",
56
+ "@hi-ui/use-latest": "^4.0.0-alpha.4",
57
+ "@hi-ui/use-search-mode": "^4.0.0-alpha.7",
58
+ "@hi-ui/use-toggle": "^4.0.0-alpha.10",
59
+ "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12",
60
+ "lodash": "^4.17.21"
57
61
  },
58
62
  "peerDependencies": {
59
63
  "react": "^17.0.1",
60
64
  "react-dom": "^17.0.1"
61
65
  },
62
66
  "devDependencies": {
63
- "@hi-ui/hi-build": "^4.0.0-alpha.3",
67
+ "@hi-ui/hi-build": "^4.0.0-alpha.4",
64
68
  "react": "^17.0.1",
65
69
  "react-dom": "^17.0.1"
66
70
  },
67
- "gitHead": "37cbc875cd26474cfc9ddbd1eeb0abd797a31835"
71
+ "gitHead": "90f526d81b6e564427caf34ba49655c07943c195"
68
72
  }