@hi-ui/cascader 4.0.0-alpha.17 → 4.0.0-alpha.22

package/lib/esm/icons/index.js

@@ -16,39 +16,25 @@ var defaultLeafIcon = /*#__PURE__*/React.createElement("span", {
     width: 16
   }
 });
-var defaultLoadingIcon = /*#__PURE__*/React.createElement("svg", {
-  className: "hi-v4-tree--icon-loading",
-  viewBox: "0 0 16 16",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/React.createElement("g", {
-  stroke: "none",
-  strokeWidth: "1",
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("g", {
-  transform: "translate(-365.000000, -6110.000000)",
-  fill: "currentColor",
-  fillRule: "nonzero"
-}, /*#__PURE__*/React.createElement("g", {
-  transform: "translate(40.000000, 5974.000000)"
-}, /*#__PURE__*/React.createElement("g", {
-  transform: "translate(320.000000, 74.000000)"
-}, /*#__PURE__*/React.createElement("g", {
-  transform: "translate(0.000000, 50.000000)"
-}, /*#__PURE__*/React.createElement("g", {
-  transform: "translate(0.000000, 4.000000)"
-}, /*#__PURE__*/React.createElement("g", {
-  transform: "translate(5.000000, 4.000000)"
-}, /*#__PURE__*/React.createElement("g", {
-  transform: "translate(0.000000, 4.000000)"
-}, /*#__PURE__*/React.createElement("g", {
-  transform: "translate(1.000000, 1.000000)"
-}, /*#__PURE__*/React.createElement("path", {
-  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",
-  fillOpacity: "0.2"
-}), /*#__PURE__*/React.createElement("path", {
-  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"
-})))))))))));
+
+function IconLoading(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? '0.8em' : _ref$size;
+  return /*#__PURE__*/React.createElement("i", {
+    className: "hi-v4-cascader__icon--loading"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 18 18",
+    width: size,
+    height: size,
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    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",
+    opacity: ".15"
+  }), /*#__PURE__*/React.createElement("path", {
+    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"
+  }))));
+}
+
+var defaultLoadingIcon = /*#__PURE__*/React.createElement(IconLoading, null);
 export { defaultLeafIcon, defaultLoadingIcon, defaultSuffixIcon };
 //# sourceMappingURL=index.js.map

package/lib/esm/icons/index.js.map

@@ -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;"}
+{"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

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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";
+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";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/esm/use-cascader.js

@@ -43,15 +43,22 @@ var useCascader = function useCascader(_a) {
       titleRender = _a.titleRender,
       displayRender = _a.displayRender,
       onLoadChildren = _a.onLoadChildren,
-      rest = __rest(_a, ["defaultValue", "value", "onChange", "data", "disabled", "changeOnSelect", "flatted", "upMatch", "expandTrigger", "emptyContent", "placeholder", "searchPlaceholder", "onSelect", "titleRender", "displayRender", "onLoadChildren"]);
+      cascaderDataProp = _a.cascaderData,
+      setCascaderDataProp = _a.setCascaderData,
+      flattedDataProp = _a.flattedData,
+      matchedItemsProp = _a.matchedItems,
+      inSearchProp = _a.inSearch,
+      rest = __rest(_a, ["defaultValue", "value", "onChange", "data", "disabled", "changeOnSelect", "flatted", "upMatch", "expandTrigger", "emptyContent", "placeholder", "searchPlaceholder", "onSelect", "titleRender", "displayRender", "onLoadChildren", "cascaderData", "setCascaderData", "flattedData", "matchedItems", "inSearch"]);
 
   var _useCache = useCache(data),
-      cascaderData = _useCache[0],
-      setCascaderData = _useCache[1];
+      cacheData = _useCache[0],
+      setCacheData = _useCache[1];
 
+  var cascaderData = cascaderDataProp !== null && cascaderDataProp !== void 0 ? cascaderDataProp : cacheData;
+  var setCascaderData = setCascaderDataProp !== null && setCascaderDataProp !== void 0 ? setCascaderDataProp : setCacheData;
   var flattedData = useMemo(function () {
-    return flattenTreeData(cascaderData);
-  }, [cascaderData]);
+    return flattedDataProp !== null && flattedDataProp !== void 0 ? flattedDataProp : flattenTreeData(cascaderData);
+  }, [cascaderData, flattedDataProp]);
 
   var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChangeProp),
       value = _useUncontrolledState[0],
@@ -88,12 +95,14 @@ var useCascader = function useCascader(_a) {
   }, [onLoadChildren]);
 
   var _useSearch = useSearch(flattedData, upMatch, isCanLoadChildren),
-      inSearch = _useSearch[0],
-      matchedItems = _useSearch[1],
+      inSearchInner = _useSearch[0],
+      matchedItemsInner = _useSearch[1],
       inputProps = _useSearch[2],
       isEmpty = _useSearch[3],
       resetSearch = _useSearch[4];
 
+  var inSearch = inSearchProp !== null && inSearchProp !== void 0 ? inSearchProp : inSearchInner;
+  var matchedItems = matchedItemsProp !== null && matchedItemsProp !== void 0 ? matchedItemsProp : matchedItemsInner;
   var menuList = useMemo(function () {
     if (inSearch) {
       return [matchedItems];
@@ -123,7 +132,7 @@ var useCascader = function useCascader(_a) {
   var reset = useCallback(function () {
     resetSearch();
     setSelectedId(value);
-  }, [resetSearch, setSelectedId, value]);
+  }, [setSelectedId, value, resetSearch]);
   return {
     rootProps: rest,
     reset: reset,

package/lib/esm/use-cascader.js.map

@@ -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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"}
+{"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":";;;;;;;;;;;;;;;;;AAcA,IAAMA,UAAU,GAAG,EAAnB;AACA,IAAMC,UAAU,GAAG,EAAnB;;IAEaC,WAAW,GAAG,SAAdA,WAAc,CAACC,EAAD;2BACzBC;MAAAA,4CAAeH;MACRI,eAAPC;MACUC,kBAAVC;mBACAC;MAAAA,4BAAOT;uBACPU;MAAAA,oCAAW;6BACXC;MAAAA,gDAAiB;sBACjBC;MAASC,sCAAc;sBACvBC;MAAAA,kCAAU;4BACVC;MAAAA,8CAAgB;2BAChBC;MAAAA,4CAAe;MACfC,iBAAAA;MACAC,uBAAAA;MACAC,cAAAA;MACAC,iBAAAA;MACAC,mBAAAA;MACAC,oBAAAA;MAEcC,sBAAdC;MAEiBC,yBAAjBC;MAEaC,qBAAbC;MAEcC,sBAAdC;MAEUC,kBAAVC;MACGC,kBA3BuB,eAAA,SAAA,YAAA,QAAA,YAAA,kBAAA,WAAA,WAAA,iBAAA,gBAAA,eAAA,qBAAA,YAAA,eAAA,iBAAA,kBAAA,gBAAA,mBAAA,eAAA,gBAAA,YAAA;;kBA6BQC,QAAQ,CAACzB,IAAD;MAAnC0B,SAAP;MAAkBC,YAAlB;;MACMZ,YAAY,GAAGD,gBAAgB,SAAhBA,IAAAA,gBAAgB,WAAhBA,GAAAA,gBAAAA,GAAoBY;MACnCT,eAAe,GAAGD,mBAAmB,SAAnBA,IAAAA,mBAAmB,WAAnBA,GAAAA,mBAAAA,GAAuBW;MAEzCR,WAAW,GAAGS,OAAO,CAAC;WAAMV,eAAe,SAAfA,IAAAA,eAAe,WAAfA,GAAAA,eAAAA,GAAmBW,eAAe,CAACd,YAAD;AAAzC,GAAA,EAAyD,CAClFA,YADkF,EAElFG,eAFkF,CAAzD;;8BAKKY,oBAAoB,CAACnC,YAAD,EAAeC,SAAf,EAA0BE,YAA1B;MAA7CD,KAAP;MAAckC,cAAd;;MAEMC,mBAAmB,GAAGC,WAAW,CACrC,UAACpC,KAAD,EAAyBqC,IAAzB,EAAsDC,SAAtD;AACEJ,IAAAA,cAAc,CAAClC,KAAD,EAAQqC,IAAR,EAAcC,SAAd,CAAdJ;AACArB,IAAAA,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAGb,KAAH,EAAUqC,IAAV,EAAgBC,SAAhB,CAARzB;AAHmC,GAAA,EAKrC,CAACqB,cAAD,EAAiBrB,QAAjB,CALqC;;mBASa0B,SAAS,CAC3DnC,QAD2D,EAE3D+B,mBAF2D,EAG3D9B,cAH2D,EAI3DW,cAJ2D;MAAtDwB,UAAP;MAAmBC,cAAnB;MAAmCC,aAAnC;;;MAQMC,WAAW,GAAGZ,OAAO,CACzB;WAAMa,kBAAkB,CAACtB,WAAD,EAAckB,UAAd,CAAlBI,CAA4CC,GAA5CD,CAAgD,cAAA;UAAGE,EAAH,QAAGA;aAASA;AAA5D,KAAAF;AADmB,GAAA,EAEzB,CAACtB,WAAD,EAAckB,UAAd,CAFyB;;wBAMSO,cAAc,CAChD3B,eADgD,EAEhDqB,cAFgD,EAGhDzB,cAHgD;MAA3CgC,WAAP;MAAoBC,YAApB;;MAMMC,WAAW,GAAGd,WAAW,CAC7B,UAACe,MAAD;;AAEEF,IAAAA,YAAY,CAACE,MAAD,EAAS,IAAT,CAAZF;AAH2B,GAAA,EAK7B,CAACA,YAAD,CAL6B;MAQzBG,iBAAiB,GAAGhB,WAAW,CACnC,UAACe,MAAD;WACSE,oBAAoB,CAACF,MAAD,EAASnC,cAAT;AAFM,GAAA,EAInC,CAACA,cAAD,CAJmC;;mBAOwCsC,SAAS,CACpFhC,WADoF,EAEpFd,OAFoF,EAGpF4C,iBAHoF;MAA/EG,aAAP;MAAsBC,iBAAtB;MAAyCC,UAAzC;MAAqDC,OAArD;MAA8DC,WAA9D;;MAKMjC,QAAQ,GAAGD,YAAY,SAAZA,IAAAA,YAAY,WAAZA,GAAAA,YAAAA,GAAgB8B;MAC3B/B,YAAY,GAAGD,gBAAgB,SAAhBA,IAAAA,gBAAgB,WAAhBA,GAAAA,gBAAAA,GAAoBiC;MAEnCI,QAAQ,GAAG7B,OAAO,CAAC;QACnBL,UAAU;aACL,CAACF,YAAD;;;WAEFjB,WAAW,GACdsD,eAAe,CAACvC,WAAD,EAAc8B,iBAAd,CADD,GAEdU,cAAc,CAACxC,WAAD,EAAckB,UAAd;AANI,GAAA,EAOrB,CAACd,QAAD,EAAWnB,WAAX,EAAwBiB,YAAxB,EAAsCF,WAAtC,EAAmDkB,UAAnD,EAA+DY,iBAA/D,CAPqB;;MAUlB9C,OAAO,GAAGC,WAAW,IAAImB;MAEzBqC,4BAA4B,GAAG3B,WAAW,CAC9C,eAAA;QAAGU,WAAAA;QAAIkB,cAAAA;WACE;AACLC,MAAAA,QAAQ,EAAE3D,OAAO,GAAGkC,UAAU,KAAKM,EAAlB,GAAuBH,WAAW,CAACqB,KAAD,CAAXrB,KAAuBG,EAD1D;AAELoB,MAAAA,OAAO,EAAElB,WAAW,CAACF,EAAD,CAFf;;AAILqB,MAAAA,OAAO,EAAE;AAJJ;AAFqC,GAAA,EAS9C,CAAC7D,OAAD,EAAUkC,UAAV,EAAsBG,WAAtB,EAAmCK,WAAnC,CAT8C;MAY1CoB,mBAAmB,GAAGhC,WAAW,CACrC;WAAO;AACLzB,MAAAA,WAAW,EAAEC,iBADR;AAELZ,MAAAA,KAAK,EAAEyD,UAAU,CAACzD,KAFb;AAGLE,MAAAA,QAAQ,EAAEuD,UAAU,CAACvD;AAHhB;AAD8B,GAAA,EAMrC,CAACU,iBAAD,EAAoB6C,UAApB,CANqC;MASjCY,KAAK,GAAGjC,WAAW,CAAC;AACxBuB,IAAAA,WAAW;AACXjB,IAAAA,aAAa,CAAC1C,KAAD,CAAb0C;AAFuB,GAAA,EAGtB,CAACA,aAAD,EAAgB1C,KAAhB,EAAuB2D,WAAvB,CAHsB;SAKlB;AACLW,IAAAA,SAAS,EAAE3C,IADN;AAEL0C,IAAAA,KAAK,EAALA,KAFK;AAGL/C,IAAAA,WAAW,EAAXA,WAHK;AAILtB,IAAAA,KAAK,EAALA,KAJK;AAKLkC,IAAAA,cAAc,EAAdA,cALK;AAML6B,IAAAA,4BAA4B,EAA5BA,4BANK;AAOLtD,IAAAA,aAAa,EAAbA,aAPK;AAQLH,IAAAA,OAAO,EAAPA,OARK;AASLiE,IAAAA,WAAW,EAAEtB,YATR;AAULC,IAAAA,WAAW,EAAXA,WAVK;AAWL7C,IAAAA,cAAc,EAAdA,cAXK;AAYLW,IAAAA,cAAc,EAAdA,cAZK;AAaLwD,IAAAA,OAAO,EAAEf,UAAU,CAACzD,KAbf;AAcLI,IAAAA,QAAQ,EAARA,QAdK;AAeLwD,IAAAA,QAAQ,EAARA,QAfK;AAgBLF,IAAAA,OAAO,EAAPA,OAhBK;AAiBL/C,IAAAA,WAAW,EAAXA,WAjBK;AAkBLI,IAAAA,aAAa,EAAbA,aAlBK;AAmBLD,IAAAA,WAAW,EAAXA,WAnBK;AAoBLJ,IAAAA,YAAY,EAAZA,YApBK;AAqBL0D,IAAAA,mBAAmB,EAAnBA;AArBK;;;"}

package/lib/esm/utils/index.js

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { getNodeAncestorsWithMe, flattenTree } from '@hi-ui/tree-utils';
+import { flattenTree, getNodeAncestorsWithMe } from '@hi-ui/tree-utils';
 /**
  * 扁平化树数据结构，基于前序遍历
  */

package/lib/types/Cascader.d.ts

@@ -2,12 +2,14 @@ import React from 'react';
 import type { HiBaseHTMLProps } from '@hi-ui/core';
 import { PopperProps } from '@hi-ui/popper';
 import { CascaderItem, ExpandTrigger, FlattedCascaderItem, CascaderItemEventData } from './types';
+import { PickerProps } from '@hi-ui/picker';
+import { UseDataSource } from '@hi-ui/use-data-source';
 /**
  * TODO: What is Cascader
  * Trigger + MenuList + Search
  */
 export declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLDivElement | null>>;
-export interface CascaderProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange' | 'onSelect'> {
+export interface CascaderProps extends Omit<PickerProps, 'data' | 'onChange' | 'trigger'> {
     /**
      * 设置选择项数据源
      */
@@ -26,6 +28,7 @@ export interface CascaderProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange' |
     onChange?: (value: React.ReactText, targetOption?: CascaderItemEventData, optionPaths?: FlattedCascaderItem[]) => void;
     /**
      * 选中选项时触发，仅供内部使用
+     * @private
      */
     onSelect?: (value: React.ReactText, targetOption: CascaderItemEventData, optionPaths: FlattedCascaderItem[]) => void;
     /**
@@ -84,6 +87,20 @@ export interface CascaderProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange' |
      * 自定义控制 popper 行为
      */
     popper?: PopperProps;
+    /**
+     * 设置展现形式
+     */
+    appearance?: 'outline' | 'unset' | 'filled';
+    /**
+     * 自定义搜索过滤器，仅在 searchable 为 true 时有效
+     * 第一个参数为输入的关键字，
+     * 第二个为数据项，返回值为 true 时将出现在结果项
+     */
+    filterOption?: (keyword: string, item: CascaderItemEventData) => boolean;
+    /**
+     * 异步加载数据
+     */
+    dataSource?: UseDataSource<CascaderItemEventData>;
 }
 export declare const CascaderSearch: React.ForwardRefExoticComponent<Pick<CascaderSearchProps, string | number> & React.RefAttributes<HTMLInputElement | null>>;
 export interface CascaderSearchProps extends HiBaseHTMLProps {

package/lib/types/CascaderPanel.d.ts

@@ -5,7 +5,7 @@ import { HiBaseHTMLProps } from '@hi-ui/core';
  * TODO: What is CascaderPanel
  * MenuList + Search
  */
-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"> & {
+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"> & {
     prefixCls?: string | undefined;
     role?: string | undefined;
 } & {

package/lib/types/context.d.ts

@@ -4,8 +4,12 @@ export declare const CascaderProvider: import("react").Provider<Omit<{
         searchable?: boolean | undefined;
         clearable?: boolean | undefined;
         popper?: import("packages/ui/popper/lib/types").PopperProps | undefined;
+        appearance?: "unset" | "outline" | "filled" | undefined;
+        filterOption?: ((keyword: string, item: import("./types").CascaderItemEventData) => boolean) | undefined;
+        dataSource?: import("packages/hooks/use-data-source/lib/types").UseDataSource<import("./types").CascaderItemEventData> | undefined;
         children?: import("react").ReactNode;
         id?: string | undefined;
+        footer?: import("react").ReactNode;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         key?: import("react").Key | null | undefined;
@@ -255,22 +259,34 @@ export declare const CascaderProvider: import("react").Provider<Omit<{
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        loadingContent?: import("react").ReactNode;
+        showEmpty?: boolean | undefined;
+        optionWidth?: number | undefined;
+        overlayClassName?: string | undefined;
+        onSearch?: ((keyword: string) => void) | undefined;
+        closeOnEsc?: boolean | undefined;
+        visible?: boolean | undefined;
+        onOpen?: (() => void) | undefined;
+        onClose?: (() => void) | undefined;
+        loading?: boolean | undefined;
+        onOverlayScroll?: (() => void) | undefined;
         prefixCls?: string | undefined;
+        invalid?: boolean | undefined;
     };
     reset: () => void;
-    flattedData: import("./types").FlattedCascaderItem[];
+    flattedData: any;
     value: string | number;
     tryChangeValue: (stateOrFunction: import("react").SetStateAction<string | number>, ...args: any[]) => void;
     getCascaderItemRequiredProps: ({ id, depth }: import("./types").FlattedCascaderItem) => import("./types").CascaderItemRequiredProps;
     expandTrigger: import("./types").ExpandTrigger;
-    flatted: boolean;
+    flatted: any;
     onItemClick: (node: import("./types").CascaderItemEventData, onlyExpand?: any) => Promise<void>;
     onItemHover: (option: any) => void;
     changeOnSelect: boolean;
     onLoadChildren: ((item: import("./types").CascaderItemEventData) => void | Promise<void | import("./types").CascaderItem[]>) | undefined;
     keyword: string;
     disabled: boolean;
-    menuList: import("./types").FlattedCascaderItem[][];
+    menuList: any[];
     isEmpty: boolean;
     placeholder: string | undefined;
     displayRender: ((checkedOption: import("./types").FlattedCascaderItem, checkedOptions: import("./types").FlattedCascaderItem[]) => import("react").ReactNode) | undefined;
@@ -287,8 +303,12 @@ export declare const useCascaderContext: () => Omit<{
         searchable?: boolean | undefined;
         clearable?: boolean | undefined;
         popper?: import("packages/ui/popper/lib/types").PopperProps | undefined;
+        appearance?: "unset" | "outline" | "filled" | undefined;
+        filterOption?: ((keyword: string, item: import("./types").CascaderItemEventData) => boolean) | undefined;
+        dataSource?: import("packages/hooks/use-data-source/lib/types").UseDataSource<import("./types").CascaderItemEventData> | undefined;
         children?: import("react").ReactNode;
         id?: string | undefined;
+        footer?: import("react").ReactNode;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         key?: import("react").Key | null | undefined;
@@ -538,22 +558,34 @@ export declare const useCascaderContext: () => Omit<{
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        loadingContent?: import("react").ReactNode;
+        showEmpty?: boolean | undefined;
+        optionWidth?: number | undefined;
+        overlayClassName?: string | undefined;
+        onSearch?: ((keyword: string) => void) | undefined;
+        closeOnEsc?: boolean | undefined;
+        visible?: boolean | undefined;
+        onOpen?: (() => void) | undefined;
+        onClose?: (() => void) | undefined;
+        loading?: boolean | undefined;
+        onOverlayScroll?: (() => void) | undefined;
         prefixCls?: string | undefined;
+        invalid?: boolean | undefined;
     };
     reset: () => void;
-    flattedData: import("./types").FlattedCascaderItem[];
+    flattedData: any;
     value: string | number;
     tryChangeValue: (stateOrFunction: import("react").SetStateAction<string | number>, ...args: any[]) => void;
     getCascaderItemRequiredProps: ({ id, depth }: import("./types").FlattedCascaderItem) => import("./types").CascaderItemRequiredProps;
     expandTrigger: import("./types").ExpandTrigger;
-    flatted: boolean;
+    flatted: any;
     onItemClick: (node: import("./types").CascaderItemEventData, onlyExpand?: any) => Promise<void>;
     onItemHover: (option: any) => void;
     changeOnSelect: boolean;
     onLoadChildren: ((item: import("./types").CascaderItemEventData) => void | Promise<void | import("./types").CascaderItem[]>) | undefined;
     keyword: string;
     disabled: boolean;
-    menuList: import("./types").FlattedCascaderItem[][];
+    menuList: any[];
     isEmpty: boolean;
     placeholder: string | undefined;
     displayRender: ((checkedOption: import("./types").FlattedCascaderItem, checkedOptions: import("./types").FlattedCascaderItem[]) => import("react").ReactNode) | undefined;

package/lib/types/use-cascader.d.ts

@@ -1,13 +1,17 @@
 import React from 'react';
 import { FlattedCascaderItem, CascaderItemRequiredProps, CascaderItemEventData } from './types';
 import { CascaderProps } from './Cascader';
-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) => {
+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) => {
     rootProps: {
         searchable?: boolean | undefined;
         clearable?: boolean | undefined;
         popper?: import("packages/ui/popper/lib/types").PopperProps | undefined;
+        appearance?: "unset" | "outline" | "filled" | undefined;
+        filterOption?: ((keyword: string, item: CascaderItemEventData) => boolean) | undefined;
+        dataSource?: import("packages/hooks/use-data-source/lib/types").UseDataSource<CascaderItemEventData> | undefined;
         children?: React.ReactNode;
         id?: string | undefined;
+        footer?: React.ReactNode;
         slot?: string | undefined;
         style?: React.CSSProperties | undefined;
         key?: React.Key | null | undefined;
@@ -257,22 +261,34 @@ export declare const useCascader: ({ defaultValue, value: valueProp, onChange: o
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        loadingContent?: React.ReactNode;
+        showEmpty?: boolean | undefined;
+        optionWidth?: number | undefined;
+        overlayClassName?: string | undefined;
+        onSearch?: ((keyword: string) => void) | undefined;
+        closeOnEsc?: boolean | undefined;
+        visible?: boolean | undefined;
+        onOpen?: (() => void) | undefined;
+        onClose?: (() => void) | undefined;
+        loading?: boolean | undefined;
+        onOverlayScroll?: (() => void) | undefined;
         prefixCls?: string | undefined;
+        invalid?: boolean | undefined;
     };
     reset: () => void;
-    flattedData: FlattedCascaderItem[];
+    flattedData: any;
     value: string | number;
     tryChangeValue: (stateOrFunction: React.SetStateAction<string | number>, ...args: any[]) => void;
     getCascaderItemRequiredProps: ({ id, depth }: FlattedCascaderItem) => CascaderItemRequiredProps;
     expandTrigger: import("./types").ExpandTrigger;
-    flatted: boolean;
+    flatted: any;
     onItemClick: (node: CascaderItemEventData, onlyExpand?: any) => Promise<void>;
     onItemHover: (option: any) => void;
     changeOnSelect: boolean;
     onLoadChildren: ((item: CascaderItemEventData) => void | Promise<void | import("./types").CascaderItem[]>) | undefined;
     keyword: string;
     disabled: boolean;
-    menuList: FlattedCascaderItem[][];
+    menuList: any[];
     isEmpty: boolean;
     placeholder: string | undefined;
     displayRender: ((checkedOption: FlattedCascaderItem, checkedOptions: FlattedCascaderItem[]) => React.ReactNode) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/cascader",
-  "version": "4.0.0-alpha.17",
+  "version": "4.0.0-alpha.22",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,26 +43,30 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/classname": "^4.0.0-alpha.2",
-    "@hi-ui/core": "^4.0.0-alpha.10",
-    "@hi-ui/env": "^4.0.0-alpha.3",
-    "@hi-ui/icons": "^4.0.0-alpha.15",
-    "@hi-ui/input": "^4.0.0-alpha.19",
-    "@hi-ui/popper": "^4.0.0-alpha.13",
-    "@hi-ui/tree-utils": "^4.0.0-alpha.6",
-    "@hi-ui/type-assertion": "^4.0.0-alpha.11",
-    "@hi-ui/use-latest": "^4.0.0-alpha.3",
-    "@hi-ui/use-toggle": "^4.0.0-alpha.8",
-    "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.10"
+    "@hi-ui/classname": "^4.0.0-alpha.3",
+    "@hi-ui/core": "^4.0.0-alpha.14",
+    "@hi-ui/env": "^4.0.0-alpha.5",
+    "@hi-ui/icons": "^4.0.0-alpha.20",
+    "@hi-ui/input": "^4.0.0-alpha.24",
+    "@hi-ui/picker": "^4.0.0-alpha.8",
+    "@hi-ui/popper": "^4.0.0-alpha.17",
+    "@hi-ui/tree-utils": "^4.0.0-alpha.8",
+    "@hi-ui/type-assertion": "^4.0.0-alpha.13",
+    "@hi-ui/use-data-source": "^4.0.0-alpha.5",
+    "@hi-ui/use-latest": "^4.0.0-alpha.4",
+    "@hi-ui/use-search-mode": "^4.0.0-alpha.6",
+    "@hi-ui/use-toggle": "^4.0.0-alpha.10",
+    "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12",
+    "lodash": "^4.17.21"
   },
   "peerDependencies": {
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
   "devDependencies": {
-    "@hi-ui/hi-build": "^4.0.0-alpha.3",
+    "@hi-ui/hi-build": "^4.0.0-alpha.4",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "734a594a67ed76aa6e36772532e67b53048f2dae"
+  "gitHead": "dbe7ec19bc067527f0cfcf8c71100619fc98cc72"
 }