@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/esm/Cascader.js

@@ -6,98 +6,125 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import Popup from './Popup.js';
-import { T as Tabs } from './tabs-e1b4e4b1.js';
-import { T as TabPane } from './tabpane-01075e6c.js';
-import { I as Icon } from './icon-4ef1581c.js';
-import { c as cn } from './bem-3b438e61.js';
-import './Icon.js';
-import './typings-f27b58f4.js';
-import './TabPane.js';
-import '@bem-react/classname';
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null)
+    return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object")
+      return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { isValidElement, useState, useEffect } from "react";
+import classNames from "classnames";
+import Popup from "./Popup.js";
+import { T as Tabs } from "./tabs2.js";
+import { T as TabPane } from "./tabpane2.js";
+import { Loading, Checklist } from "@nutui/icons-react";
+import { c as cn } from "./bem.js";
+import "./typings.js";
+import "./TabPane.js";
+import "@bem-react/classname";
 var defaultProps$1 = {
   data: {
-    text: '',
-    value: '',
-    paneKey: '',
+    text: "",
+    value: "",
+    paneKey: "",
     disabled: false,
     loading: false,
     children: []
   },
-  activeColor: '#fa2c19',
+  activeColor: "",
   checked: false,
-  checkedIcon: 'checklist',
-  chooseItem: function chooseItem() {}
+  checkedIcon: "checklist",
+  chooseItem: function chooseItem() {
+  }
 };
-var InternalCascaderItem = function InternalCascaderItem(props, ref) {
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
-    data = _defaultProps$1$props.data,
-    checked = _defaultProps$1$props.checked,
-    checkedIcon = _defaultProps$1$props.checkedIcon,
-    chooseItem = _defaultProps$1$props.chooseItem,
-    activeColor = _defaultProps$1$props.activeColor;
-  var b = cn('cascader-item');
+var InternalCascaderItem = function InternalCascaderItem2(props, ref) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), data = _defaultProps$1$props.data, checked = _defaultProps$1$props.checked, checkedIcon = _defaultProps$1$props.checkedIcon, chooseItem2 = _defaultProps$1$props.chooseItem, activeColor = _defaultProps$1$props.activeColor;
+  var b = cn("cascader-item");
   var classes = classNames({
     active: checked,
     disabled: data.disabled
-  }, b(''));
-  var classesTitle = classNames(_defineProperty({}, "".concat(b(''), "__title"), true));
+  }, b(""));
+  var classesTitle = classNames(_defineProperty({}, "".concat(b(""), "__title"), true));
+  var renderIcon = function renderIcon2() {
+    if (checked) {
+      if (isValidElement(checkedIcon)) {
+        return checkedIcon;
+      }
+      return React__default.createElement(Checklist, {
+        className: "".concat(checked ? b("icon-check") : "")
+      });
+    }
+    return null;
+  };
   return React__default.createElement("div", {
     style: {
-      color: checked ? activeColor : ''
+      color: checked ? activeColor : ""
     },
     className: classes,
     onClick: function onClick() {
-      chooseItem(data);
+      chooseItem2(data);
     }
   }, React__default.createElement("div", {
     className: classesTitle
-  }, data.text), data.loading ? React__default.createElement(Icon, {
+  }, data.text), data.loading ? React__default.createElement(Loading, {
     color: "#969799",
-    className: "nut-cascader-item__icon-loading",
-    name: "loading"
-  }) : React__default.createElement(Icon, {
-    className: "".concat(checked ? b('icon-check') : ''),
-    name: checked ? checkedIcon : ''
-  }));
+    className: "nut-cascader-item__icon-loading"
+  }) : renderIcon());
 };
 var CascaderItem = React__default.forwardRef(InternalCascaderItem);
 CascaderItem.defaultProps = defaultProps$1;
-CascaderItem.displayName = 'NutCascaderItem';
-var formatTree = function formatTree(tree, parent, config) {
-  return tree.map(function (node) {
-    var _config$value = config.value,
-      valueKey = _config$value === void 0 ? 'value' : _config$value,
-      _config$text = config.text,
-      textKey = _config$text === void 0 ? 'text' : _config$text,
-      _config$children = config.children,
-      childrenKey = _config$children === void 0 ? 'children' : _config$children;
-    var value = node[valueKey],
-      text = node[textKey],
-      children = node[childrenKey],
-      others = _objectWithoutProperties(node, [valueKey, textKey, childrenKey].map(_toPropertyKey));
+CascaderItem.displayName = "NutCascaderItem";
+var formatTree = function formatTree2(tree, parent, config) {
+  return tree.map(function(node) {
+    var _config$value = config.value, valueKey = _config$value === void 0 ? "value" : _config$value, _config$text = config.text, textKey = _config$text === void 0 ? "text" : _config$text, _config$children = config.children, childrenKey = _config$children === void 0 ? "children" : _config$children;
+    var value = node[valueKey], text = node[textKey], children = node[childrenKey], others = _objectWithoutProperties(node, [valueKey, textKey, childrenKey].map(_toPropertyKey));
     var newNode = _objectSpread(_objectSpread({
       loading: false
     }, others), {}, {
       level: parent ? (parent && parent.level || 0) + 1 : 0,
-      value: value,
-      text: text,
-      children: children,
+      value,
+      text,
+      children,
       _parent: parent
     });
     if (newNode.children && newNode.children.length) {
-      newNode.children = formatTree(newNode.children, newNode, config);
+      newNode.children = formatTree2(newNode.children, newNode, config);
     }
     return newNode;
   });
 };
-var eachTree = function eachTree(tree, cb) {
+var eachTree = function eachTree2(tree, cb) {
   var i = 0;
   var node;
   while (node = tree[i++]) {
@@ -105,31 +132,25 @@ var eachTree = function eachTree(tree, cb) {
       break;
     }
     if (node.children && node.children.length) {
-      eachTree(node.children, cb);
+      eachTree2(node.children, cb);
     }
   }
 };
 var defaultConvertConfig = {
   topId: null,
-  idKey: 'id',
-  pidKey: 'pid',
-  sortKey: ''
+  idKey: "id",
+  pidKey: "pid",
+  sortKey: ""
 };
-var convertListToOptions = function convertListToOptions(list, options) {
+var convertListToOptions = function convertListToOptions2(list, options) {
   var mergedOptions = _objectSpread(_objectSpread({}, defaultConvertConfig), options || {});
-  var topId = mergedOptions.topId,
-    idKey = mergedOptions.idKey,
-    pidKey = mergedOptions.pidKey,
-    sortKey = mergedOptions.sortKey;
+  var topId = mergedOptions.topId, idKey = mergedOptions.idKey, pidKey = mergedOptions.pidKey, sortKey = mergedOptions.sortKey;
   var result = [];
   var map = {};
-  list.forEach(function (node) {
+  list.forEach(function(node) {
     node = _objectSpread({}, node);
-    var _node = node,
-      id = _node[idKey],
-      pid = _node[pidKey];
+    var _node = node, id = _node[idKey], pid = _node[pidKey];
     var children = map[pid] = map[pid] || [];
-    // const children = map[pid] || []
     if (!result.length && pid === topId) {
       result = children;
     }
@@ -137,9 +158,9 @@ var convertListToOptions = function convertListToOptions(list, options) {
     node.children = map[id] || (map[id] = []);
   });
   if (sortKey) {
-    Object.keys(map).forEach(function (i) {
+    Object.keys(map).forEach(function(i) {
       if (map[i].length > 1) {
-        map[i].sort(function (a, b) {
+        map[i].sort(function(a, b) {
           return a[sortKey] - b[sortKey];
         });
       }
@@ -148,19 +169,18 @@ var convertListToOptions = function convertListToOptions(list, options) {
   map = null;
   return result;
 };
-var Tree = /*#__PURE__*/function () {
-  function Tree(nodes, config) {
+var Tree = /* @__PURE__ */ function() {
+  function Tree2(nodes, config) {
     var _this = this;
-    _classCallCheck(this, Tree);
+    _classCallCheck(this, Tree2);
     _defineProperty(this, "nodes", void 0);
     _defineProperty(this, "config", void 0);
-    _defineProperty(this, "isLeaf", function (node, lazy) {
-      var leaf = node.leaf,
-        children = node.children;
+    _defineProperty(this, "isLeaf", function(node, lazy) {
+      var leaf = node.leaf, children = node.children;
       var hasChildren = Array.isArray(children) && Boolean(children.length);
       return leaf || !hasChildren && !lazy;
     });
-    _defineProperty(this, "hasChildren", function (node, lazy) {
+    _defineProperty(this, "hasChildren", function(node, lazy) {
       var isLeaf = _this.isLeaf(node, lazy);
       if (isLeaf) {
         return false;
@@ -169,13 +189,13 @@ var Tree = /*#__PURE__*/function () {
       return Array.isArray(children) && Boolean(children.length);
     });
     this.config = _objectSpread({
-      value: 'value',
-      text: 'text',
-      children: 'children'
+      value: "value",
+      text: "text",
+      children: "children"
     }, config || {});
     this.nodes = formatTree(nodes, null, this.config);
   }
-  _createClass(Tree, [{
+  _createClass(Tree2, [{
     key: "updateChildren",
     value: function updateChildren(nodes, parent) {
       if (!parent) {
@@ -189,7 +209,7 @@ var Tree = /*#__PURE__*/function () {
     key: "getNodeByValue",
     value: function getNodeByValue(value) {
       var foundNode;
-      eachTree(this.nodes, function (node) {
+      eachTree(this.nodes, function(node) {
         if (node.value === value) {
           foundNode = node;
           return true;
@@ -207,7 +227,7 @@ var Tree = /*#__PURE__*/function () {
       var pathNodes = [];
       var currentNodes = this.nodes;
       while (currentNodes && currentNodes.length) {
-        var foundNode = currentNodes.find(function (node) {
+        var foundNode = currentNodes.find(function(node) {
           return node.value === value[node.level];
         });
         if (!foundNode) {
@@ -219,413 +239,388 @@ var Tree = /*#__PURE__*/function () {
       return pathNodes;
     }
   }]);
-  return Tree;
+  return Tree2;
 }();
+var Tree$1 = Tree;
 var defaultProps = _objectSpread({
-  className: '',
+  className: "",
   style: {},
-  activeColor: '#fa2c19',
-  checkedIcon: 'checklist',
-  tabsColor: '',
+  activeColor: "",
+  checkedIcon: "checklist",
+  tabsColor: "",
   poppable: true,
   visible: false,
   options: [],
   value: [],
-  title: '',
-  textKey: 'text',
-  valueKey: 'value',
-  childrenKey: 'children',
+  title: "",
+  textKey: "text",
+  valueKey: "value",
+  childrenKey: "children",
   convertConfig: {},
   closeable: false,
-  closeIconPosition: 'top-right',
-  closeIcon: 'close',
+  closeIconPosition: "top-right",
+  closeIcon: "close",
   lazy: false,
-  lazyLoad: function lazyLoad() {},
-  onClose: function onClose() {},
-  onChange: function onChange() {},
-  onPathChange: function onPathChange() {}
+  lazyLoad: function lazyLoad() {
+  },
+  onClose: function onClose() {
+  },
+  onChange: function onChange() {
+  },
+  onPathChange: function onPathChange() {
+  }
 }, Popup.defaultProps);
-var InternalCascader = function InternalCascader(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    tabsColor = _defaultProps$props.tabsColor,
-    poppable = _defaultProps$props.poppable,
-    visible = _defaultProps$props.visible,
-    options = _defaultProps$props.options,
-    value = _defaultProps$props.value,
-    title = _defaultProps$props.title,
-    textKey = _defaultProps$props.textKey,
-    valueKey = _defaultProps$props.valueKey,
-    childrenKey = _defaultProps$props.childrenKey,
-    convertConfig = _defaultProps$props.convertConfig,
-    closeable = _defaultProps$props.closeable,
-    closeIconPosition = _defaultProps$props.closeIconPosition,
-    closeIcon = _defaultProps$props.closeIcon,
-    lazy = _defaultProps$props.lazy,
-    lazyLoad = _defaultProps$props.lazyLoad,
-    onClose = _defaultProps$props.onClose,
-    onChange = _defaultProps$props.onChange,
-    onPathChange = _defaultProps$props.onPathChange;
-  var _useState = useState('c1'),
-    _useState2 = _slicedToArray(_useState, 2),
-    tabvalue = _useState2[0],
-    setTabvalue = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    optionsData = _useState4[0],
-    setOptionsData = _useState4[1];
-  var isLazy = function isLazy() {
+var InternalCascader = function InternalCascader2(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, tabsColor = _defaultProps$props.tabsColor, poppable = _defaultProps$props.poppable, visible = _defaultProps$props.visible, options = _defaultProps$props.options, value = _defaultProps$props.value, title = _defaultProps$props.title, textKey = _defaultProps$props.textKey, valueKey = _defaultProps$props.valueKey, childrenKey = _defaultProps$props.childrenKey, convertConfig = _defaultProps$props.convertConfig, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, lazy = _defaultProps$props.lazy, lazyLoad2 = _defaultProps$props.lazyLoad, onClose2 = _defaultProps$props.onClose, onChange2 = _defaultProps$props.onChange, onPathChange2 = _defaultProps$props.onPathChange;
+  var _useState = useState("c1"), _useState2 = _slicedToArray(_useState, 2), tabvalue = _useState2[0], setTabvalue = _useState2[1];
+  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), optionsData = _useState4[0], setOptionsData = _useState4[1];
+  var isLazy = function isLazy2() {
     return state.configs.lazy && Boolean(state.configs.lazyLoad);
   };
   var _useState5 = useState({
-      optionsData: [],
-      panes: [{
-        nodes: [],
-        selectedNode: [],
-        paneKey: ''
-      }],
-      innerValue: value,
-      tree: new Tree([], {}),
-      tabsCursor: 0,
-      initLoading: false,
-      currentProcessNode: [],
-      configs: {
-        lazy: lazy,
-        lazyLoad: lazyLoad,
-        valueKey: valueKey,
-        textKey: textKey,
-        childrenKey: childrenKey,
-        convertConfig: convertConfig
-      },
-      lazyLoadMap: new Map()
-    }),
-    _useState6 = _slicedToArray(_useState5, 1),
-    state = _useState6[0];
-  var b = cn('cascader');
-  var classes = classNames(b(''));
-  var classesPane = classNames(_defineProperty({}, "".concat(b(''), "-pane"), true));
-  useEffect(function () {
+    optionsData: [],
+    panes: [{
+      nodes: [],
+      selectedNode: [],
+      paneKey: ""
+    }],
+    innerValue: value,
+    tree: new Tree$1([], {}),
+    tabsCursor: 0,
+    initLoading: false,
+    currentProcessNode: [],
+    configs: {
+      lazy,
+      lazyLoad: lazyLoad2,
+      valueKey,
+      textKey,
+      childrenKey,
+      convertConfig
+    },
+    lazyLoadMap: /* @__PURE__ */ new Map()
+  }), _useState6 = _slicedToArray(_useState5, 1), state = _useState6[0];
+  var b = cn("cascader");
+  var classes = classNames(b(""));
+  var classesPane = classNames(_defineProperty({}, "".concat(b(""), "-pane"), true));
+  useEffect(function() {
     initData();
   }, []);
-  useEffect(function () {
+  useEffect(function() {
     if (value !== state.innerValue) {
       state.innerValue = value;
     }
   }, [value]);
-  useEffect(function () {
+  useEffect(function() {
     initData();
   }, [options]);
-  var initData = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var initData = /* @__PURE__ */ function() {
+    var _ref = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            // 初始化开始处理数据
-            state.lazyLoadMap.clear();
-            if (convertConfig && Object.keys(convertConfig).length > 0) {
-              state.optionsData = convertListToOptions(options, convertConfig);
-            } else {
-              state.optionsData = options;
-            }
-            state.tree = new Tree(state.optionsData, {
-              value: state.configs.valueKey,
-              text: state.configs.textKey,
-              children: state.configs.childrenKey
-            });
-            if (!(isLazy() && !state.tree.nodes.length)) {
+        while (1)
+          switch (_context.prev = _context.next) {
+            case 0:
+              state.lazyLoadMap.clear();
+              if (convertConfig && Object.keys(convertConfig).length > 0) {
+                state.optionsData = convertListToOptions(options, convertConfig);
+              } else {
+                state.optionsData = options;
+              }
+              state.tree = new Tree$1(state.optionsData, {
+                value: state.configs.valueKey,
+                text: state.configs.textKey,
+                children: state.configs.childrenKey
+              });
+              if (!(isLazy() && !state.tree.nodes.length)) {
+                _context.next = 6;
+                break;
+              }
               _context.next = 6;
-              break;
-            }
-            _context.next = 6;
-            return invokeLazyLoad({
-              root: true,
-              loading: true,
-              text: '',
-              value: ''
-            });
-          case 6:
-            state.panes = [{
-              nodes: state.tree.nodes,
-              selectedNode: null,
-              paneKey: 'c1'
-            }];
-            syncValue();
-            setOptionsData(state.panes);
-          case 9:
-          case "end":
-            return _context.stop();
-        }
+              return invokeLazyLoad({
+                root: true,
+                loading: true,
+                text: "",
+                value: ""
+              });
+            case 6:
+              state.panes = [{
+                nodes: state.tree.nodes,
+                selectedNode: null,
+                paneKey: "c1"
+              }];
+              syncValue();
+              setOptionsData(state.panes);
+            case 9:
+            case "end":
+              return _context.stop();
+          }
       }, _callee);
     }));
-    return function initData() {
+    return function initData2() {
       return _ref.apply(this, arguments);
     };
   }();
-  // 处理有默认值时的数据
-  var syncValue = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+  var syncValue = /* @__PURE__ */ function() {
+    var _ref2 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee3() {
       var currentValue, needToSync, parent, last, pathNodes;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            currentValue = state.innerValue;
-            if (!(currentValue === undefined || !state.tree.nodes.length)) {
-              _context3.next = 3;
-              break;
-            }
-            return _context3.abrupt("return");
-          case 3:
-            if (!(currentValue.length === 0)) {
-              _context3.next = 6;
-              break;
-            }
-            state.tabsCursor = 0;
-            return _context3.abrupt("return");
-          case 6:
-            needToSync = currentValue;
-            if (!(isLazy() && Array.isArray(currentValue) && currentValue.length)) {
-              _context3.next = 19;
-              break;
-            }
-            needToSync = [];
-            parent = state.tree.nodes.find(function (node) {
-              return node.value === currentValue[0];
-            });
-            if (!parent) {
-              _context3.next = 19;
-              break;
-            }
-            needToSync = [parent.value];
-            state.initLoading = true;
-            _context3.next = 15;
-            return currentValue.slice(1).reduce( /*#__PURE__*/function () {
-              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(p, value) {
-                var _parent$children;
-                var parent, node;
-                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
-                    case 0:
-                      _context2.next = 2;
-                      return p;
-                    case 2:
-                      parent = _context2.sent;
-                      _context2.next = 5;
-                      return invokeLazyLoad(parent);
-                    case 5:
-                      node = parent === null || parent === void 0 ? void 0 : (_parent$children = parent.children) === null || _parent$children === void 0 ? void 0 : _parent$children.find(function (item) {
-                        return item.value === value;
-                      });
-                      if (node) {
-                        needToSync.push(value);
-                      }
-                      return _context2.abrupt("return", Promise.resolve(node));
-                    case 8:
-                    case "end":
-                      return _context2.stop();
-                  }
-                }, _callee2);
-              }));
-              return function (_x, _x2) {
-                return _ref3.apply(this, arguments);
-              };
-            }(), Promise.resolve(parent));
-          case 15:
-            last = _context3.sent;
-            _context3.next = 18;
-            return invokeLazyLoad(last);
-          case 18:
-            state.initLoading = false;
-          case 19:
-            if (needToSync.length && currentValue === value) {
-              pathNodes = state.tree.getPathNodesByValue(needToSync);
-              pathNodes.forEach(function (node, index) {
-                state.tabsCursor = index;
-                // 当有默认值时，不触发 chooseItem 里的 emit 事件
-                _chooseItem(node, true);
+        while (1)
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              currentValue = state.innerValue;
+              if (!(currentValue === void 0 || !state.tree.nodes.length)) {
+                _context3.next = 3;
+                break;
+              }
+              return _context3.abrupt("return");
+            case 3:
+              if (!(currentValue.length === 0)) {
+                _context3.next = 6;
+                break;
+              }
+              state.tabsCursor = 0;
+              return _context3.abrupt("return");
+            case 6:
+              needToSync = currentValue;
+              if (!(isLazy() && Array.isArray(currentValue) && currentValue.length)) {
+                _context3.next = 19;
+                break;
+              }
+              needToSync = [];
+              parent = state.tree.nodes.find(function(node) {
+                return node.value === currentValue[0];
               });
-            }
-          case 20:
-          case "end":
-            return _context3.stop();
-        }
+              if (!parent) {
+                _context3.next = 19;
+                break;
+              }
+              needToSync = [parent.value];
+              state.initLoading = true;
+              _context3.next = 15;
+              return currentValue.slice(1).reduce(/* @__PURE__ */ function() {
+                var _ref3 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee2(p, value2) {
+                  var _parent2$children;
+                  var parent2, node;
+                  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                    while (1)
+                      switch (_context2.prev = _context2.next) {
+                        case 0:
+                          _context2.next = 2;
+                          return p;
+                        case 2:
+                          parent2 = _context2.sent;
+                          _context2.next = 5;
+                          return invokeLazyLoad(parent2);
+                        case 5:
+                          node = parent2 === null || parent2 === void 0 ? void 0 : (_parent2$children = parent2.children) === null || _parent2$children === void 0 ? void 0 : _parent2$children.find(function(item) {
+                            return item.value === value2;
+                          });
+                          if (node) {
+                            needToSync.push(value2);
+                          }
+                          return _context2.abrupt("return", Promise.resolve(node));
+                        case 8:
+                        case "end":
+                          return _context2.stop();
+                      }
+                  }, _callee2);
+                }));
+                return function(_x, _x2) {
+                  return _ref3.apply(this, arguments);
+                };
+              }(), Promise.resolve(parent));
+            case 15:
+              last = _context3.sent;
+              _context3.next = 18;
+              return invokeLazyLoad(last);
+            case 18:
+              state.initLoading = false;
+            case 19:
+              if (needToSync.length && currentValue === value) {
+                pathNodes = state.tree.getPathNodesByValue(needToSync);
+                pathNodes.forEach(function(node, index) {
+                  state.tabsCursor = index;
+                  _chooseItem(node, true);
+                });
+              }
+            case 20:
+            case "end":
+              return _context3.stop();
+          }
       }, _callee3);
     }));
-    return function syncValue() {
+    return function syncValue2() {
       return _ref2.apply(this, arguments);
     };
   }();
-  var invokeLazyLoad = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(node) {
+  var invokeLazyLoad = /* @__PURE__ */ function() {
+    var _ref4 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee4(node) {
       var parent, lazyLoadPromise, nodes;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            if (node) {
-              _context4.next = 2;
-              break;
-            }
-            return _context4.abrupt("return");
-          case 2:
-            if (state.configs.lazyLoad) {
-              _context4.next = 5;
-              break;
-            }
-            node.leaf = true;
-            return _context4.abrupt("return");
-          case 5:
-            if (!(state.tree.isLeaf(node, isLazy()) || state.tree.hasChildren(node, isLazy()))) {
-              _context4.next = 7;
-              break;
-            }
-            return _context4.abrupt("return");
-          case 7:
-            node.loading = true;
-            parent = node.root ? null : node;
-            lazyLoadPromise = state.lazyLoadMap.get(node);
-            if (!lazyLoadPromise) {
-              lazyLoadPromise = new Promise(function (resolve) {
-                var _state$configs$lazyLo, _state$configs;
-                // 外部必须resolve
-                (_state$configs$lazyLo = (_state$configs = state.configs).lazyLoad) === null || _state$configs$lazyLo === void 0 ? void 0 : _state$configs$lazyLo.call(_state$configs, node, resolve);
-              });
-              state.lazyLoadMap.set(node, lazyLoadPromise);
-            }
-            _context4.next = 13;
-            return lazyLoadPromise;
-          case 13:
-            nodes = _context4.sent;
-            if (Array.isArray(nodes) && nodes.length > 0) {
-              state.tree.updateChildren(nodes, parent);
-            } else {
-              // 如果加载完成后没有提供子节点，作为叶子节点处理
+        while (1)
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              if (node) {
+                _context4.next = 2;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 2:
+              if (state.configs.lazyLoad) {
+                _context4.next = 5;
+                break;
+              }
               node.leaf = true;
-            }
-            node.loading = false;
-            state.lazyLoadMap["delete"](node);
-          case 17:
-          case "end":
-            return _context4.stop();
-        }
+              return _context4.abrupt("return");
+            case 5:
+              if (!(state.tree.isLeaf(node, isLazy()) || state.tree.hasChildren(node, isLazy()))) {
+                _context4.next = 7;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 7:
+              node.loading = true;
+              parent = node.root ? null : node;
+              lazyLoadPromise = state.lazyLoadMap.get(node);
+              if (!lazyLoadPromise) {
+                lazyLoadPromise = new Promise(function(resolve) {
+                  var _state$configs$lazyLo, _state$configs;
+                  (_state$configs$lazyLo = (_state$configs = state.configs).lazyLoad) === null || _state$configs$lazyLo === void 0 ? void 0 : _state$configs$lazyLo.call(_state$configs, node, resolve);
+                });
+                state.lazyLoadMap.set(node, lazyLoadPromise);
+              }
+              _context4.next = 13;
+              return lazyLoadPromise;
+            case 13:
+              nodes = _context4.sent;
+              if (Array.isArray(nodes) && nodes.length > 0) {
+                state.tree.updateChildren(nodes, parent);
+              } else {
+                node.leaf = true;
+              }
+              node.loading = false;
+              state.lazyLoadMap["delete"](node);
+            case 17:
+            case "end":
+              return _context4.stop();
+          }
       }, _callee4);
     }));
-    return function invokeLazyLoad(_x3) {
+    return function invokeLazyLoad2(_x3) {
       return _ref4.apply(this, arguments);
     };
   }();
-  var close = function close() {
-    onClose && onClose();
+  var close = function close2() {
+    onClose2 && onClose2();
   };
-  var closePopup = function closePopup() {
+  var closePopup = function closePopup2() {
     close();
   };
-  /* type: 是否是静默模式，是的话不触发事件
-  tabsCursor: tab的索引 */
-  var _chooseItem = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(node, type) {
+  var _chooseItem = /* @__PURE__ */ function() {
+    var _ref5 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee5(node, type) {
       var pathNodes, optionParams, level, _pathNodes, _optionParams;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            if (!(!type && node.disabled || !state.panes[state.tabsCursor])) {
-              _context5.next = 2;
-              break;
-            }
-            return _context5.abrupt("return");
-          case 2:
-            if (!state.tree.isLeaf(node, isLazy())) {
-              _context5.next = 10;
-              break;
-            }
-            node.leaf = true;
-            state.panes[state.tabsCursor].selectedNode = node;
-            state.panes = state.panes.slice(0, node.level + 1);
-            if (!type) {
-              pathNodes = state.panes.map(function (item) {
-                return item.selectedNode;
-              });
-              optionParams = pathNodes.map(function (item) {
-                return item.value;
-              });
-              onChange(optionParams, pathNodes);
-              onPathChange(optionParams, pathNodes);
-            }
-            setOptionsData(state.panes);
-            close();
-            return _context5.abrupt("return");
-          case 10:
-            if (!state.tree.hasChildren(node, isLazy())) {
-              _context5.next = 20;
-              break;
-            }
-            level = node.level + 1;
-            state.panes[state.tabsCursor].selectedNode = node;
-            state.panes = state.panes.slice(0, level);
-            state.tabsCursor = level;
-            state.panes.push({
-              nodes: node.children || [],
-              selectedNode: null,
-              paneKey: "c".concat(state.tabsCursor + 1)
-            });
-            setTabvalue("c".concat(state.tabsCursor + 1));
-            setOptionsData(state.panes);
-            if (!type) {
-              _pathNodes = state.panes.map(function (item) {
-                return item.selectedNode;
-              });
-              _optionParams = _pathNodes.map(function (item) {
-                return item === null || item === void 0 ? void 0 : item.value;
-              });
-              onPathChange(_optionParams, _pathNodes);
-            }
-            return _context5.abrupt("return");
-          case 20:
-            state.currentProcessNode = node;
-            if (!node.loading) {
-              _context5.next = 23;
-              break;
-            }
-            return _context5.abrupt("return");
-          case 23:
-            _context5.next = 25;
-            return invokeLazyLoad(node);
-          case 25:
-            if (state.currentProcessNode === node) {
+        while (1)
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!(!type && node.disabled || !state.panes[state.tabsCursor])) {
+                _context5.next = 2;
+                break;
+              }
+              return _context5.abrupt("return");
+            case 2:
+              if (!state.tree.isLeaf(node, isLazy())) {
+                _context5.next = 10;
+                break;
+              }
+              node.leaf = true;
               state.panes[state.tabsCursor].selectedNode = node;
-              _chooseItem(node, type);
-            }
-            setOptionsData(state.panes);
-          case 27:
-          case "end":
-            return _context5.stop();
-        }
+              state.panes = state.panes.slice(0, node.level + 1);
+              if (!type) {
+                pathNodes = state.panes.map(function(item) {
+                  return item.selectedNode;
+                });
+                optionParams = pathNodes.map(function(item) {
+                  return item.value;
+                });
+                onChange2(optionParams, pathNodes);
+                onPathChange2(optionParams, pathNodes);
+              }
+              setOptionsData(state.panes);
+              close();
+              return _context5.abrupt("return");
+            case 10:
+              if (!state.tree.hasChildren(node, isLazy())) {
+                _context5.next = 20;
+                break;
+              }
+              level = node.level + 1;
+              state.panes[state.tabsCursor].selectedNode = node;
+              state.panes = state.panes.slice(0, level);
+              state.tabsCursor = level;
+              state.panes.push({
+                nodes: node.children || [],
+                selectedNode: null,
+                paneKey: "c".concat(state.tabsCursor + 1)
+              });
+              setTabvalue("c".concat(state.tabsCursor + 1));
+              setOptionsData(state.panes);
+              if (!type) {
+                _pathNodes = state.panes.map(function(item) {
+                  return item.selectedNode;
+                });
+                _optionParams = _pathNodes.map(function(item) {
+                  return item === null || item === void 0 ? void 0 : item.value;
+                });
+                onPathChange2(_optionParams, _pathNodes);
+              }
+              return _context5.abrupt("return");
+            case 20:
+              state.currentProcessNode = node;
+              if (!node.loading) {
+                _context5.next = 23;
+                break;
+              }
+              return _context5.abrupt("return");
+            case 23:
+              _context5.next = 25;
+              return invokeLazyLoad(node);
+            case 25:
+              if (state.currentProcessNode === node) {
+                state.panes[state.tabsCursor].selectedNode = node;
+                _chooseItem(node, type);
+              }
+              setOptionsData(state.panes);
+            case 27:
+            case "end":
+              return _context5.stop();
+          }
       }, _callee5);
     }));
-    return function chooseItem(_x4, _x5) {
+    return function chooseItem2(_x4, _x5) {
       return _ref5.apply(this, arguments);
     };
   }();
-  var renderItem = function renderItem() {
+  var renderItem = function renderItem2() {
     return React__default.createElement("div", {
       className: "".concat(classes, " ").concat(className),
-      style: style
+      style
     }, poppable && React__default.createElement("div", {
-      className: b('title')
+      className: b("title")
     }, title), React__default.createElement(Tabs, {
       value: tabvalue,
       titleNode: function titleNode() {
-        return optionsData.map(function (pane, index) {
+        return optionsData.map(function(pane, index) {
           var _pane$selectedNode, _pane$selectedNode2;
           return React__default.createElement("div", {
             onClick: function onClick() {
               setTabvalue(pane.paneKey);
               state.tabsCursor = index;
             },
-            className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? 'active' : ''),
+            className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? "active" : ""),
             key: pane.paneKey
           }, React__default.createElement("span", {
             className: "nut-tabs__titles-item__text"
-          }, !state.initLoading && state.panes.length && (pane === null || pane === void 0 ? void 0 : (_pane$selectedNode = pane.selectedNode) === null || _pane$selectedNode === void 0 ? void 0 : _pane$selectedNode.text), !state.initLoading && state.panes.length && !(pane !== null && pane !== void 0 && (_pane$selectedNode2 = pane.selectedNode) !== null && _pane$selectedNode2 !== void 0 && _pane$selectedNode2.text) && '请选择', !(!state.initLoading && state.panes.length) && 'Loading...'), React__default.createElement("span", {
+          }, !state.initLoading && state.panes.length && (pane === null || pane === void 0 ? void 0 : (_pane$selectedNode = pane.selectedNode) === null || _pane$selectedNode === void 0 ? void 0 : _pane$selectedNode.text), !state.initLoading && state.panes.length && !(pane !== null && pane !== void 0 && (_pane$selectedNode2 = pane.selectedNode) !== null && _pane$selectedNode2 !== void 0 && _pane$selectedNode2.text) && "请选择", !(!state.initLoading && state.panes.length) && "Loading..."), React__default.createElement("span", {
             className: "nut-tabs__titles-item__line",
             style: {
               background: tabsColor
@@ -633,21 +628,21 @@ var InternalCascader = function InternalCascader(props, ref) {
           }));
         });
       }
-    }, !state.initLoading && state.panes.length ? optionsData.map(function (pane) {
+    }, !state.initLoading && state.panes.length ? optionsData.map(function(pane) {
       return React__default.createElement(TabPane, {
         key: pane.paneKey,
         paneKey: pane.paneKey
       }, React__default.createElement("div", {
         className: classesPane
-      }, pane.nodes && pane.nodes.map(function (node, index) {
+      }, pane.nodes && pane.nodes.map(function(node, index) {
         var _pane$selectedNode3;
         return React__default.createElement(CascaderItem, _objectSpread(_objectSpread({
           key: index
         }, props), {}, {
           data: node,
           checked: ((_pane$selectedNode3 = pane.selectedNode) === null || _pane$selectedNode3 === void 0 ? void 0 : _pane$selectedNode3.value) === node.value,
-          chooseItem: function chooseItem(node) {
-            return _chooseItem(node, false);
+          chooseItem: function chooseItem2(node2) {
+            return _chooseItem(node2, false);
           }
         }));
       })));
@@ -657,17 +652,19 @@ var InternalCascader = function InternalCascader(props, ref) {
   };
   return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
     popClass: "cascadar-popup",
-    visible: visible,
+    visible,
     position: "bottom",
     round: true,
-    closeable: closeable,
-    closeIconPosition: closeIconPosition,
-    closeIcon: closeIcon,
+    closeIcon,
+    closeable,
+    closeIconPosition,
     onClickOverlay: closePopup,
     onClickCloseIcon: closePopup
   }, renderItem()) : renderItem());
 };
 var Cascader = React__default.forwardRef(InternalCascader);
 Cascader.defaultProps = defaultProps;
-Cascader.displayName = 'NutCascader';
-export { Cascader as default };
+Cascader.displayName = "NutCascader";
+export {
+  Cascader as default
+};