@hi-ui/check-select 4.3.1 → 4.3.3

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

@@ -11,12 +11,11 @@ import { useMemo } from 'react';
 import { baseFlattenTree } from '@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;
+    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 = useMemo(function () {
     return flattenData({
       data: data,
@@ -25,29 +24,25 @@ var useFlattenData = function useFlattenData(_ref) {
   }, [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; // 转换对象
-
+    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 baseFlattenTree({
     tree: data,
     childrenFieldName: function childrenFieldName(node) {
       return getKeyFields(node, 'children');
     },
     transform: function transform(node) {
-      var _a; // 不对外暴露
-
-
+      var _a;
+      // 不对外暴露
       delete node.parent;
       var raw = node.raw;
-
       if ('groupId' in raw) {
         // 用于虚拟列表唯一 id
         node.id = raw.groupId;
@@ -59,10 +54,8 @@ var flattenData = function flattenData(_ref2) {
         node.title = getKeyFields(raw, 'title');
         node.disabled = (_a = getKeyFields(raw, 'disabled')) !== null && _a !== void 0 ? _a : false;
       }
-
       return node;
     }
   });
 };
-
 export { flattenData, useFlattenData };

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

@@ -9,7 +9,5 @@
  */
 import __styleInject__ from 'style-inject';
 var css_248z = ".hi-v4-check-select-option {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;border-radius: var(--hi-v4-border-radius-md, 4px);cursor: pointer;font-size: var(--hi-v4-text-size-md, 0.875rem);font-weight: var(--hi-v4-text-weight-normal, 400);color: var(--hi-v4-color-gray-700, #1f2733);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);}.hi-v4-check-select-option__indent {display: inline-block;width: 16px;height: 100%;}.hi-v4-check-select-option__title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-3, 6px);font-size: inherit;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none;font-weight: inherit;color: inherit;line-height: inherit;}.hi-v4-check-select-option:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-check-select-option--focused {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-check-select-option--disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-check-select-option-group {display: inline-block;margin-top: var(--hi-v4-spacing-6, 12px);margin-bottom: var(--hi-v4-spacing-2, 4px);padding: var(--hi-v4-spacing-3, 6px) 0 var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-3, 6px);font-size: var(--hi-v4-text-size-md, 0.875rem);font-weight: var(--hi-v4-text-weight-normal, 400);color: var(--hi-v4-color-gray-500, #929aa6);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);}.hi-v4-check-select-option-group:first-child {margin-top: var(--hi-v4-spacing-2, 4px);}";
-
 __styleInject__(css_248z);
-
 export { css_248z as default };

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

@@ -20,52 +20,44 @@ import '@hi-ui/env';
 import '@hi-ui/type-assertion';
 var NOOP_ARRAY = [];
 var NOOP_VALUE = [];
-
 var useCheckSelect = function useCheckSelect(_a) {
   var _a$data = _a.data,
-      dataProp = _a$data === void 0 ? NOOP_ARRAY : _a$data,
-      children = _a.children,
-      _a$disabled = _a.disabled,
-      disabled = _a$disabled === void 0 ? false : _a$disabled,
-      valueProp = _a.value,
-      _a$defaultValue = _a.defaultValue,
-      defaultValue = _a$defaultValue === void 0 ? NOOP_VALUE : _a$defaultValue,
-      onChangeProp = _a.onChange,
-      onSelect = _a.onSelect,
-      fieldNames = _a.fieldNames,
-      rest = __rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "fieldNames"]);
-
+    dataProp = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+    children = _a.children,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    valueProp = _a.value,
+    _a$defaultValue = _a.defaultValue,
+    defaultValue = _a$defaultValue === void 0 ? NOOP_VALUE : _a$defaultValue,
+    onChangeProp = _a.onChange,
+    onSelect = _a.onSelect,
+    fieldNames = _a.fieldNames,
+    rest = __rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "fieldNames"]);
   var data = useData({
     data: dataProp,
     children: children
   });
-
   var _useCache = useCache(data),
-      cacheData = _useCache[0],
-      setCacheData = _useCache[1];
-
+    cacheData = _useCache[0],
+    setCacheData = _useCache[1];
   var flattedData = useFlattenData({
     data: cacheData,
     fieldNames: fieldNames
   });
   var flattedDataRef = useLatestRef(flattedData);
-
   var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChangeProp),
-      value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1];
-
+    value = _useUncontrolledState[0],
+    tryChangeValue = _useUncontrolledState[1];
   var onSelectLatest = useLatestCallback(onSelect);
-  var usedItemsRef = useRef([]); // 扁平化的选中数据，可能包括异步临时选中缓存数据
-
+  var usedItemsRef = useRef([]);
+  // 扁平化的选中数据，可能包括异步临时选中缓存数据
   var _useState = useState([]),
-      checkedItems = _useState[0],
-      setCheckedItems = _useState[1];
+    checkedItems = _useState[0],
+    setCheckedItems = _useState[1];
   /**
    * 更新缓存的 data 数据
    * 兼容在搜索异步加载结果的场景时，将选中的项加入到 cacheData 数据中，这样再次打开下拉框时可以显示之前选中的值
    */
-
-
   var updateCacheData = useCallback(function (nextCheckedItems) {
     var newData = [].concat(cacheData);
     nextCheckedItems.forEach(function (item) {
@@ -79,38 +71,35 @@ var useCheckSelect = function useCheckSelect(_a) {
   }, [cacheData, flattedData, setCacheData]);
   var proxyTryChangeValue = useCallback(function (value, item, shouldChecked) {
     var changedItems = item;
-
     if (!Array.isArray(item)) {
       changedItems = [item];
       onSelectLatest(value, item, shouldChecked);
     }
-
     var usedItems = uniqBy([].concat(changedItems, usedItemsRef.current, flattedDataRef.current), 'id');
-    usedItemsRef.current = usedItems; // 使用最新的value
-
+    usedItemsRef.current = usedItems;
+    // 使用最新的value
     var nextCheckedItems = usedItems.filter(function (item) {
       return value.includes(item.id);
     });
     setCheckedItems(nextCheckedItems);
-    tryChangeValue(value, // 处理脏数据
+    tryChangeValue(value,
+    // 处理脏数据
     changedItems.map(function (item) {
       return 'raw' in item ? item.raw : item;
     }), nextCheckedItems.map(function (item) {
       return 'raw' in item ? item.raw : item;
-    })); // 每次更新 value 时，同步更新下 cacheData
-
+    }));
+    // 每次更新 value 时，同步更新下 cacheData
     updateCacheData(nextCheckedItems);
   }, [flattedDataRef, tryChangeValue, updateCacheData, onSelectLatest]);
-
   var _useCheckDefault = useCheck({
-    disabled: disabled,
-    checkedIds: value,
-    onCheck: proxyTryChangeValue,
-    allowCheck: allowCheck
-  }),
-      onOptionCheck = _useCheckDefault[0],
-      isCheckedId = _useCheckDefault[1];
-
+      disabled: disabled,
+      checkedIds: value,
+      onCheck: proxyTryChangeValue,
+      allowCheck: allowCheck
+    }),
+    onOptionCheck = _useCheckDefault[0],
+    isCheckedId = _useCheckDefault[1];
   return {
     rootProps: rest,
     data: data,
@@ -122,9 +111,7 @@ var useCheckSelect = function useCheckSelect(_a) {
     checkedItems: checkedItems
   };
 };
-
 var allowCheck = function allowCheck(option) {
   return !option.disabled;
 };
-
 export { useCheckSelect };

package/lib/esm/utils/index.js

@@ -7,7 +7,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 /**
  * 判断选项是否进行可选操作
  */
@@ -19,13 +18,10 @@ var isCheckableOption = function isCheckableOption(item) {
 /**
  * 判断选项为
  */
-
-
 var isOption = function isOption(item) {
   if ('groupTitle' in item) return false;
   return true;
 };
-
 var getAllCheckedStatus = function getAllCheckedStatus(dropdownItems, values, filterFunc) {
   var dropdownIds = dropdownItems.filter(filterFunc).map(function (_ref) {
     var id = _ref.id;
@@ -41,5 +37,4 @@ var getAllCheckedStatus = function getAllCheckedStatus(dropdownItems, values, fi
   });
   return [hasValue && dropdownIdsSet.size === 0, hasValue && dropdownIdsSet.size > 0];
 };
-
 export { getAllCheckedStatus, isCheckableOption, isOption };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/check-select",
-  "version": "4.3.1",
+  "version": "4.3.3",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -43,38 +43,38 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/array-utils": "^4.0.1",
-    "@hi-ui/checkbox": "^4.0.5",
-    "@hi-ui/classname": "^4.0.1",
-    "@hi-ui/dom-utils": "^4.0.4",
-    "@hi-ui/env": "^4.0.1",
-    "@hi-ui/func-utils": "^4.0.1",
-    "@hi-ui/highlighter": "^4.0.5",
-    "@hi-ui/icons": "^4.0.6",
-    "@hi-ui/input": "^4.0.9",
-    "@hi-ui/picker": "^4.1.1",
-    "@hi-ui/popper": "^4.0.5",
-    "@hi-ui/tag-input": "^4.0.6",
-    "@hi-ui/times": "^4.0.1",
-    "@hi-ui/tree-utils": "^4.0.2",
-    "@hi-ui/type-assertion": "^4.0.1",
-    "@hi-ui/use-check": "^4.0.2",
-    "@hi-ui/use-children": "^4.0.1",
-    "@hi-ui/use-data-source": "^4.0.1",
-    "@hi-ui/use-latest": "^4.0.1",
-    "@hi-ui/use-search-mode": "^4.0.6",
-    "@hi-ui/use-toggle": "^4.0.1",
-    "@hi-ui/use-uncontrolled-state": "^4.0.1",
-    "@hi-ui/virtual-list": "^4.0.4"
+    "@hi-ui/array-utils": "^4.0.2",
+    "@hi-ui/checkbox": "^4.0.6",
+    "@hi-ui/classname": "^4.0.2",
+    "@hi-ui/dom-utils": "^4.0.5",
+    "@hi-ui/env": "^4.0.2",
+    "@hi-ui/func-utils": "^4.0.2",
+    "@hi-ui/highlighter": "^4.0.6",
+    "@hi-ui/icons": "^4.0.16",
+    "@hi-ui/input": "^4.0.11",
+    "@hi-ui/picker": "^4.1.2",
+    "@hi-ui/popper": "^4.1.1",
+    "@hi-ui/tag-input": "^4.0.8",
+    "@hi-ui/times": "^4.0.2",
+    "@hi-ui/tree-utils": "^4.1.2",
+    "@hi-ui/type-assertion": "^4.0.2",
+    "@hi-ui/use-check": "^4.0.3",
+    "@hi-ui/use-children": "^4.0.2",
+    "@hi-ui/use-data-source": "^4.0.2",
+    "@hi-ui/use-latest": "^4.0.2",
+    "@hi-ui/use-search-mode": "^4.1.2",
+    "@hi-ui/use-toggle": "^4.0.2",
+    "@hi-ui/use-uncontrolled-state": "^4.0.2",
+    "@hi-ui/virtual-list": "^4.0.5"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.0",
+    "@hi-ui/core": ">=4.0.6",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.4",
-    "@hi-ui/core-css": "^4.1.1",
+    "@hi-ui/core": "^4.0.6",
+    "@hi-ui/core-css": "^4.1.3",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }