@hi-ui/cascader 4.1.2 → 4.1.4

package/lib/cjs/hooks/use-async-switch.js

@@ -10,34 +10,24 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var treeUtils = require('@hi-ui/tree-utils');
-
 var useCheckState = require('@hi-ui/use-check-state');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultCompat(_regeneratorRuntime);
 var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadChildren) {
-  var onLoadChildrenLatest = useLatest.useLatestCallback(onLoadChildren); // 加载节点
-
+  var onLoadChildrenLatest = useLatest.useLatestCallback(onLoadChildren);
+  // 加载节点
   var loadChildren = React.useCallback(function (node) {
     return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var childrenNodes;
@@ -50,10 +40,8 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
                 var id = _ref.id;
                 return id;
               }));
-
             case 2:
               childrenNodes = _context.sent;
-
               if (Array.isArray(childrenNodes)) {
                 setCascaderData(function (prev) {
                   var nextTreeData = treeUtils.cloneTree(prev);
@@ -61,7 +49,6 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
                   return nextTreeData;
                 });
               }
-
             case 4:
             case "end":
               return _context.stop();
@@ -70,18 +57,15 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
       }, _callee);
     }));
   }, [onLoadChildrenLatest, setCascaderData]);
-
   var _useCheckState = useCheckState.useCheckState(),
-      isLoadingId = _useCheckState.has,
-      addLoadingIds = _useCheckState.add,
-      removeLoadingIds = _useCheckState.remove;
-
+    isLoadingId = _useCheckState.has,
+    addLoadingIds = _useCheckState.add,
+    removeLoadingIds = _useCheckState.remove;
   var onExpandLatest = useLatest.useLatestCallback(onExpand);
   var onNodeSwitch = React.useCallback(function (node, onlyExpand) {
     if (onlyExpand === void 0) {
       onlyExpand = false;
     }
-
     return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
       var id, children, isLeaf;
       return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
@@ -91,43 +75,34 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
               // 直接触发选中该节点
               onExpandLatest(node, onlyExpand);
               id = node.id, children = node.children, isLeaf = node.isLeaf;
-
               if (!children) {
                 _context2.next = 4;
                 break;
               }
-
               return _context2.abrupt("return");
-
             case 4:
               if (!isLeaf) {
                 _context2.next = 6;
                 break;
               }
-
               return _context2.abrupt("return");
-
             case 6:
               if (!onLoadChildren) {
                 _context2.next = 17;
                 break;
               }
-
               addLoadingIds(id);
               _context2.prev = 8;
               _context2.next = 11;
               return loadChildren(node);
-
             case 11:
               removeLoadingIds(id);
               _context2.next = 17;
               break;
-
             case 14:
               _context2.prev = 14;
               _context2.t0 = _context2["catch"](8);
               removeLoadingIds(id);
-
             case 17:
             case "end":
               return _context2.stop();
@@ -138,5 +113,4 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
   }, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
   return [isLoadingId, onNodeSwitch];
 };
-
 exports.useAsyncSwitch = useAsyncSwitch;

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

@@ -12,8 +12,8 @@
 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 +27,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-select.js

@@ -12,29 +12,21 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var treeUtils = require('@hi-ui/tree-utils');
-
 var index = require('../utils/index.js');
+
 /**
  * 用于选中的 hook
  */
-
-
 var useSelect = function useSelect(disabled, onSelect, changeOnSelect, onLoadChildren) {
   var onSelectLatest = useLatest.useLatestCallback(onSelect);
-
   var _useState = React.useState(''),
-      selectedId = _useState[0],
-      setSelectedId = _useState[1];
-
+    selectedId = _useState[0],
+    setSelectedId = _useState[1];
   var proxyOnSelect = React.useCallback(function (selectedId, selectOption) {
     var optionPaths = treeUtils.getTopDownAncestors(selectOption);
-
     if (changeOnSelect) {
       // 任意选中
       onSelectLatest(selectedId, selectOption, optionPaths);
@@ -48,11 +40,9 @@ var useSelect = function useSelect(disabled, onSelect, changeOnSelect, onLoadChi
   var onItemSelect = React.useCallback(function (targetItem, onlyExpand) {
     if (disabled) return;
     if (targetItem.disabled) return;
-
     if (onlyExpand) {
       // 仅展开，不做选中处理
       var canLoadChildren = index.checkCanLoadChildren(targetItem, onLoadChildren);
-
       if (canLoadChildren) {
         setSelectedId(targetItem.id);
       }
@@ -63,5 +53,4 @@ var useSelect = function useSelect(disabled, onSelect, changeOnSelect, onLoadChi
   }, [disabled, proxyOnSelect, onLoadChildren]);
   return [selectedId, onItemSelect, setSelectedId];
 };
-
 exports.useSelect = useSelect;

package/lib/cjs/icons/index.js

@@ -10,25 +10,18 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
-
 var icons = require('@hi-ui/icons');
-
 var spinner = require('@hi-ui/spinner');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var defaultSuffixIcon = /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null);
 var defaultLeafIcon = /*#__PURE__*/React__default["default"].createElement("span", {
   style: {

package/lib/cjs/index.js

@@ -12,10 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var Cascader = require('./Cascader.js');
-
 exports.Cascader = Cascader.Cascader;
 exports["default"] = Cascader.Cascader;

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

@@ -13,9 +13,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 var css_248z = "@charset \"UTF-8\";.hi-v4-cascader__popper .hi-v4-picker__body {padding-left: 0;padding-right: 0;overflow-y: hidden;}.hi-v4-cascader__popper .hi-v4-picker__loading, .hi-v4-cascader__popper .hi-v4-picker__empty {padding: var(--hi-v4-spacing-5, 10px) var(--hi-v4-spacing-8, 16px);}.hi-v4-cascader-panel {white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-cascader-search {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px 10px;position: relative;}.hi-v4-cascader-search .hi-v4-input__prefix {font-size: 16px;padding-left: 0;}.hi-v4-cascader-search__empty {display: inline-block;margin-top: 20px;font-size: 14px;font-weight: 400;color: #999;line-height: 20px;}.hi-v4-cascader-menu-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-x: auto;}.hi-v4-cascader-menu-list--flatted .hi-v4-cascader-menu {-ms-flex-preferred-size: 100%;flex-basis: 100%;}.hi-v4-cascader-menu {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v4-text-size-md, 0.875rem);vertical-align: middle;list-style: none;width: auto;box-sizing: border-box;-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;min-width: 140px;max-height: 260px;overflow: auto;padding: 0 var(--hi-v4-spacing-4, 8px);border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);}.hi-v4-cascader-menu:last-of-type {border: none;}.hi-v4-cascader-menu-item {width: 100%;position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-cascader-menu-option {padding: var(--hi-v4-spacing-1, 2px) var(--hi-v4-spacing-3, 6px);-webkit-box-sizing: border-box;box-sizing: border-box;height: var(--hi-v4-height-8, 32px);width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-cascader-menu-option:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--selected {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--selected .hi-v4-cascader-menu-switcher {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-cascader-menu-option--focused {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));}.hi-v4-cascader-menu-option--checked {font-weight: 700;}.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6);background: transparent;}.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--disabled .hi-v4-cascader-menu-switcher {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-cascader-menu .title__text {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v4-cascader-menu .title__text--cols {display: block;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v4-text-size-md, 0.875rem);vertical-align: middle;list-style: none;}.hi-v4-cascader-menu .title__text--col {display: inline-block;}.hi-v4-cascader-menu .title__text--col::after {content: \" / \";}.hi-v4-cascader-menu .title__text--col:last-child::after {content: none;}.hi-v4-cascader-menu .title__text--matched {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-cascader-menu-switcher {-ms-flex-negative: 0;flex-shrink: 0;font-size: 16px;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-cascader-menu-switcher--loading {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-cascader-menu-switcher--arrow {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}.hi-v4-cascader__icon--loading {display: inline-block;width: 1em;height: 1em;stroke: none;cursor: default;fill: currentColor;}.hi-v4-cascader__icon--loading svg {-webkit-animation-name: hi-rotate;animation-name: hi-rotate;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}@-webkit-keyframes rotate {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes rotate {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}";
-
 var __styleInject__ = require('style-inject')["default"];
-
 __styleInject__(css_248z);
-
 exports["default"] = css_248z;

package/lib/cjs/use-cascader.js

@@ -12,85 +12,69 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var index = require('./hooks/use-cache/lib/esm/index.js');
-
 var index$1 = require('./utils/index.js');
-
 var useSelect = require('./hooks/use-select.js');
-
 var useAsyncSwitch = require('./hooks/use-async-switch.js');
-
 var NOOP_ARRAY = [];
 var NOOP_VALUE = [];
-
 var useCascader = function useCascader(_a) {
   var _a$defaultValue = _a.defaultValue,
-      defaultValue = _a$defaultValue === void 0 ? NOOP_VALUE : _a$defaultValue,
-      valueProp = _a.value,
-      onChangeProp = _a.onChange,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
-      _a$disabled = _a.disabled,
-      disabled = _a$disabled === void 0 ? false : _a$disabled,
-      _a$changeOnSelect = _a.changeOnSelect,
-      changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
-      _a$flatted = _a.flatted,
-      flatted = _a$flatted === void 0 ? false : _a$flatted,
-      onSelectProp = _a.onSelect,
-      onLoadChildren = _a.onLoadChildren,
-      cascaderDataProp = _a.cascaderData,
-      setCascaderDataProp = _a.setCascaderData,
-      flattedDataProp = _a.flattedData,
-      fieldNames = _a.fieldNames,
-      rest = tslib.__rest(_a, ["defaultValue", "value", "onChange", "data", "disabled", "changeOnSelect", "flatted", "onSelect", "onLoadChildren", "cascaderData", "setCascaderData", "flattedData", "fieldNames"]);
-
+    defaultValue = _a$defaultValue === void 0 ? NOOP_VALUE : _a$defaultValue,
+    valueProp = _a.value,
+    onChangeProp = _a.onChange,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$changeOnSelect = _a.changeOnSelect,
+    changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
+    _a$flatted = _a.flatted,
+    flatted = _a$flatted === void 0 ? false : _a$flatted,
+    onSelectProp = _a.onSelect,
+    onLoadChildren = _a.onLoadChildren,
+    cascaderDataProp = _a.cascaderData,
+    setCascaderDataProp = _a.setCascaderData,
+    flattedDataProp = _a.flattedData,
+    fieldNames = _a.fieldNames,
+    rest = tslib.__rest(_a, ["defaultValue", "value", "onChange", "data", "disabled", "changeOnSelect", "flatted", "onSelect", "onLoadChildren", "cascaderData", "setCascaderData", "flattedData", "fieldNames"]);
   var _useCache = index.useCache(data),
-      cacheData = _useCache[0],
-      setCacheData = _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 = React.useMemo(function () {
     return flattedDataProp !== null && flattedDataProp !== void 0 ? flattedDataProp : index$1.flattenTreeData(cascaderData, fieldNames);
   }, [cascaderData, flattedDataProp, fieldNames]);
-
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChangeProp),
-      value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1];
-
+    value = _useUncontrolledState[0],
+    tryChangeValue = _useUncontrolledState[1];
   var onSelect = function onSelect(value, item, itemPaths) {
     tryChangeValue(itemPaths.map(function (_ref) {
       var id = _ref.id;
       return id;
     }));
     onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(value, item, itemPaths);
-  }; // 单击选中某项
-
-
+  };
+  // 单击选中某项
   var _useSelect = useSelect.useSelect(disabled, onSelect, changeOnSelect, onLoadChildren),
-      selectedId = _useSelect[0],
-      onOptionSelect = _useSelect[1],
-      setSelectedId = _useSelect[2]; // 选中 id 路径
-
-
+    selectedId = _useSelect[0],
+    onOptionSelect = _useSelect[1],
+    setSelectedId = _useSelect[2];
+  // 选中 id 路径
   var selectedIds = React.useMemo(function () {
     return index$1.getActiveNodePaths(flattedData, selectedId).map(function (_ref2) {
       var id = _ref2.id;
       return id;
     });
-  }, [flattedData, selectedId]); // 存在异步加载数据的情况时，单击选中时需要控制异步加载状态
-
+  }, [flattedData, selectedId]);
+  // 存在异步加载数据的情况时，单击选中时需要控制异步加载状态
   var _useAsyncSwitch = useAsyncSwitch.useAsyncSwitch(setCascaderData, onOptionSelect, onLoadChildren),
-      isLoadingId = _useAsyncSwitch[0],
-      onItemExpand = _useAsyncSwitch[1];
-
+    isLoadingId = _useAsyncSwitch[0],
+    onItemExpand = _useAsyncSwitch[1];
   var onItemHover = React.useCallback(function (option) {
     // hover模式，仅展开节点，不触发 change
     onItemExpand(option, true);
@@ -103,7 +87,7 @@ var useCascader = function useCascader(_a) {
   }, [flatted, flattedData, selectedId, isCanLoadChildren]);
   var getItemRequiredProps = React.useCallback(function (_ref3) {
     var id = _ref3.id,
-        depth = _ref3.depth;
+      depth = _ref3.depth;
     return {
       active: value[depth] === id,
       selected: flatted ? selectedId === id : selectedIds[depth] === id,
@@ -131,5 +115,4 @@ var useCascader = function useCascader(_a) {
     menuList: menuList
   };
 };
-
 exports.useCascader = useCascader;

package/lib/cjs/utils/index.js

@@ -12,15 +12,12 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var treeUtils = require('@hi-ui/tree-utils');
-
 var typeAssertion = require('@hi-ui/type-assertion');
+
 /**
  * 扁平化树数据结构，基于前序遍历
  */
-
-
 var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
   /**
    * 转换对象
@@ -29,10 +26,8 @@ var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
     if (fieldNames) {
       return node[fieldNames[key] || key];
     }
-
     return node[key];
   };
-
   return treeUtils.baseFlattenTree({
     tree: treeData,
     childrenFieldName: function childrenFieldName(node) {
@@ -40,7 +35,6 @@ var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
     },
     transform: function transform(node) {
       var _a, _b;
-
       var flattedNode = node;
       var raw = node.raw;
       flattedNode.id = getKeyFields(raw, 'id');
@@ -54,8 +48,6 @@ var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
 /**
  * 获取选中节点的节点路径，包含选中节点
  */
-
-
 var getActiveNodePaths = function getActiveNodePaths(flattedData, selectedId) {
   if (flattedData.length === 0) return [];
   var selectedOption = flattedData.find(function (_ref) {
@@ -68,8 +60,6 @@ var getActiveNodePaths = function getActiveNodePaths(flattedData, selectedId) {
 /**
  * 获取自顶向下的兄弟节点列表菜单
  */
-
-
 var getActiveMenus = function getActiveMenus(flattedData, selectedId) {
   if (flattedData.length === 0) return [];
   var root = flattedData[0].parent;
@@ -80,48 +70,39 @@ var getActiveMenus = function getActiveMenus(flattedData, selectedId) {
     return selectedId === id;
   });
   if (!selectedOption) return menu;
-
   if (selectedOption.children) {
     menu = [selectedOption.children];
   } else {
     menu = [];
   }
-
   while (selectedOption.parent) {
     menu.push(selectedOption.parent.children);
     selectedOption = selectedOption.parent;
   }
-
   return menu.reverse();
 };
-
 var getFlattedMenus = function getFlattedMenus(data, filter) {
   return [data.filter(function (item) {
     return !filter(item);
   })];
 };
-
 var checkCanLoadChildren = function checkCanLoadChildren(node, onLoadChildren) {
   var hasChildren = typeAssertion.isArrayNonEmpty(node.children);
   return hasChildren || onLoadChildren && !node.isLeaf && !node.children;
 };
-
 function getItemEventData(node, requiredProps) {
   return Object.assign(Object.assign({}, node), requiredProps);
 }
-
 var getFilteredMenuList = function getFilteredMenuList(menuList, searchedData) {
   var result = [];
   searchedData.forEach(function (item) {
     while (item && item.depth >= 0) {
       var depth = item.depth;
       var depthResult = result[depth];
-
       if (!depthResult) {
         depthResult = new Map();
         result[depth] = depthResult;
       }
-
       depthResult.set(item.id, item);
       item = item.parent;
     }
@@ -137,7 +118,6 @@ var getFilteredMenuList = function getFilteredMenuList(menuList, searchedData) {
     });
   });
 };
-
 exports.checkCanLoadChildren = checkCanLoadChildren;
 exports.flattenTreeData = flattenTreeData;
 exports.getActiveMenus = getActiveMenus;