@hi-ui/check-cascader 4.2.2 → 4.2.4

package/lib/cjs/CheckCascaderMenuList.js

@@ -10,110 +10,87 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var CheckCascaderMenu = require('./CheckCascaderMenu.js');
-
 var context = require('./context.js');
-
 var index = require('./utils/index.js');
-
 var useCheck = require('./hooks/use-check.js');
-
 var useSelect = require('./hooks/use-select.js');
-
 var useAsyncSwitch = require('./hooks/use-async-switch.js');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
-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 _role = 'check-cascader-menus';
-
 var _prefix = classname.getPrefixCls(_role);
-
 var NOOP_ARRAY = [];
 var CheckCascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      flattedData = _a.flattedData,
-      onChangeData = _a.onChangeData,
-      valueProp = _a.value,
-      _a$defaultValue = _a.defaultValue,
-      defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
-      _a$disabled = _a.disabled,
-      disabled = _a$disabled === void 0 ? false : _a$disabled,
-      _a$expandTrigger = _a.expandTrigger,
-      expandTrigger = _a$expandTrigger === void 0 ? 'click' : _a$expandTrigger,
-      _a$changeOnSelect = _a.changeOnSelect,
-      changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
-      _a$checkCascaded = _a.checkCascaded,
-      checkCascaded = _a$checkCascaded === void 0 ? true : _a$checkCascaded,
-      onLoadChildren = _a.onLoadChildren,
-      onChange = _a.onChange,
-      titleRender = _a.titleRender,
-      dropdownColumnRender = _a.dropdownColumnRender,
-      flatted = _a.flatted,
-      _a$checkedMode = _a.checkedMode,
-      checkedMode = _a$checkedMode === void 0 ? 'ALL' : _a$checkedMode,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "flattedData", "onChangeData", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "onLoadChildren", "onChange", "onSelect", "titleRender", "dropdownColumnRender", "flatted", "checkedMode"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    flattedData = _a.flattedData,
+    onChangeData = _a.onChangeData,
+    valueProp = _a.value,
+    _a$defaultValue = _a.defaultValue,
+    defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$expandTrigger = _a.expandTrigger,
+    expandTrigger = _a$expandTrigger === void 0 ? 'click' : _a$expandTrigger,
+    _a$changeOnSelect = _a.changeOnSelect,
+    changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
+    _a$checkCascaded = _a.checkCascaded,
+    checkCascaded = _a$checkCascaded === void 0 ? true : _a$checkCascaded,
+    onLoadChildren = _a.onLoadChildren,
+    onChange = _a.onChange,
+    titleRender = _a.titleRender,
+    dropdownColumnRender = _a.dropdownColumnRender,
+    flatted = _a.flatted,
+    _a$checkedMode = _a.checkedMode,
+    checkedMode = _a$checkedMode === void 0 ? 'ALL' : _a$checkedMode,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "flattedData", "onChangeData", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "onLoadChildren", "onChange", "onSelect", "titleRender", "dropdownColumnRender", "flatted", "checkedMode"]);
   if (checkCascaded === false) {
     checkedMode = 'SEPARATE';
   }
-
   var _useSelect = useSelect.useSelect(disabled),
-      selectedId = _useSelect[0],
-      onOptionSelect = _useSelect[1];
-
+    selectedId = _useSelect[0],
+    onOptionSelect = _useSelect[1];
   var selectedIds = index.getActiveMenuIds(flattedData, selectedId);
-
   var _useAsyncSwitch = useAsyncSwitch.useAsyncSwitch(onChangeData, onOptionSelect, onLoadChildren),
-      isLoadingId = _useAsyncSwitch[0],
-      onItemExpand = _useAsyncSwitch[1];
-
+    isLoadingId = _useAsyncSwitch[0],
+    onItemExpand = _useAsyncSwitch[1];
   var _useCheck = useCheck.useCheck(checkedMode, disabled, flattedData, defaultValue, valueProp, function (_ref, target, shouldChecked) {
-    var checkedIds = _ref.checkedIds; // @ts-ignore
-
-    onChange === null || onChange === void 0 ? void 0 : onChange(checkedIds, target, shouldChecked);
-  }),
-      onOptionCheck = _useCheck[0],
-      isCheckedId = _useCheck[1],
-      isSemiCheckedId = _useCheck[2];
-
+      var checkedIds = _ref.checkedIds;
+      // @ts-ignore
+      onChange === null || onChange === void 0 ? void 0 : onChange(checkedIds, target, shouldChecked);
+    }),
+    onOptionCheck = _useCheck[0],
+    isCheckedId = _useCheck[1],
+    isSemiCheckedId = _useCheck[2];
   var getCascaderItemRequiredProps = useLatest.useLatestCallback(function (_ref2) {
     var id = _ref2.id,
-        depth = _ref2.depth;
+      depth = _ref2.depth;
     return {
       selected: flatted ? selectedId === id : selectedIds[depth] === id,
       checked: isCheckedId(id),
       loading: isLoadingId(id),
-      semiChecked: isSemiCheckedId(id) // focused: false,
-
+      semiChecked: isSemiCheckedId(id)
+      // focused: false,
     };
   });
+
   var providedValue = React.useMemo(function () {
     return {
       expandTrigger: expandTrigger,
@@ -143,9 +120,7 @@ var CheckCascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return menu.length > 0 ? typeAssertion.isFunction(dropdownColumnRender) ? dropdownColumnRender(menuContent, menuIndex) : menuContent : null;
   })));
 });
-
 if (env.__DEV__) {
   CheckCascaderMenuList.displayName = 'CheckCascaderMenuList';
 }
-
 exports.CheckCascaderMenuList = CheckCascaderMenuList;

package/lib/cjs/context.js

@@ -12,21 +12,15 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
-
 var checkCascaderContext = /*#__PURE__*/React.createContext({});
 var CheckCascaderProvider = checkCascaderContext.Provider;
-
 var useCheckCascaderContext = function useCheckCascaderContext() {
   var context = React.useContext(checkCascaderContext);
-
   if (!context) {
     throw new Error('The checkCascaderContext context should using in CheckCascader.');
   }
-
   return context;
 };
-
 exports.CheckCascaderProvider = CheckCascaderProvider;
 exports.useCheckCascaderContext = useCheckCascaderContext;

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

@@ -10,36 +10,26 @@
 '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');
-
-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 _useList = useList(),
-      loadingIds = _useList[0],
-      addLoadingIds = _useList[1],
-      removeLoadingIds = _useList[2]; // 加载节点
-
-
+    loadingIds = _useList[0],
+    addLoadingIds = _useList[1],
+    removeLoadingIds = _useList[2];
+  // 加载节点
   var loadChildren = React.useCallback(function (node) {
     return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var childrenNodes;
@@ -51,19 +41,15 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
                 _context.next = 2;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 2:
               _context.next = 4;
               return onLoadChildren(node, treeUtils.getTopDownAncestors(node).map(function (_ref) {
                 var id = _ref.id;
                 return id;
               }));
-
             case 4:
               childrenNodes = _context.sent;
-
               if (Array.isArray(childrenNodes)) {
                 setCascaderData(function (prev) {
                   var nextTreeData = treeUtils.cloneTree(prev);
@@ -71,7 +57,6 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
                   return nextTreeData;
                 });
               }
-
             case 6:
             case "end":
               return _context.stop();
@@ -90,43 +75,34 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
             case 0:
               id = node.id, children = node.children, isLeaf = node.isLeaf;
               onExpandLatest(node);
-
               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();
@@ -135,23 +111,18 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
       }, _callee2, null, [[8, 14]]);
     }));
   }, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
-
   var isLoadingId = function isLoadingId(id) {
     return loadingIds.indexOf(id) !== -1;
   };
-
   return [isLoadingId, onNodeSwitch];
 };
-
 var useList = function useList(initialValue) {
   if (initialValue === void 0) {
     initialValue = [];
   }
-
   var _useState = React.useState(initialValue),
-      keyList = _useState[0],
-      setKeyList = _useState[1];
-
+    keyList = _useState[0],
+    setKeyList = _useState[1];
   var remove = React.useCallback(function (targetKey) {
     setKeyList(function (prev) {
       return prev.filter(function (key) {
@@ -166,5 +137,4 @@ var useList = function useList(initialValue) {
   }, []);
   return [keyList, add, remove];
 };
-
 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-check.js

@@ -12,31 +12,24 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var useCheck$1 = require('@hi-ui/use-check');
-
 var index = require('../utils/index.js');
-
 var NOOP_ARRAY = [];
-
 var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultCheckedIds, checkedIdsProp, onCheck) {
   if (defaultCheckedIds === void 0) {
     defaultCheckedIds = NOOP_ARRAY;
   }
-
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultCheckedIds, checkedIdsProp, function (checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
-    // 出口数据处理
-    onCheck === null || onCheck === void 0 ? void 0 : onCheck({
-      checkedIds: checkedIds,
-      semiCheckedIds: semiCheckedIds
-    }, checkedNode, shouldChecked);
-  }),
-      checkedIds = _useUncontrolledState[0],
-      trySetCheckedIds = _useUncontrolledState[1]; // 入口数据处理
-
-
+      // 出口数据处理
+      onCheck === null || onCheck === void 0 ? void 0 : onCheck({
+        checkedIds: checkedIds,
+        semiCheckedIds: semiCheckedIds
+      }, checkedNode, shouldChecked);
+    }),
+    checkedIds = _useUncontrolledState[0],
+    trySetCheckedIds = _useUncontrolledState[1];
+  // 入口数据处理
   var parsedCheckedIds = index.parseCheckDataDirty(checkedMode, checkedIds, flattedData, allowCheck);
   var cascaded = checkedMode !== 'SEPARATE';
   return useCheck$1.useCascadeCheck({
@@ -52,13 +45,10 @@ var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultChec
     allowCheck: allowCheck
   });
 };
-
 var allowCheck = function allowCheck(targetItem) {
   if (targetItem.disabled || targetItem.disabledCheckbox || targetItem.checkable === false) {
     return false;
   }
-
   return true;
 };
-
 exports.useCheck = useCheck;

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

@@ -12,26 +12,22 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
+
 /**
  * 用于选中的 hook
  *
  * @param disabled
  * @returns
  */
-
-
 var useSelect = function useSelect(disabled) {
   var _useState = React.useState(),
-      selectedId = _useState[0],
-      setSelectedId = _useState[1];
-
+    selectedId = _useState[0],
+    setSelectedId = _useState[1];
   var onOptionSelect = React.useCallback(function (selectedOption) {
     if (disabled || selectedOption.disabled) return;
     setSelectedId(selectedOption.id);
   }, [disabled]);
   return [selectedId, onOptionSelect];
 };
-
 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 CheckCascader = require('./CheckCascader.js');
-
 exports.CheckCascader = CheckCascader.CheckCascader;
 exports["default"] = CheckCascader.CheckCascader;

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-check-cascader__popper .hi-v4-picker__body {padding-left: 0;padding-right: 0;overflow-y: hidden;}.hi-v4-check-cascader__popper .hi-v4-picker__loading, .hi-v4-check-cascader__popper .hi-v4-picker__empty {padding: var(--hi-v4-spacing-5, 10px) var(--hi-v4-spacing-8, 16px);}.hi-v4-check-cascader-panel {white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v4-check-cascader-panel-search {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px 10px;position: relative;}.hi-v4-check-cascader-panel-search .hi-v4-input__prefix {font-size: 16px;padding-left: 0;}.hi-v4-check-cascader-panel-search__empty {display: inline-block;margin-top: 20px;font-size: 14px;font-weight: 400;color: #999;line-height: 20px;}.hi-v4-check-cascader-menus {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-x: auto;}.hi-v4-check-cascader-menus--flatted .hi-v4-check-cascader-menu {-ms-flex-preferred-size: 100%;flex-basis: 100%;}.hi-v4-check-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: 256px;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-check-cascader-menu:last-of-type {border: none;}.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {padding-left: 8px;}.hi-v4-check-cascader-menu-item {width: 100%;position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-check-cascader-menu-checkbox {position: relative;}.hi-v4-check-cascader-menu-checkbox::after {right: 0;top: -8px;bottom: -8px;left: -8px;content: \"\";position: absolute;display: block;}.hi-v4-check-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-check-cascader-menu-option:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected {background: 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-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected .hi-v4-check-cascader-menu-switcher {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-check-cascader-menu-option--focused {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));}.hi-v4-check-cascader-menu-option--disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6);background: transparent;}.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-check-cascader-menu .title__text {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v4-check-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-check-cascader-menu .title__text--col {display: inline-block;}.hi-v4-check-cascader-menu .title__text--col::after {content: \" / \";}.hi-v4-check-cascader-menu .title__text--col:last-child::after {content: none;}.hi-v4-check-cascader-menu .title__text--matched {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-check-cascader-menu-switcher {-ms-flex-negative: 0;flex-shrink: 0;font-size: 16px;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-check-cascader-menu-switcher--loading {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-tree--icon-loading {-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 hi-rotate {from {-webkit-transform: rotate(0);transform: rotate(0);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes hi-rotate {from {-webkit-transform: rotate(0);transform: rotate(0);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}";
-
 var __styleInject__ = require('style-inject')["default"];
-
 __styleInject__(css_248z);
-
 exports["default"] = css_248z;