@hi-ui/check-select 4.3.1 → 4.3.3

package/lib/cjs/hooks/use-cache/lib/esm/index.js

@@ -9,11 +9,8 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
+
 /** @LICENSE
  * @hi-ui/use-cache
  * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-cache#readme
@@ -27,17 +24,13 @@ var React = require('react');
 /**
  * A hook using for data cache that compatible with the controlled and uncontrolled modes coexist.
  */
-
-
 var useCache = function useCache(data) {
   var _useState = React.useState(data),
-      internalData = _useState[0],
-      setInternalData = _useState[1];
-
+    internalData = _useState[0],
+    setInternalData = _useState[1];
   React.useEffect(function () {
     setInternalData(data);
   }, [data]);
   return [internalData, setInternalData];
 };
-
 exports.useCache = useCache;

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

@@ -9,34 +9,24 @@
  */
 '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;
+    children = _ref.children;
   return React.useMemo(function () {
-    var mergedData; // data 优先级大于内嵌式组合
-
+    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);
@@ -44,13 +34,11 @@ var parseChildren = function parseChildren(children) {
     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);
@@ -59,14 +47,12 @@ var parseChildren = function parseChildren(children) {
   });
   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"]);
-
+    value = _a.value,
+    children = _a.children,
+    disabled = _a.disabled,
+    rest = tslib.__rest(_a, ["value", "children", "disabled", "groupTitle"]);
   var option = {
     id: value,
     title: children,
@@ -76,28 +62,23 @@ var parseOption = function parseOption(node) {
   };
   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"]);
-
+    _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;

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

@@ -9,22 +9,15 @@
  */
 '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;
+    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,
@@ -33,29 +26,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 treeUtils.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;
@@ -67,11 +56,9 @@ var flattenData = function flattenData(_ref2) {
         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;

package/lib/cjs/index.js

@@ -12,11 +12,8 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var CheckSelect = require('./CheckSelect.js');
-
 exports.CheckSelect = CheckSelect.CheckSelect;
 exports.CheckSelectOption = CheckSelect.CheckSelectOption;
 exports.CheckSelectOptionGroup = CheckSelect.CheckSelectOptionGroup;

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

@@ -13,9 +13,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 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);}";
-
 var __styleInject__ = require('style-inject')["default"];
-
 __styleInject__(css_248z);
-
 exports["default"] = css_248z;

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

@@ -9,80 +9,57 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var arrayUtils = require('@hi-ui/array-utils');
-
 var useCheck = require('@hi-ui/use-check');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var index = require('./hooks/use-cache/lib/esm/index.js');
-
 var useData = require('./hooks/use-data.js');
-
 var useFlattenData = require('./hooks/use-flatten-data.js');
-
 require('@hi-ui/env');
-
 require('@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 = tslib.__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 = tslib.__rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "fieldNames"]);
   var data = useData.useData({
     data: dataProp,
     children: children
   });
-
   var _useCache = index.useCache(data),
-      cacheData = _useCache[0],
-      setCacheData = _useCache[1];
-
+    cacheData = _useCache[0],
+    setCacheData = _useCache[1];
   var flattedData = useFlattenData.useFlattenData({
     data: cacheData,
     fieldNames: fieldNames
   });
   var flattedDataRef = useLatest.useLatestRef(flattedData);
-
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChangeProp),
-      value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1];
-
+    value = _useUncontrolledState[0],
+    tryChangeValue = _useUncontrolledState[1];
   var onSelectLatest = useLatest.useLatestCallback(onSelect);
-  var usedItemsRef = React.useRef([]); // 扁平化的选中数据，可能包括异步临时选中缓存数据
-
+  var usedItemsRef = React.useRef([]);
+  // 扁平化的选中数据，可能包括异步临时选中缓存数据
   var _useState = React.useState([]),
-      checkedItems = _useState[0],
-      setCheckedItems = _useState[1];
+    checkedItems = _useState[0],
+    setCheckedItems = _useState[1];
   /**
    * 更新缓存的 data 数据
    * 兼容在搜索异步加载结果的场景时，将选中的项加入到 cacheData 数据中，这样再次打开下拉框时可以显示之前选中的值
    */
-
-
   var updateCacheData = React.useCallback(function (nextCheckedItems) {
     var newData = [].concat(cacheData);
     nextCheckedItems.forEach(function (item) {
@@ -96,38 +73,35 @@ var useCheckSelect = function useCheckSelect(_a) {
   }, [cacheData, flattedData, setCacheData]);
   var proxyTryChangeValue = React.useCallback(function (value, item, shouldChecked) {
     var changedItems = item;
-
     if (!Array.isArray(item)) {
       changedItems = [item];
       onSelectLatest(value, item, shouldChecked);
     }
-
     var usedItems = arrayUtils.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.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,
@@ -139,9 +113,7 @@ var useCheckSelect = function useCheckSelect(_a) {
     checkedItems: checkedItems
   };
 };
-
 var allowCheck = function allowCheck(option) {
   return !option.disabled;
 };
-
 exports.useCheckSelect = useCheckSelect;

package/lib/cjs/utils/index.js

@@ -9,13 +9,9 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
 /**
  * 判断选项是否进行可选操作
  */
-
 var isCheckableOption = function isCheckableOption(item) {
   if ('groupTitle' in item) return false;
   if (item.disabled) return false;
@@ -24,13 +20,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;
@@ -46,7 +39,6 @@ var getAllCheckedStatus = function getAllCheckedStatus(dropdownItems, values, fi
   });
   return [hasValue && dropdownIdsSet.size === 0, hasValue && dropdownIdsSet.size > 0];
 };
-
 exports.getAllCheckedStatus = getAllCheckedStatus;
 exports.isCheckableOption = isCheckableOption;
 exports.isOption = isOption;