@hi-ui/check-select 4.0.0-alpha.4 → 4.0.0-alpha.43

package/lib/cjs/hooks/use-data.js

@@ -0,0 +1,104 @@
+/** @LICENSE
+ * @hi-ui/check-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var useChildren = require('@hi-ui/use-children');
+
+var NOOP_ARRAY = [];
+
+var useData = function useData(_ref) {
+  var data = _ref.data,
+      children = _ref.children;
+  return React.useMemo(function () {
+    var mergedData; // data 优先级大于内嵌式组合
+
+    if (Array.isArray(data)) {
+      mergedData = data;
+    } else if (children) {
+      mergedData = parseChildren(children);
+    }
+
+    return mergedData || NOOP_ARRAY;
+  }, [children, data]);
+};
+
+var parseChildren = function parseChildren(children) {
+  var data = [];
+  var list = useChildren.toArray(children);
+  list.forEach(function (item) {
+    if (! /*#__PURE__*/React.isValidElement(item)) return;
+    if (!item.type) return;
+    var HiName = item.type.HiName;
+
+    switch (HiName) {
+      case 'CheckSelectOption':
+        var option = parseOption(item);
+        data.push(option);
+        break;
+
+      case 'CheckSelectOptionGroup':
+        var optGroup = parseOptionGroup(item);
+        data.push(optGroup);
+        break;
+    }
+  });
+  return data;
+};
+
+var parseOption = function parseOption(node) {
+  var _a = node.props,
+      value = _a.value,
+      children = _a.children,
+      disabled = _a.disabled,
+      rest = tslib.__rest(_a, ["value", "children", "disabled", "groupTitle"]);
+
+  var option = {
+    id: value,
+    title: children,
+    disabled: disabled,
+    // TODO:使用 Symbol 注入，避免 data 传入使用
+    rootProps: rest
+  };
+  return option;
+};
+
+var parseOptionGroup = function parseOptionGroup(node) {
+  var key = node.key,
+      _a = node.props,
+      groupId = _a.groupId,
+      label = _a.label,
+      children = _a.children,
+      rest = tslib.__rest(_a, ["groupId", "label", "children"]);
+
+  var optGroup = {
+    groupId: groupId !== null && groupId !== void 0 ? groupId : key,
+    groupTitle: label,
+    rootProps: rest,
+    children: []
+  };
+
+  if (children) {
+    optGroup.children = parseChildren(children);
+  }
+
+  return optGroup;
+};
+
+exports.parseChildren = parseChildren;
+exports.useData = useData;
+//# sourceMappingURL=use-data.js.map

package/lib/cjs/hooks/use-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data.js","sources":["../../../src/hooks/use-data.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","useData","data","children","useMemo","mergedData","Array","isArray","parseChildren","list","toArray","forEach","item","isValidElement","type","HiName","option","parseOption","push","optGroup","parseOptionGroup","node","_a","value","disabled","rest","id","title","rootProps","key","groupId","label","groupTitle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,UAAU,GAAG,EAAnB;;IAEaC,OAAO,GAAG,SAAVA,OAAU,KAAA;MAAGC,YAAAA;MAAMC,gBAAAA;SACvBC,aAAAA,CAAQ;QACTC;;QAGAC,KAAK,CAACC,OAAND,CAAcJ,IAAdI,GAAqB;AACvBD,MAAAA,UAAU,GAAGH,IAAbG;AADF,WAEO,IAAIF,QAAJ,EAAc;AACnBE,MAAAA,UAAU,GAAGG,aAAa,CAACL,QAAD,CAA1BE;;;WAGKA,UAAU,IAAIL;AAVT,GAAPI,EAWJ,CAACD,QAAD,EAAWD,IAAX,CAXIE;;;IAcII,aAAa,GAAG,SAAhBA,aAAgB,CAACL,QAAD;MACrBD,IAAI,GAAG;MACPO,IAAI,GAAGC,mBAAAA,CAAQP,QAARO;AAEbD,EAAAA,IAAI,CAACE,OAALF,CAAa,UAACG,IAAD;QACP,eAACC,oBAAAA,CAAeD,IAAfC,GAAsB;QACvB,CAACD,IAAI,CAACE,MAAM;QAGNC,MADV,GAEIH,IAFJ,CACEE,IACEF,CADMG;;YAGFA;WACD;YACGC,MAAM,GAAGC,WAAW,CAACL,IAAD;AAC1BV,QAAAA,IAAI,CAACgB,IAALhB,CAAUc,MAAVd;;;WAEG;YACGiB,QAAQ,GAAGC,gBAAgB,CAACR,IAAD;AACjCV,QAAAA,IAAI,CAACgB,IAALhB,CAAUiB,QAAVjB;;;AAfN,GAAAO;SAoBOP;;;AAGT,IAAMe,WAAW,GAAG,SAAdA,WAAc,CAACI,IAAD;MAEhBC,KACED,IAAI;MADGE,KAAT,KAAA,CAASA;MAAOpB,QAAhB,KAAA,CAAgBA;MAAUqB,QAA1B,KAAA,CAA0BA;MAAyBC,IAAnD,oBAAO,QAAA,YAAA,YAAA,cAAA;;MAGHT,MAAM,GAAG;AACbU,IAAAA,EAAE,EAAEH,KADS;AAEbI,IAAAA,KAAK,EAAExB,QAFM;AAGbqB,IAAAA,QAAQ,EAAEA,QAHG;;AAKbI,IAAAA,SAAS,EAAEH;AALE;SAQRT;AAbT,CAAA;;AAgBA,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD;MAErBQ,GADI,GAGFR,IAHE,CACJQ;MACAP,EAFI,GAGFD,IAAI;MADGS,OAFL,KAAA,CAEKA;MAASC,KAFd,KAAA,CAEcA;MAAO5B,QAFrB,KAAA,CAEqBA;MAAasB,IAFlC,oBAEG,UAAA,SAAA,YAAA;;MAGHN,QAAQ,GAAG;AACfW,IAAAA,OAAO,EAAEA,OAAO,SAAPA,IAAAA,OAAO,WAAPA,GAAAA,OAAAA,GAAWD,GADL;AAEfG,IAAAA,UAAU,EAAED,KAFG;AAGfH,IAAAA,SAAS,EAAEH,IAHI;AAIftB,IAAAA,QAAQ,EAAE;AAJK;;MAObA,UAAU;AACZgB,IAAAA,QAAQ,CAAChB,QAATgB,GAAoBX,aAAa,CAACL,QAAD,CAAjCgB;;;SAGKA;AAjBT,CAAA;;;"}

package/lib/cjs/hooks/use-flatten-data.js

@@ -0,0 +1,78 @@
+/** @LICENSE
+ * @hi-ui/check-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var treeUtils = require('@hi-ui/tree-utils');
+
+var NOOP_ARRAY = [];
+var DEFAULT_FIELD_NAMES = {};
+
+var useFlattenData = function useFlattenData(_ref) {
+  var _ref$data = _ref.data,
+      data = _ref$data === void 0 ? NOOP_ARRAY : _ref$data,
+      _ref$fieldNames = _ref.fieldNames,
+      fieldNames = _ref$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _ref$fieldNames;
+  var flattedData = React.useMemo(function () {
+    return flattenData({
+      data: data,
+      fieldNames: fieldNames
+    });
+  }, [data, fieldNames]);
+  return flattedData;
+};
+
+var flattenData = function flattenData(_ref2) {
+  var _ref2$data = _ref2.data,
+      data = _ref2$data === void 0 ? NOOP_ARRAY : _ref2$data,
+      _ref2$fieldNames = _ref2.fieldNames,
+      fieldNames = _ref2$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _ref2$fieldNames; // 转换对象
+
+  var getKeyFields = function getKeyFields(node, key) {
+    return node[fieldNames[key] || key];
+  };
+
+  return treeUtils.baseFlattenTree({
+    tree: data,
+    childrenFieldName: function childrenFieldName(node) {
+      return getKeyFields(node, 'children');
+    },
+    transform: function transform(node) {
+      var _a; // 不对外暴露
+
+
+      delete node.parent;
+      var raw = node.raw;
+
+      if ('groupId' in raw) {
+        // 用于虚拟列表唯一 id
+        node.id = raw.groupId;
+        node.groupId = raw.groupId;
+        node.groupTitle = raw.groupTitle;
+      } else {
+        // 支持 fieldNames 转换
+        node.id = getKeyFields(raw, 'id');
+        node.title = getKeyFields(raw, 'title');
+        node.disabled = (_a = getKeyFields(raw, 'disabled')) !== null && _a !== void 0 ? _a : false;
+      }
+
+      return node;
+    }
+  });
+};
+
+exports.flattenData = flattenData;
+exports.useFlattenData = useFlattenData;
+//# sourceMappingURL=use-flatten-data.js.map

package/lib/cjs/hooks/use-flatten-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-flatten-data.js","sources":["../../../src/hooks/use-flatten-data.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","DEFAULT_FIELD_NAMES","useFlattenData","data","fieldNames","flattedData","useMemo","flattenData","getKeyFields","node","key","baseFlattenTree","tree","childrenFieldName","transform","parent","raw","id","groupId","groupTitle","title","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;AAIA,IAAMA,UAAU,GAAG,EAAnB;AACA,IAAMC,mBAAmB,GAAG,EAA5B;;IAEaC,cAAc,GAAG,SAAjBA,cAAiB,KAAA;uBAAGC;MAAAA,8BAAOH;6BAAYI;MAAAA,0CAAaH;MACzDI,WAAW,GAAGC,aAAAA,CAAQ;WACnBC,WAAW,CAAC;AAAEJ,MAAAA,IAAI,EAAJA,IAAF;AAAQC,MAAAA,UAAU,EAAVA;AAAR,KAAD;AADO,GAAPE,EAEjB,CAACH,IAAD,EAAOC,UAAP,CAFiBE;SAIbD;;;IAGIE,WAAW,GAAG,SAAdA,WAAc,MAAA;yBAAGJ;MAAAA,+BAAOH;+BAAYI;MAAAA,2CAAaH;;MAEtDO,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAYC,GAAZ;WAAyCD,IAAI,CAACL,UAAU,CAACM,GAAD,CAAVN,IAAmBM,GAApB;AAAlE;;SAEOC,yBAAAA,CAAgB;AACrBC,IAAAA,IAAI,EAAET,IADe;AAErBU,IAAAA,iBAAiB,EAAE,0BAAA,CAACJ,IAAD;aAAUD,YAAY,CAACC,IAAD,EAAO,UAAP;AAFpB,KAAA;AAGrBK,IAAAA,SAAS,EAAE,kBAAA,CAACL,IAAD;;;;aAEFA,IAAI,CAACM;UAEJC,GAAR,GAAgBP,IAAhB,CAAQO;;UAEJ,aAAaA,KAAK;;AAEpBP,QAAAA,IAAI,CAACQ,EAALR,GAAUO,GAAG,CAACE,OAAdT;AACAA,QAAAA,IAAI,CAACS,OAALT,GAAeO,GAAG,CAACE,OAAnBT;AACAA,QAAAA,IAAI,CAACU,UAALV,GAAkBO,GAAG,CAACG,UAAtBV;AAJF,aAKO;;AAELA,QAAAA,IAAI,CAACQ,EAALR,GAAUD,YAAY,CAACQ,GAAD,EAAM,IAAN,CAAtBP;AACAA,QAAAA,IAAI,CAACW,KAALX,GAAaD,YAAY,CAACQ,GAAD,EAAM,OAAN,CAAzBP;AACAA,QAAAA,IAAI,CAACY,QAALZ,GAAgB,MAAAD,YAAY,CAACQ,GAAD,EAAM,UAAN,CAAZ,UAAA,iBAAA,KAAA,GAAiC,KAAjDP;;;aAEKA;;AApBY,GAAhBE;;;;"}

package/lib/cjs/index.js

@@ -19,6 +19,6 @@ var CheckSelect = require('./CheckSelect.js');
 
 exports.CheckSelect = CheckSelect.CheckSelect;
 exports.CheckSelectOption = CheckSelect.CheckSelectOption;
-exports.SelectSearch = CheckSelect.SelectSearch;
+exports.CheckSelectOptionGroup = CheckSelect.CheckSelectOptionGroup;
 exports["default"] = CheckSelect.CheckSelect;
 //# sourceMappingURL=index.js.map

package/lib/cjs/styles/index.scss.js

@@ -12,7 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = ".hi-v4-check-select {\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  font-size: 14px;\n  vertical-align: middle;\n  list-style: none;\n  width: auto;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  display: inline-block;\n  min-width: 160px;\n  max-height: 260px;\n  overflow: auto;\n  padding-bottom: 10px; }\n  .hi-v4-check-select--open .hi-v4-mock-input {\n    border-color: var(--color-primary); }\n  .hi-v4-check-select-item {\n    width: 100%;\n    padding: 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 10px;\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: var(--color-primary-20); }\n  .hi-v4-check-select-option--selected {\n      background-color: var(--color-primary-20);\n      font-weight: 700;\n      color: var(--color-primary); }\n  .hi-v4-check-select-option--focused {\n      background-color: var(--color-primary-10); }\n  .hi-v4-check-select-option--disabled {\n      cursor: not-allowed;\n      color: var(--color-gray-50);\n      font-weight: 400; }\n  .hi-v4-check-select-option--disabled .hi-v4-check-select-menu-switcher {\n        color: var(--color-gray-50); }\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: 0 10px 10px;\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";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-check-select-option {\n  margin-top: 4px;\n  margin-top: var(--hi-v4-spacing-2, 4px);\n  margin-bottom: 4px;\n  margin-bottom: var(--hi-v4-spacing-2, 4px);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\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  border-radius: 4px;\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  cursor: pointer;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  font-weight: 400;\n  font-weight: var(--hi-v4-text-weight-normal, 400);\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  line-height: 1.25rem;\n  line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-check-select-option__indent {\n    display: inline-block;\n    width: 16px;\n    height: 100%; }\n.hi-v4-check-select-option__title {\n    display: inline-block;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 100%;\n    padding: 6px;\n    padding: var(--hi-v4-spacing-3, 6px);\n    font-size: inherit;\n    font-weight: inherit;\n    color: inherit;\n    line-height: inherit; }\n.hi-v4-check-select-option:hover {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-check-select-option--focused {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-check-select-option--disabled {\n    cursor: not-allowed;\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-check-select-option-group {\n  display: inline-block;\n  margin-top: 12px;\n  margin-top: var(--hi-v4-spacing-6, 12px);\n  margin-bottom: 4px;\n  margin-bottom: var(--hi-v4-spacing-2, 4px);\n  padding: 6px 0 6px 6px;\n  padding: var(--hi-v4-spacing-3, 6px) 0 var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-3, 6px);\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  font-weight: 400;\n  font-weight: var(--hi-v4-text-weight-normal, 400);\n  color: #929aa6;\n  color: var(--hi-v4-color-gray-500, #929aa6);\n  line-height: 1.25rem;\n  line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-check-select-option-group:first-child {\n    margin-top: 4px;\n    margin-top: var(--hi-v4-spacing-2, 4px); }\n";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/cjs/use-check-select.js

@@ -9,8 +9,6 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
@@ -21,21 +19,19 @@ var React = require('react');
 
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
 
-var useSearch = require('./hooks/use-search.js');
+var lodash = require('lodash');
 
 var useCheck = require('@hi-ui/use-check');
 
 var useLatest = require('@hi-ui/use-latest');
 
-var useChildren = require('@hi-ui/use-children');
+var useData = require('./hooks/use-data.js');
 
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
+var useFlattenData = require('./hooks/use-flatten-data.js');
+
+require('@hi-ui/env');
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+require('@hi-ui/type-assertion');
 
 var NOOP_ARRAY = [];
 var NOOP_VALUE = [];
@@ -51,58 +47,51 @@ var useCheckSelect = function useCheckSelect(_a) {
       defaultValue = _a$defaultValue === void 0 ? NOOP_VALUE : _a$defaultValue,
       onChangeProp = _a.onChange,
       onSelect = _a.onSelect,
-      _a$emptyContent = _a.emptyContent,
-      emptyContent = _a$emptyContent === void 0 ? '无匹配选项' : _a$emptyContent,
-      searchPlaceholder = _a.searchPlaceholder,
-      titleRender = _a.titleRender,
-      rest = tslib.__rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "titleRender"]);
-
-  var data = React.useMemo(function () {
-    if (children) {
-      var list = useChildren.toArray(children);
-      var arr = [];
-
-      var dfs = function dfs(list) {
-        list.forEach(function (item) {
-          if (! /*#__PURE__*/React__default['default'].isValidElement(item)) return; // @ts-ignore
-
-          if (item.type && item.type.HiName === 'CheckSelectOption') {
-            arr.push(item); // @ts-ignore
-          } else if (item.type && item.type.HiName === 'CheckSelectOptionGroup') {
-            // @ts-ignore
-            if (item.props && item.props.children) {
-              // @ts-ignore
-              var _list = useChildren.toArray(item.props.children);
-
-              dfs(_list);
-            }
-          }
-        });
-      };
-
-      dfs(list);
-      return arr.map(function (_ref) {
-        var props = _ref.props;
-        return {
-          id: props.value,
-          title: props.children,
-          disabled: props.disabled || false
-        };
-      });
-    }
-
-    return dataProp;
-  }, [children, dataProp]);
+      fieldNames = _a.fieldNames,
+      rest = tslib.__rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "fieldNames"]);
+
+  var data = useData.useData({
+    data: dataProp,
+    children: children
+  });
+  var flattedData = useFlattenData.useFlattenData({
+    data: data,
+    fieldNames: fieldNames
+  });
+  var flattedDataRef = useLatest.useLatestRef(flattedData);
 
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChangeProp),
       value = _useUncontrolledState[0],
       tryChangeValue = _useUncontrolledState[1];
 
   var onSelectLatest = useLatest.useLatestCallback(onSelect);
+  var selectedItemsRef = React.useRef([]);
   var proxyTryChangeValue = React.useCallback(function (value, item, shouldChecked) {
-    tryChangeValue(value, item, shouldChecked);
-    onSelectLatest(value, item, shouldChecked);
-  }, [tryChangeValue, onSelectLatest]);
+    var changedItems = item;
+
+    if (!Array.isArray(item)) {
+      changedItems = [item];
+
+      if (shouldChecked) {
+        selectedItemsRef.current.push(item);
+      }
+
+      onSelectLatest(value, item, shouldChecked);
+    }
+
+    var selectedItems = lodash.uniqBy([].concat(changedItems, selectedItemsRef.current, flattedDataRef.current), 'id'); // 调用用户的select
+
+    var checkedItems = selectedItems // 使用最新的value
+    .filter(function (item) {
+      return value.includes(item.id);
+    }).map(function (item) {
+      return 'raw' in item ? item.raw : item;
+    });
+    tryChangeValue(value, // TODO: 处理脏数据
+    changedItems.map(function (item) {
+      return 'raw' in item ? item.raw : item;
+    }), checkedItems);
+  }, [tryChangeValue, onSelectLatest, flattedDataRef, selectedItemsRef]);
 
   var _useCheckDefault = useCheck.useCheck({
     disabled: disabled,
@@ -111,34 +100,16 @@ var useCheckSelect = function useCheckSelect(_a) {
     allowCheck: allowCheck
   }),
       onOptionCheck = _useCheckDefault[0],
-      isSelectedId = _useCheckDefault[1];
-
-  var _useSearch = useSearch.useSearch(data),
-      inSearch = _useSearch[0],
-      matchedItems = _useSearch[1],
-      inputProps = _useSearch[2],
-      isEmpty = _useSearch[3],
-      resetSearch = _useSearch[4];
-
-  var getSearchInputProps = React.useCallback(function () {
-    return {
-      placeholder: searchPlaceholder,
-      value: inputProps.value,
-      onChange: inputProps.onChange
-    };
-  }, [searchPlaceholder, inputProps]);
+      isCheckedId = _useCheckDefault[1];
+
   return {
     rootProps: rest,
-    data: inSearch ? matchedItems : data,
+    data: data,
+    flattedData: flattedData,
     value: value,
+    tryChangeValue: proxyTryChangeValue,
     onSelect: onOptionCheck,
-    isSelectedId: isSelectedId,
-    emptyContent: emptyContent,
-    getSearchInputProps: getSearchInputProps,
-    tryChangeValue: tryChangeValue,
-    isEmpty: isEmpty,
-    resetSearch: resetSearch,
-    titleRender: titleRender
+    isCheckedId: isCheckedId
   };
 };
 

package/lib/cjs/use-check-select.js.map

@@ -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","dfs","forEach","item","React","isValidElement","type","HiName","push","props","map","id","title","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","proxyTryChangeValue","useCallback","shouldChecked","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isSelectedId","useSearch","inSearch","matchedItems","inputProps","isEmpty","resetSearch","getSearchInputProps","placeholder","rootProps","option"],"mappings":"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"}
+{"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","fieldNames","rest","useData","flattedData","useFlattenData","flattedDataRef","useLatestRef","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","selectedItemsRef","useRef","proxyTryChangeValue","useCallback","item","shouldChecked","changedItems","Array","isArray","current","push","selectedItems","uniqBy","checkedItems","filter","includes","id","map","raw","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isCheckedId","rootProps","option"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,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;MACAC,gBAAAA;MACGC,wBAT0B,OAAA,YAAA,YAAA,SAAA,gBAAA,YAAA,YAAA,cAAA;;MAWvBX,IAAI,GAAGY,eAAAA,CAAQ;AAAEZ,IAAAA,IAAI,EAAEC,QAAR;AAAkBC,IAAAA,QAAQ,EAARA;AAAlB,GAARU;MACPC,WAAW,GAAGC,6BAAAA,CAAe;AAAEd,IAAAA,IAAI,EAAJA,IAAF;AAAQU,IAAAA,UAAU,EAAVA;AAAR,GAAfI;MACdC,cAAc,GAAGC,sBAAAA,CAAaH,WAAbG;;8BAESC,yCAAAA,CAAqBX,YAArBW,EAAmCb,SAAnCa,EAA8CV,YAA9CU;MAAzBZ,KAAP;MAAca,cAAd;;MAEMC,cAAc,GAAGC,2BAAAA,CAAkBX,QAAlBW;MAEjBC,gBAAgB,GAAGC,YAAAA,CAAc,EAAdA;MAEnBC,mBAAmB,GAAGC,iBAAAA,CAC1B,UACEnB,KADF,EAEEoB,IAFF,EAGEC,aAHF;QAKMC,YAAY,GAAGF;;QAEf,CAACG,KAAK,CAACC,OAAND,CAAcH,IAAdG,GAAqB;AACxBD,MAAAA,YAAY,GAAG,CAACF,IAAD,CAAfE;;UAEID,eAAe;AACjBL,QAAAA,gBAAgB,CAACS,OAAjBT,CAAyBU,IAAzBV,CAA8BI,IAA9BJ;;;AAEFF,MAAAA,cAAc,CAACd,KAAD,EAAQoB,IAAR,EAAcC,aAAd,CAAdP;;;QAGIa,aAAa,GAAGC,aAAAA,WAChBN,cAAiBN,gBAAgB,CAACS,SAAYf,cAAc,CAACe,QAD7CG,EAEpB,IAFoBA;;QAMhBC,YAAY,GAAGF,aAAa;AAAA,KAE/BG,MAFkBH,CAEX,UAACP,IAAD;aAAUpB,KAAK,CAAC+B,QAAN/B,CAAeoB,IAAI,CAACY,EAApBhC;AAFC,KAAA2B,EAGlBM,GAHkBN,CAGd,UAACP,IAAD;aAAW,SAASA,IAAT,GAAgBA,IAAI,CAACc,GAArB,GAA2Bd;AAHxB,KAAAO;AAKrBd,IAAAA,cAAc,CACZb,KADY;AAGZsB,IAAAA,YAAY,CAACW,GAAbX,CAAiB,UAACF,IAAD;aAAW,SAASA,IAAT,GAAgBA,IAAI,CAACc,GAArB,GAA2Bd;AAAvD,KAAAE,CAHY,EAIZO,YAJY,CAAdhB;AA5BmC,GAAXM,EAmC1B,CAACN,cAAD,EAAiBC,cAAjB,EAAiCJ,cAAjC,EAAiDM,gBAAjD,CAnC0BG;;yBAsCSgB,iBAAAA,CAAgB;AACnDrC,IAAAA,QAAQ,EAARA,QADmD;AAEnDsC,IAAAA,UAAU,EAAEpC,KAFuC;AAGnDqC,IAAAA,OAAO,EAAEnB,mBAH0C;AAInDoB,IAAAA,UAAU,EAAVA;AAJmD,GAAhBH;MAA9BI,aAAP;MAAsBC,WAAtB;;SAOO;AACLC,IAAAA,SAAS,EAAEnC,IADN;AAELX,IAAAA,IAAI,EAAJA,IAFK;AAGLa,IAAAA,WAAW,EAAXA,WAHK;AAILR,IAAAA,KAAK,EAALA,KAJK;AAKLa,IAAAA,cAAc,EAAEK,mBALX;AAMLd,IAAAA,QAAQ,EAAEmC,aANL;AAOLC,IAAAA,WAAW,EAAXA;AAPK;;;AA4DT,IAAMF,UAAU,GAAG,SAAbA,UAAa,CAACI,MAAD;SAAiB,CAACA,MAAM,CAAC5C;AAA5C,CAAA;;"}