@qsxy/element-plus-react 1.0.0-next.7 → 1.0.1

package/dist/Cascader/Cascader.js

@@ -1,596 +1,730 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["classPrefix", "options", "separator", "filterable", "clearable", "showAllLevels", "collapseTags", "maxCollapseTags", "collapseTagsTooltip", "collapseTips", "filterMethod", "onChange", "onEnter", "afterEnter", "afterLeave", "props", "shouldSelect", "labelFormatter", "error", "warning"];
+var _this = this,
+  _templateObject,
+  _templateObject2,
+  _templateObject3,
+  _templateObject4,
+  _templateObject5,
+  _templateObject6,
+  _templateObject7,
+  _templateObject8;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import classNames from 'classnames';
+import find from 'lodash/find';
+import isEqual from 'lodash/isEqual';
+import last from 'lodash/last';
+import max from 'lodash/max';
+import omit from 'lodash/omit';
+import trim from 'lodash/trim';
+import React, { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
+import { Divider } from "../Divider";
+import Icon from "../Icon/Icon";
+import Input from "../Input/Input";
+import Popper from "../Popper/Popper";
+import Tag from "../Tag/Tag";
+import Tooltip from "../Tooltip/Tooltip";
+import { isEmpty, isNotEmpty, mergeDefaultProps } from "../Util";
+import { partitionAnimationProps, partitionHTMLProps, partitionPopperPropsUtils, useClassNames, useControlled, useDisabled, useSize } from "../hooks";
+import { CascaderContext } from "./CascaderContext";
+import CascaderDropdown from "./CascaderDropdown";
+import CascaderMenu from "./CascaderMenu";
+import { toArray } from "./Utils";
+import { useCascader } from "./useCascader";
+var Cascader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var _toArray, _multiLabel;
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  props = mergeDefaultProps({
+    separator: '/',
+    showAllLevels: true,
+    props: {
+      expandTrigger: 'click',
+      emitPath: true,
+      valueKey: 'value',
+      labelKey: 'label',
+      childrenKey: 'children',
+      disabledKey: 'disabled',
+      leafKey: 'leaf'
+    },
+    shouldSelect: function shouldSelect() {
+      return true;
+    },
+    placeholder: t('el.cascader.placeholder', {
+      lng: locale
+    }) || '请选择',
+    collapseTags: true,
+    collapseTagsTooltip: true,
+    maxCollapseTags: 1
+  }, props);
+  var _props = props,
+    _props$classPrefix = _props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'cascader' : _props$classPrefix,
+    options = _props.options,
+    separator = _props.separator,
+    filterable = _props.filterable,
+    clearable = _props.clearable,
+    showAllLevels = _props.showAllLevels,
+    collapseTags = _props.collapseTags,
+    maxCollapseTags = _props.maxCollapseTags,
+    collapseTagsTooltip = _props.collapseTagsTooltip,
+    collapseTips = _props.collapseTips,
+    filterMethod = _props.filterMethod,
+    onChange = _props.onChange,
+    _onEnter = _props.onEnter,
+    _afterEnter = _props.afterEnter,
+    afterLeave = _props.afterLeave,
+    menuProps = _props.props,
+    shouldSelect = _props.shouldSelect,
+    labelFormatter = _props.labelFormatter,
+    error = _props.error,
+    warning = _props.warning,
+    rest = _objectWithoutProperties(_props, _excluded);
+  var multiple = menuProps.multiple,
+    _menuProps$valueKey = menuProps.valueKey,
+    valueKey = _menuProps$valueKey === void 0 ? 'value' : _menuProps$valueKey,
+    _menuProps$labelKey = menuProps.labelKey,
+    labelKey = _menuProps$labelKey === void 0 ? 'label' : _menuProps$labelKey,
+    _menuProps$childrenKe = menuProps.childrenKey,
+    childrenKey = _menuProps$childrenKe === void 0 ? 'children' : _menuProps$childrenKe,
+    lazy = menuProps.lazy,
+    lazyLoad = menuProps.lazyLoad;
+  var _useClassNames = useClassNames(classPrefix),
+    e = _useClassNames.e,
+    b = _useClassNames.b,
+    m = _useClassNames.m,
+    is = _useClassNames.is;
+  var disabled = useDisabled(props.disabled);
+  var size = useSize(props.size);
+  var _partitionHTMLProps = partitionHTMLProps(rest),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    htmlInputProps = _partitionHTMLProps2[0];
+  var _partitionAnimationPr = partitionAnimationProps(rest),
+    _partitionAnimationPr2 = _slicedToArray(_partitionAnimationPr, 1),
+    transitionProps = _partitionAnimationPr2[0];
+  var _partitionPopperProps = partitionPopperPropsUtils(rest),
+    _partitionPopperProps2 = _slicedToArray(_partitionPopperProps, 1),
+    popperProps = _partitionPopperProps2[0];
 
-// src/Cascader/Cascader.tsx
-var Cascader_exports = {};
-__export(Cascader_exports, {
-  default: () => Cascader_default
-});
-module.exports = __toCommonJS(Cascader_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_find = __toESM(require("lodash/find"));
-var import_isEqual = __toESM(require("lodash/isEqual"));
-var import_last = __toESM(require("lodash/last"));
-var import_max = __toESM(require("lodash/max"));
-var import_omit = __toESM(require("lodash/omit"));
-var import_trim = __toESM(require("lodash/trim"));
-var import_react = __toESM(require("react"));
-var import_Divider = require("../Divider");
-var import_Icon = require("../Icon");
-var import_Input = require("../Input");
-var import_Popper = require("../Popper");
-var import_Tag = require("../Tag");
-var import_Tooltip = require("../Tooltip");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_CascaderContext = require("./CascaderContext");
-var import_CascaderDropdown = __toESM(require("./CascaderDropdown"));
-var import_CascaderMenu = __toESM(require("./CascaderMenu"));
-var import_Utils = require("./Utils");
-var import_useCascader = require("./useCascader");
-var Cascader = (0, import_react.memo)(
-  (0, import_react.forwardRef)((props, ref) => {
-    var _a;
-    props = (0, import_Util.mergeDefaultProps)(
-      {
-        separator: "/",
-        showAllLevels: true,
-        props: {
-          expandTrigger: "click",
-          emitPath: true,
-          valueKey: "value",
-          labelKey: "label",
-          childrenKey: "children",
-          disabledKey: "disabled",
-          leafKey: "leaf"
-        },
-        shouldSelect: () => true,
-        placeholder: "请选择",
-        collapseTags: true,
-        collapseTagsTooltip: true,
-        maxCollapseTags: 1
-      },
-      props
-    );
-    const {
-      classPrefix = "cascader",
-      options,
-      separator,
-      filterable,
-      clearable,
-      showAllLevels,
-      required,
-      collapseTags,
-      maxCollapseTags,
-      collapseTagsTooltip,
-      collapseTips,
-      filterMethod,
-      onChange,
-      onEnter,
-      afterEnter,
-      afterLeave,
-      props: menuProps,
-      shouldSelect,
-      labelFormatter,
-      error,
-      warning,
-      ...rest
-    } = props;
-    const { multiple, valueKey = "value", labelKey = "label", childrenKey = "children", lazy, lazyLoad } = menuProps;
-    const { e, b, m, is } = (0, import_hooks.useClassNames)(classPrefix);
-    const disabled = (0, import_hooks.useDisabled)(props.disabled);
-    const size = (0, import_hooks.useSize)(props.size);
-    const [htmlInputProps] = (0, import_hooks.partitionHTMLProps)(rest);
-    const [transitionProps] = (0, import_hooks.partitionAnimationProps)(rest);
-    const [popperProps] = (0, import_hooks.partitionPopperPropsUtils)(rest);
-    const [treeProps] = (0, import_hooks.partitionTreePropsUtils)(rest);
-    const containerRef = (0, import_react.useRef)();
-    const popperInstRef = (0, import_react.useRef)();
-    const inputRef = (0, import_react.useRef)(null);
-    const searchInstance = (0, import_react.useRef)(null);
-    const menuRefs = (0, import_react.useRef)({});
-    const wrapperRef = (0, import_react.useRef)(null);
-    const stopLazyRef = (0, import_react.useRef)(false);
-    const lastValueRef = (0, import_react.useRef)(props.value === void 0 ? void 0 : (0, import_Utils.toArray)(props.value, separator));
-    const [controlledValue, setControlledValue, isControlled] = (0, import_hooks.useControlled)(
-      props.value === void 0 ? void 0 : (0, import_Utils.toArray)(props.value, separator),
-      (0, import_Utils.toArray)(props.defaultValue, separator) ?? []
-    );
-    const [unControlledValue, setUnControlledValue] = (0, import_react.useState)(() => controlledValue);
-    (0, import_react.useEffect)(() => {
-      if (!(0, import_isEqual.default)(controlledValue, unControlledValue)) {
-        setUnControlledValue(controlledValue);
-      }
-    }, [controlledValue]);
-    const value = (0, import_react.useMemo)(() => isControlled ? unControlledValue : controlledValue, [controlledValue, isControlled, unControlledValue]);
-    const setValue = (0, import_react.useMemo)(() => isControlled ? setUnControlledValue : setControlledValue, [isControlled, setControlledValue]);
-    const {
-      allLevel,
-      storeOptionData,
-      getSelectedValue,
-      getValueOfLevel,
-      getSelectedNode,
-      setSelectedNode,
-      getSelectedLabel,
-      setCheckedNode,
-      getCheckedLabel,
-      getCheckedValue,
-      getCheckedNodes,
-      getOptions,
-      clearSelected,
-      setNodeLeaf,
-      getDataType,
-      getExpandedKeys,
-      setExpandedKeys,
-      setSelectedValue,
-      handleSearch,
-      resetNodes
-    } = (0, import_useCascader.useCascader)(options, props, value);
-    const [level, setLevel] = (0, import_react.useState)((0, import_max.default)([value.length - 1, 0]));
-    const [loading, setLoading] = (0, import_react.useState)(null);
-    const [forceUpdate, setForceUpdate] = (0, import_react.useState)(false);
-    const [filterList, setFilterList] = (0, import_react.useState)([]);
-    (0, import_react.useEffect)(() => {
-      if (multiple && value.length > 0) {
-        setLevel((0, import_max.default)([value[0].length - 1, 0]));
-      } else {
-        setLevel((0, import_max.default)([value.length - 1, 0]));
+  // 选择框容器div
+  var containerRef = useRef(null);
+  var popperInstRef = useRef(null);
+  var inputRef = useRef(null);
+  var searchInstance = useRef(null);
+  var menuRefs = useRef({});
+  var wrapperRef = useRef(null);
+  // 停止懒加载
+  var stopLazyRef = useRef(false);
+  var lastValueRef = useRef(props.value === undefined ? undefined : toArray(props.value, separator));
+  var _useControlled = useControlled(props.value === undefined ? undefined : toArray(props.value, separator), (_toArray = toArray(props.defaultValue, separator)) !== null && _toArray !== void 0 ? _toArray : []),
+    _useControlled2 = _slicedToArray(_useControlled, 3),
+    controlledValue = _useControlled2[0],
+    setControlledValue = _useControlled2[1],
+    isControlled = _useControlled2[2];
+  var _useState = useState(function () {
+      return controlledValue;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    unControlledValue = _useState2[0],
+    setUnControlledValue = _useState2[1];
+  useEffect(function () {
+    if (!isEqual(controlledValue, unControlledValue)) {
+      setUnControlledValue(controlledValue);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [controlledValue]);
+  var value = useMemo(function () {
+    return isControlled ? unControlledValue : controlledValue;
+  }, [controlledValue, isControlled, unControlledValue]);
+  var setValue = useMemo(function () {
+    return isControlled ? setUnControlledValue : setControlledValue;
+  }, [isControlled, setControlledValue]);
+  var _useCascader = useCascader(options, props, value),
+    allLevel = _useCascader.allLevel,
+    storeOptionData = _useCascader.storeOptionData,
+    getSelectedValue = _useCascader.getSelectedValue,
+    getValueOfLevel = _useCascader.getValueOfLevel,
+    getSelectedNode = _useCascader.getSelectedNode,
+    setSelectedNode = _useCascader.setSelectedNode,
+    getSelectedLabel = _useCascader.getSelectedLabel,
+    setCheckedNode = _useCascader.setCheckedNode,
+    getCheckedLabel = _useCascader.getCheckedLabel,
+    getCheckedValue = _useCascader.getCheckedValue,
+    getCheckedNodes = _useCascader.getCheckedNodes,
+    getOptions = _useCascader.getOptions,
+    clearSelected = _useCascader.clearSelected,
+    setNodeLeaf = _useCascader.setNodeLeaf,
+    getDataType = _useCascader.getDataType,
+    setSelectedValue = _useCascader.setSelectedValue,
+    handleSearch = _useCascader.handleSearch,
+    _resetNodes = _useCascader.resetNodes;
+  var _useState3 = useState(max([value.length - 1, 0])),
+    _useState4 = _slicedToArray(_useState3, 2),
+    level = _useState4[0],
+    setLevel = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    forceUpdate = _useState8[0],
+    setForceUpdate = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    filterList = _useState10[0],
+    setFilterList = _useState10[1];
+  useEffect(function () {
+    if (multiple && value.length > 0) {
+      setLevel(max([value[0].length - 1, 0]));
+    } else {
+      setLevel(max([value.length - 1, 0]));
+    }
+  }, [multiple, value, value.length]);
+
+  // 多选框值
+  var multiValue = useMemo(function () {
+    if (multiple) {
+      if (value instanceof Array) {
+        return value;
+      } else if (typeof value === 'string') {
+        return [value];
       }
-    }, [multiple, value, value.length]);
-    const multiValue = (0, import_react.useMemo)(() => {
-      if (multiple) {
-        if (value instanceof Array) {
-          return value;
-        } else if (typeof value === "string") {
-          return [value];
+    }
+    return [];
+  }, [multiple, value]);
+  // 单选框显示文本
+  var _useControlled3 = useControlled(props.lable, ''),
+    _useControlled4 = _slicedToArray(_useControlled3, 2),
+    label = _useControlled4[0],
+    setLabel = _useControlled4[1];
+  // 搜索关键词
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    searchText = _useState12[0],
+    setSearchText = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    visible = _useState14[0],
+    setVisible = _useState14[1];
+  // const [popperStyle, setPopperStyle] = useState<React.CSSProperties>({});
+  // 多选时input框高度
+  var _useState15 = useState(32),
+    _useState16 = _slicedToArray(_useState15, 2),
+    inputHeight = _useState16[0],
+    setInputHeight = _useState16[1];
+  // 占位符
+  var placeholder = useMemo(function () {
+    return multiple && isNotEmpty(multiValue) ? '' : props.placeholder;
+  }, [multiValue, multiple, props.placeholder]);
+
+  // 打开后搜索框自动获取焦点
+  useEffect(function () {
+    if (visible && filterable) {
+      searchInstance.current.focus();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [visible]);
+  var multiLabel = useCallback(function () {
+    if (multiple) {
+      var _getCheckedLabel;
+      return (_getCheckedLabel = getCheckedLabel()) === null || _getCheckedLabel === void 0 ? void 0 : _getCheckedLabel.map(function (item) {
+        return item.join(separator);
+      });
+    }
+    return [];
+  }, [getCheckedLabel, multiple, separator]);
+  var checkedNodes = useCallback(function () {
+    if (multiple) {
+      var _getCheckedNodes;
+      return (_getCheckedNodes = getCheckedNodes()) !== null && _getCheckedNodes !== void 0 ? _getCheckedNodes : [];
+    }
+    return [];
+  }, [getCheckedNodes, multiple]);
+
+  /** 关闭下拉框后清空搜索项 */
+  var handleAfterLeave = useCallback(function () {
+    setSearchText('');
+    afterLeave === null || afterLeave === void 0 || afterLeave();
+  }, [afterLeave]);
+
+  /**
+   * 展开/关闭下拉框
+   * @param e
+   * @returns
+   */
+  var onClick = useCallback(function (event) {
+    event === null || event === void 0 || event.stopPropagation();
+    if (disabled) {
+      setVisible(false);
+      return;
+    }
+    setVisible(!visible);
+  }, [disabled, visible]);
+
+  /** 取消多选项 */
+  var onCloseTag = useCallback(function (item) {
+    var _getCheckedValue;
+    var node = last(item);
+    setCheckedNode(node.__level, node, false);
+    var _value = (_getCheckedValue = getCheckedValue()) !== null && _getCheckedValue !== void 0 ? _getCheckedValue : [];
+    // setValue(_value);
+    onChange === null || onChange === void 0 || onChange(_value, node.__level, multiLabel(), getSelectedNode());
+    // console.log(_value, node.__level, multiLabel());
+    setValue(_value);
+    // onChange?.(_value);
+  }, [getCheckedValue, getSelectedNode, multiLabel, onChange, setCheckedNode, setValue]);
+
+  /** 重置值 */
+  var onClear = useCallback(function () {
+    lastValueRef.current = [];
+    setValue([]);
+    setLabel('');
+    setLevel(0);
+    clearSelected();
+    onChange === null || onChange === void 0 || onChange([], allLevel, '', null);
+  }, [allLevel, clearSelected, onChange, setLabel, setValue]);
+
+  /** 清除搜索关键词 */
+  var onClearSearch = useCallback(function (event) {
+    event === null || event === void 0 || event.stopPropagation();
+    setSearchText('');
+  }, []);
+
+  /** 搜索 */
+  var onSearch = useCallback(function (val) {
+    var keywords = trim(val);
+    if (keywords === searchText) {
+      return;
+    } else if (isEmpty(keywords)) {
+      setSearchText('');
+    }
+    setSearchText(keywords);
+  }, [searchText]);
+  var onSelect = useCallback(function (_level, node) {
+    // 懒加载且非叶子节点且没有子节点时进入
+    if (lazy && lazyLoad && node.__leaf !== true && !node[childrenKey]) {
+      setSelectedNode(_level, node);
+      new Promise(function (resolve, reject) {
+        setLoading(node.__id);
+        lazyLoad(_objectSpread(_objectSpread({}, node), {}, {
+          level: _level + 1
+        }), resolve, reject);
+      }).then(function (_ref2) {
+        var nodes = _ref2.nodes;
+        storeOptionData(nodes, _level + 1, node, {});
+        setLoading(null);
+        if (shouldSelect(node, _level)) {
+          setLevel(_level + 1);
+          // if (nodes?.length === 0) {
+          //     setLevel(_level);
+          //     const _label = getSelectedLabel(labelFormatter?.bind(this, _level));
+          //     lastValueRef.current = getSelectedValue();
+          //     setValue(lastValueRef.current);
+          //     setLabel(_label);
+          //     onChange?.(getSelectedValue(), _level, _label);
+          //     setVisible(false);
+          // }
+          // setValue(getSelectedValue());
+          // onChange?.(getSelectedValue(), _level);
         }
-      }
-      return [];
-    }, [multiple, value]);
-    const [label, setLabel] = (0, import_hooks.useControlled)(props.lable, "");
-    const [searchText, setSearchText] = (0, import_react.useState)("");
-    const [visible, setVisible] = (0, import_react.useState)(false);
-    const [inputHeight, setInputHeight] = (0, import_react.useState)(32);
-    const placeholder = (0, import_react.useMemo)(() => {
-      return multiple && (0, import_Util.isNotEmpty)(multiValue) ? "" : props.placeholder;
-    }, [multiValue, multiple, props.placeholder]);
-    (0, import_react.useEffect)(() => {
-      if (visible && filterable) {
-        searchInstance.current.focus();
-      }
-    }, [visible]);
-    const multiLabel = (0, import_react.useCallback)(() => {
-      var _a2;
-      if (multiple) {
-        return (_a2 = getCheckedLabel()) == null ? void 0 : _a2.map((item) => item.join(separator));
-      }
-      return [];
-    }, [getCheckedLabel, multiple, separator]);
-    const checkedNodes = (0, import_react.useCallback)(() => {
-      if (multiple) {
-        return getCheckedNodes() ?? [];
-      }
-      return [];
-    }, [getCheckedNodes, multiple]);
-    const handleAfterLeave = (0, import_react.useCallback)(() => {
-      setSearchText("");
-      afterLeave == null ? void 0 : afterLeave();
-    }, [afterLeave]);
-    const onClick = (0, import_react.useCallback)(
-      (event) => {
-        event == null ? void 0 : event.stopPropagation();
-        if (disabled) {
+      }).catch(function () {
+        // 叶子节点，结束懒加载
+        setNodeLeaf(node, true);
+        setLoading(null);
+        if (shouldSelect(node, _level)) {
+          storeOptionData([], _level + 1, node, {});
+          var _label = getSelectedLabel(labelFormatter === null || labelFormatter === void 0 ? void 0 : labelFormatter.bind(_this, _level));
+          lastValueRef.current = getSelectedValue();
+          setValue(lastValueRef.current);
+          setLabel(_label);
+          onChange === null || onChange === void 0 || onChange(getSelectedValue(), _level, getSelectedLabel(), getSelectedNode());
           setVisible(false);
-          return;
         }
-        setVisible(!visible);
-      },
-      [disabled, visible]
-    );
-    const onCloseTag = (0, import_react.useCallback)(
-      (item) => {
-        const node = (0, import_last.default)(item);
-        setCheckedNode(node.__level, node, false);
-        const _value = getCheckedValue() ?? [];
-        onChange == null ? void 0 : onChange(_value, node.__level, multiLabel(), getSelectedNode());
-        setValue(_value);
-      },
-      [getCheckedValue, getSelectedNode, multiLabel, onChange, setCheckedNode, setValue]
-    );
-    const onClear = (0, import_react.useCallback)(() => {
-      lastValueRef.current = [];
-      setValue([]);
-      setLabel("");
-      setLevel(0);
-      clearSelected();
-      onChange == null ? void 0 : onChange([], allLevel, "", null);
-    }, [allLevel, clearSelected, onChange, setLabel, setValue]);
-    const onClearSearch = (0, import_react.useCallback)((event) => {
-      event == null ? void 0 : event.stopPropagation();
-      setSearchText("");
-    }, []);
-    const onSearch = (0, import_react.useCallback)(
-      (val) => {
-        const keywords = (0, import_trim.default)(val);
-        if (keywords === searchText) {
-          return;
-        } else if ((0, import_Util.isEmpty)(keywords)) {
-          setSearchText("");
-        }
-        setSearchText(keywords);
-      },
-      [searchText]
-    );
-    const onSelect = (0, import_react.useCallback)(
-      (_level, node) => {
-        if (lazy && lazyLoad && node.__leaf !== true && !node[childrenKey]) {
+      });
+    } else {
+      if (shouldSelect(node, _level)) {
+        setForceUpdate(!forceUpdate);
+        if (node.__leaf) {
+          // 最后一级
+          if (menuProps !== null && menuProps !== void 0 && menuProps.multiple) {
+            return;
+          }
           setSelectedNode(_level, node);
-          new Promise((resolve, reject) => {
-            setLoading(node.__id);
-            lazyLoad({ ...node, level: _level + 1 }, resolve, reject);
-          }).then(({ nodes }) => {
-            storeOptionData(nodes, _level + 1, node, {});
-            setLoading(null);
-            if (shouldSelect(node, _level)) {
-              setLevel(_level + 1);
-            }
-          }).catch(() => {
-            setNodeLeaf(node, true);
-            setLoading(null);
-            if (shouldSelect(node, _level)) {
-              storeOptionData([], _level + 1, node, {});
-              const _label = getSelectedLabel(labelFormatter == null ? void 0 : labelFormatter.bind(void 0, _level));
-              lastValueRef.current = getSelectedValue();
-              setValue(lastValueRef.current);
-              setLabel(_label);
-              onChange == null ? void 0 : onChange(getSelectedValue(), _level, getSelectedLabel(), getSelectedNode());
-              setVisible(false);
-            }
-          });
+          var _label = getSelectedLabel(labelFormatter === null || labelFormatter === void 0 ? void 0 : labelFormatter.bind(_this, _level));
+          setLabel(_label);
+          setVisible(false);
+          lastValueRef.current = getSelectedValue();
+          setValue(lastValueRef.current);
+          onChange === null || onChange === void 0 || onChange(getSelectedValue(), _level, getSelectedLabel(), getSelectedNode());
         } else {
-          if (shouldSelect(node, _level)) {
-            setForceUpdate(!forceUpdate);
-            if (node.__leaf) {
-              if (menuProps == null ? void 0 : menuProps.multiple) {
-                return;
-              }
-              setSelectedNode(_level, node);
-              const _label = getSelectedLabel(labelFormatter == null ? void 0 : labelFormatter.bind(void 0, _level));
-              setLabel(_label);
-              setVisible(false);
-              lastValueRef.current = getSelectedValue();
-              setValue(lastValueRef.current);
-              onChange == null ? void 0 : onChange(getSelectedValue(), _level, getSelectedLabel(), getSelectedNode());
-            } else {
-              setSelectedNode(_level, node);
-              if (menuProps == null ? void 0 : menuProps.multiple) {
-                setLevel(_level + 1);
-                return;
-              }
-              setLevel(_level + 1);
-              const _val = getSelectedValue();
-              const notMatch = _val.some((item, i) => item !== (value == null ? void 0 : value[i]));
-              if (!notMatch) {
-                value.forEach((item, i) => {
-                  setSelectedValue(i, item);
-                });
-              }
-            }
-          }
-        }
-      },
-      [
-        lazy,
-        lazyLoad,
-        childrenKey,
-        setSelectedNode,
-        storeOptionData,
-        shouldSelect,
-        setNodeLeaf,
-        getSelectedLabel,
-        labelFormatter,
-        getSelectedValue,
-        setValue,
-        setLabel,
-        onChange,
-        getSelectedNode,
-        forceUpdate,
-        menuProps == null ? void 0 : menuProps.multiple,
-        value,
-        setSelectedValue
-      ]
-    );
-    const onCheckedChange = (_level, node, checked) => {
-      setCheckedNode(_level, node, checked);
-      const _value = getCheckedValue() ?? [];
-      setValue(_value);
-      onChange == null ? void 0 : onChange(_value, _level, multiLabel(), getCheckedNodes());
-    };
-    const stopLazy = (0, import_react.useCallback)(() => {
-      if (stopLazyRef.current === true) {
-        stopLazyRef.current = false;
-        return true;
-      }
-      return false;
-    }, []);
-    const loopLazyLoad = (0, import_react.useCallback)(
-      (l, parent, _value, { isCover }) => {
-        const loopCore = (nodes, _l) => {
-          if (stopLazy()) {
+          setSelectedNode(_level, node);
+          if (menuProps !== null && menuProps !== void 0 && menuProps.multiple) {
+            setLevel(_level + 1);
+            // if (level < _level + 1) {
+            // }
             return;
           }
-          const curNode = (0, import_find.default)(nodes, { [valueKey]: _value[_l] });
-          if (curNode) {
-            setSelectedNode(_l, curNode);
-            setLabel(getSelectedLabel(labelFormatter == null ? void 0 : labelFormatter.bind(void 0, showAllLevels ? _value.length : allLevel)));
-            loopLazyLoad(_l + 1, curNode, _value, { isCover });
-          }
-        };
-        if (stopLazy()) {
-          return;
-        }
-        if ((0, import_Util.isNotEmpty)(_value[l])) {
-          const cacheNodes = getOptions(l);
-          if ((cacheNodes == null ? void 0 : cacheNodes.length) > 0) {
-            loopCore(cacheNodes, l);
-          } else {
-            new Promise((resolve, reject) => {
-              lazyLoad({ ...parent, level: l }, resolve, reject);
-            }).then(({ nodes }) => {
-              const newNodes = storeOptionData(nodes, l, parent, { isCover });
-              loopCore(newNodes, l);
-            });
-          }
-        } else {
-          if (multiple) {
-            value.forEach((val) => {
-              const curNode = (0, import_find.default)(getOptions(val.length - 1), { [valueKey]: val[val.length - 1] });
-              if (curNode) {
-                setCheckedNode(val.length - 1, curNode, true);
-              }
+          setLevel(_level + 1);
+          // onChange?.(getSelectedValue(), _level);
+          // 2022-10-20：从其他路径切换到当前值路径时，高亮当前值路径
+          var _val = getSelectedValue();
+          var notMatch = _val.some(function (item, i) {
+            return item !== (value === null || value === void 0 ? void 0 : value[i]);
+          });
+          if (!notMatch) {
+            value.forEach(function (item, i) {
+              setSelectedValue(i, item);
             });
           }
         }
-      },
-      [
-        stopLazy,
-        valueKey,
-        setSelectedNode,
-        setLabel,
-        getSelectedLabel,
-        labelFormatter,
-        showAllLevels,
-        allLevel,
-        getOptions,
-        lazyLoad,
-        storeOptionData,
-        multiple,
-        value,
-        setCheckedNode
-      ]
-    );
-    (0, import_react.useEffect)(() => {
-      setFilterList(handleSearch(searchText));
-    }, [searchText]);
-    (0, import_react.useEffect)(() => {
-      var _a2, _b;
-      if (wrapperRef.current) {
-        const height = ((_a2 = wrapperRef.current) == null ? void 0 : _a2.clientHeight) + 4;
-        setInputHeight(height <= 32 ? 32 : height + 32);
       }
-      if (popperInstRef.current && popperInstRef.current.update) {
-        (_b = popperInstRef.current) == null ? void 0 : _b.update();
+    }
+  }, [lazy, lazyLoad, childrenKey, setSelectedNode, storeOptionData, shouldSelect, setNodeLeaf, getSelectedLabel, labelFormatter, getSelectedValue, setValue, setLabel, onChange, getSelectedNode, forceUpdate, menuProps === null || menuProps === void 0 ? void 0 : menuProps.multiple, value, setSelectedValue]);
+  var onCheckedChange = function onCheckedChange(_level, node, checked) {
+    var _getCheckedValue2;
+    setCheckedNode(_level, node, checked);
+    var _value = (_getCheckedValue2 = getCheckedValue()) !== null && _getCheckedValue2 !== void 0 ? _getCheckedValue2 : [];
+    setValue(_value);
+    onChange === null || onChange === void 0 || onChange(_value, _level, multiLabel(), getCheckedNodes());
+    // setForceUpdate(!forceUpdate);
+  };
+  var stopLazy = useCallback(function () {
+    if (stopLazyRef.current === true) {
+      stopLazyRef.current = false;
+      return true;
+    }
+    return false;
+  }, []);
+
+  /**
+   * 循环懒加载（初始化有值时自动加载）
+   * @param l
+   * @param parent
+   */
+  var loopLazyLoad = useCallback(function (l, parent, _value, _ref3) {
+    var isCover = _ref3.isCover;
+    var loopCore = function loopCore(nodes, _l) {
+      if (stopLazy()) {
+        return;
+      }
+      var curNode = find(nodes, _defineProperty({}, valueKey, _value[_l]));
+      if (curNode) {
+        setSelectedNode(_l, curNode);
+        setLabel(getSelectedLabel(labelFormatter === null || labelFormatter === void 0 ? void 0 : labelFormatter.bind(_this, showAllLevels ? _value.length : allLevel)));
+        loopLazyLoad(_l + 1, curNode, _value, {
+          isCover: isCover
+        });
+      }
+    };
+    if (stopLazy()) {
+      return;
+    }
+    if (isNotEmpty(_value[l])) {
+      var cacheNodes = getOptions(l);
+      if ((cacheNodes === null || cacheNodes === void 0 ? void 0 : cacheNodes.length) > 0) {
+        loopCore(cacheNodes, l);
+      } else {
+        new Promise(function (resolve, reject) {
+          lazyLoad(_objectSpread(_objectSpread({}, parent), {}, {
+            level: l
+          }), resolve, reject);
+        }).then(function (_ref4) {
+          var nodes = _ref4.nodes;
+          var newNodes = storeOptionData(nodes, l, parent, {
+            isCover: isCover
+          });
+          loopCore(newNodes, l);
+        });
       }
-    }, [multiValue]);
-    const refreshLazy = (isCover = false) => {
-      var _a2;
-      if (lazy && lazyLoad) {
-        if (value instanceof Array && (0, import_Util.isNotEmpty)(value[0])) {
-          if (multiple) {
-            loopLazyLoad(0, null, value[0], { isCover });
-          } else {
-            loopLazyLoad(0, null, value, { isCover });
+    } else {
+      if (multiple) {
+        value.forEach(function (val) {
+          var curNode = find(getOptions(val.length - 1), _defineProperty({}, valueKey, val[val.length - 1]));
+          if (curNode) {
+            setCheckedNode(val.length - 1, curNode, true);
           }
+        });
+        // setLabel(getSelectedLabel(labelFormatter?.bind(this, 0)));
+      }
+    }
+  }, [stopLazy, valueKey, setSelectedNode, setLabel, getSelectedLabel, labelFormatter, showAllLevels, allLevel, getOptions, lazyLoad, storeOptionData, multiple, value, setCheckedNode]);
+  useEffect(function () {
+    setFilterList(handleSearch(searchText));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [searchText]);
+
+  /** 多选框选择选项后，动态调整input框高度 */
+  useEffect(function () {
+    if (wrapperRef.current) {
+      var _wrapperRef$current;
+      var height = ((_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientHeight) + 4;
+      setInputHeight(height <= 32 ? 32 : height + 32);
+    }
+    if (popperInstRef.current && popperInstRef.current.update) {
+      var _popperInstRef$curren;
+      (_popperInstRef$curren = popperInstRef.current) === null || _popperInstRef$curren === void 0 || _popperInstRef$curren.update();
+    }
+  }, [multiValue]);
+  var refreshLazy = function refreshLazy() {
+    var _popperInstRef$curren2;
+    var isCover = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    // 懒加载且有默认值时
+    if (lazy && lazyLoad) {
+      if (value instanceof Array && isNotEmpty(value[0])) {
+        if (multiple) {
+          loopLazyLoad(0, null, value[0], {
+            isCover: isCover
+          });
         } else {
-          if ((0, import_Util.isNotEmpty)(lastValueRef.current)) {
-            stopLazyRef.current = true;
-          }
-          setLabel("");
+          loopLazyLoad(0, null, value, {
+            isCover: isCover
+          });
         }
       } else {
-        setLabel(getSelectedLabel(labelFormatter == null ? void 0 : labelFormatter.bind(void 0, showAllLevels ? value.length : allLevel)));
+        if (isNotEmpty(lastValueRef.current)) {
+          stopLazyRef.current = true;
+        }
+        setLabel('');
       }
-      (_a2 = popperInstRef.current) == null ? void 0 : _a2.update();
-    };
-    (0, import_react.useEffect)(() => {
-      var _a2;
-      (_a2 = popperInstRef.current) == null ? void 0 : _a2.update();
-    }, [filterList.length]);
-    (0, import_react.useEffect)(() => {
-      refreshLazy((0, import_Util.isNotEmpty)(value));
-    }, [value, lazyLoad, options]);
-    (0, import_react.useEffect)(() => {
-      if (lazy && lazyLoad && (0, import_Util.isEmpty)(value)) {
-        new Promise((resolve, reject) => {
-          lazyLoad({ level: 0 }, resolve, reject);
-        }).then(({ nodes }) => {
-          storeOptionData(nodes, 0, null, { isCover: true });
+    } else {
+      setLabel(getSelectedLabel(labelFormatter === null || labelFormatter === void 0 ? void 0 : labelFormatter.bind(_this, showAllLevels ? value.length : allLevel)));
+    }
+    (_popperInstRef$curren2 = popperInstRef.current) === null || _popperInstRef$curren2 === void 0 || _popperInstRef$curren2.update();
+  };
+  useEffect(function () {
+    var _popperInstRef$curren3;
+    (_popperInstRef$curren3 = popperInstRef.current) === null || _popperInstRef$curren3 === void 0 || _popperInstRef$curren3.update();
+  }, [filterList.length]);
+  useEffect(function () {
+    refreshLazy(isNotEmpty(value));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value, lazyLoad, options]);
+
+  // useEffect(() => {
+  //     refreshLazy(true);
+  //     // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, [ lazyLoad]);
+
+  useEffect(function () {
+    // 懒加载且没有默认值时
+    if (lazy && lazyLoad && isEmpty(value)) {
+      new Promise(function (resolve, reject) {
+        lazyLoad({
+          level: 0
+        }, resolve, reject);
+      }).then(function (_ref5) {
+        var nodes = _ref5.nodes;
+        storeOptionData(nodes, 0, null, {
+          isCover: true
         });
-      }
-      if ((0, import_Util.isEmpty)(props.lable)) {
-        setLabel(getSelectedLabel(labelFormatter == null ? void 0 : labelFormatter.bind(void 0, showAllLevels ? value.length : allLevel)));
-      }
-    }, [lazyLoad]);
-    (0, import_react.useImperativeHandle)(ref, () => ({
+      });
+    }
+    if (isEmpty(props.lable)) {
+      setLabel(getSelectedLabel(labelFormatter === null || labelFormatter === void 0 ? void 0 : labelFormatter.bind(_this, showAllLevels ? value.length : allLevel)));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [lazyLoad]);
+  useImperativeHandle(ref, function () {
+    return {
       ref: containerRef,
       input: inputRef,
-      setLabel,
-      onClear,
-      resetNodes: () => {
-        resetNodes();
+      setLabel: setLabel,
+      onClear: onClear,
+      resetNodes: function resetNodes() {
+        _resetNodes();
         setLevel(0);
       },
-      setVisible
-    }));
-    return /* @__PURE__ */ import_react.default.createElement(import_CascaderContext.CascaderContext.Provider, { value: { props: menuProps, onSelect, onCheckedChange, loading, getDataType, searchText } }, /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(b(), is({ disabled }), m({ [size]: size }), props.className),
-        style: props.style,
-        ref: containerRef,
-        onClick: (event) => event.stopPropagation()
+      setVisible: setVisible
+    };
+  });
+  return /*#__PURE__*/React.createElement(CascaderContext.Provider, {
+    value: {
+      props: menuProps,
+      onSelect: onSelect,
+      onCheckedChange: onCheckedChange,
+      loading: loading,
+      getDataType: getDataType,
+      searchText: searchText
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(), is({
+      disabled: disabled
+    }), m(_defineProperty({}, size, size)), props.className),
+    style: props.style,
+    ref: containerRef,
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["trigger"])))
+  }, multiple && /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tags"]))),
+    onClick: onClick,
+    onMouseEnter: function onMouseEnter() {
+      var _inputRef$current;
+      return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.showClear(multiple ? multiValue.join(',') : label);
+    },
+    onMouseLeave: function onMouseLeave() {
+      var _inputRef$current2;
+      return (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.hideClear();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["tags-wrapper"]))), 'has-prefix'),
+    ref: wrapperRef
+  }, (collapseTags ? checkedNodes().slice(0, maxCollapseTags) : checkedNodes()).map(function (item, i) {
+    return /*#__PURE__*/React.createElement(Tag, {
+      key: i,
+      type: "info",
+      closable: !disabled,
+      onClick: onClick,
+      onClose: function onClose() {
+        return onCloseTag(item);
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: e`trigger` }, multiple && /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: e`tags`,
-          onClick,
-          onMouseEnter: () => {
-            var _a2;
-            return (_a2 = inputRef.current) == null ? void 0 : _a2.showClear(multiple ? multiValue.join(",") : label);
-          },
-          onMouseLeave: () => {
-            var _a2;
-            return (_a2 = inputRef.current) == null ? void 0 : _a2.hideClear();
-          }
-        },
-        /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`tags-wrapper`, "has-prefix"), ref: wrapperRef }, (collapseTags ? checkedNodes().slice(0, maxCollapseTags) : checkedNodes()).map((item, i) => {
-          return /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { key: i, type: "info", closable: !disabled, onClick, onClose: () => onCloseTag(item), disableTransitions: true }, item.map((node) => node[labelKey]).join(separator));
-        }), collapseTags && ((_a = multiLabel()) == null ? void 0 : _a.length) > maxCollapseTags && /* @__PURE__ */ import_react.default.createElement(
-          import_Tooltip.Tooltip,
-          {
-            popperClass: e`tooltip`,
-            placement: "top",
-            disabled: !collapseTagsTooltip,
-            content: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, checkedNodes().slice(maxCollapseTags, checkedNodes().length).map((item, i) => /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { key: i, type: "info", disableTransitions: true }, item.map((node) => node[labelKey]).join(separator)))),
-            effect: "light",
-            enterable: true
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { type: "info", onClick, disableTransitions: true }, collapseTips ? collapseTips(multiLabel().length - maxCollapseTags, multiLabel().length) : `+ ${multiLabel().length - maxCollapseTags}`)
-        ))
-      ), /* @__PURE__ */ import_react.default.createElement(
-        import_Input.Input,
-        {
-          ref: inputRef,
-          value: multiple ? multiValue.join(separator) : label,
-          placeholder,
-          readOnly: true,
-          hiddenValue: multiple,
-          clearable: clearable && !disabled,
-          disabled,
-          size,
-          onClick,
-          onClear,
-          plain: props.plain,
-          className: is({ active: visible }),
-          error,
-          warning,
-          innerStyle: multiple ? { height: inputHeight } : {},
-          suffix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fal", name: "angle-down", className: visible ? "fa-rotate-180" : "", onClick }),
-          prefix: props.prefix,
-          append: props.append,
-          prepend: props.prepend,
-          ...(0, import_omit.default)(htmlInputProps, [
-            "value",
-            "defaultValue",
-            "onInput",
-            "size",
-            "prefix",
-            "onChange",
-            "style",
-            "readOnly",
-            "disabled",
-            "className",
-            "type",
-            "maxLength",
-            "minLength",
-            "name"
-          ])
+      disableTransitions: true
+    }, item.map(function (node) {
+      return node[labelKey];
+    }).join(separator));
+  }), collapseTags && ((_multiLabel = multiLabel()) === null || _multiLabel === void 0 ? void 0 : _multiLabel.length) > maxCollapseTags && /*#__PURE__*/React.createElement(Tooltip, {
+    popperClass: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["tooltip"]))),
+    placement: "top",
+    disabled: !collapseTagsTooltip,
+    content: /*#__PURE__*/React.createElement(React.Fragment, null, checkedNodes().slice(maxCollapseTags, checkedNodes().length).map(function (item, i) {
+      return /*#__PURE__*/React.createElement(Tag, {
+        key: i,
+        type: "info",
+        disableTransitions: true
+      }, item.map(function (node) {
+        return node[labelKey];
+      }).join(separator));
+    })),
+    effect: "light",
+    enterable: true
+  }, /*#__PURE__*/React.createElement(Tag, {
+    type: "info",
+    onClick: onClick,
+    disableTransitions: true
+  }, collapseTips ? collapseTips(multiLabel().length - maxCollapseTags, multiLabel().length) : "+ ".concat(multiLabel().length - maxCollapseTags))))), /*#__PURE__*/React.createElement(Input, _extends({
+    ref: inputRef,
+    value: multiple ? multiValue.join(separator) : label,
+    placeholder: placeholder,
+    readOnly: true,
+    hiddenValue: multiple,
+    clearable: clearable && !disabled,
+    disabled: disabled,
+    size: size,
+    onClick: onClick,
+    onClear: onClear,
+    plain: props.plain,
+    className: is({
+      active: visible
+    }),
+    error: error,
+    warning: warning,
+    innerStyle: multiple ? {
+      height: inputHeight
+    } : {},
+    suffix: /*#__PURE__*/React.createElement(Icon, {
+      prefix: "fal",
+      name: "angle-down",
+      className: visible ? 'fa-rotate-180' : '',
+      onClick: onClick
+    }),
+    prefix: props.prefix,
+    append: props.append,
+    prepend: props.prepend
+  }, omit(htmlInputProps, ['value', 'defaultValue', 'onInput', 'size', 'prefix', 'onChange', 'style', 'readOnly', 'disabled', 'className', 'type', 'maxLength', 'minLength', 'name']))))), /*#__PURE__*/React.createElement(Popper, _extends({
+    referenceElement: function referenceElement() {
+      var _inputRef$current3;
+      return inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.ref;
+    },
+    visible: visible,
+    popperInstRef: popperInstRef,
+    popperClass: e(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["dropdown"])))
+    // popperStyle={popperStyle}
+    ,
+    onDestroy: function onDestroy() {
+      return setVisible(false);
+    },
+    onEnter: function onEnter() {
+      var _popperInstRef$curren4;
+      (_popperInstRef$curren4 = popperInstRef.current) === null || _popperInstRef$curren4 === void 0 || _popperInstRef$curren4.update();
+      _onEnter === null || _onEnter === void 0 || _onEnter();
+    },
+    afterEnter: function afterEnter() {
+      for (var key in menuRefs.current) {
+        if (Object.prototype.hasOwnProperty.call(menuRefs.current, key)) {
+          var item = menuRefs.current[key];
+          item === null || item === void 0 || item.scrollToSelected();
         }
-      ))
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Popper.Popper,
-      {
-        referenceElement: () => {
-          var _a2;
-          return (_a2 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a2.ref;
-        },
-        visible,
-        popperInstRef,
-        popperClass: e`dropdown`,
-        onDestroy: () => setVisible(false),
-        onEnter: () => {
-          var _a2;
-          (_a2 = popperInstRef.current) == null ? void 0 : _a2.update();
-          onEnter == null ? void 0 : onEnter();
-        },
-        afterEnter: () => {
-          for (const key in menuRefs.current) {
-            if (Object.prototype.hasOwnProperty.call(menuRefs.current, key)) {
-              const item = menuRefs.current[key];
-              item == null ? void 0 : item.scrollToSelected();
-            }
-          }
-          afterEnter == null ? void 0 : afterEnter();
-        },
-        afterLeave: handleAfterLeave,
-        placement: "bottom-start",
-        transitionAppear: true,
-        unmountOnExit: true,
-        ...transitionProps,
-        ...popperProps
+      }
+      _afterEnter === null || _afterEnter === void 0 || _afterEnter();
+    },
+    afterLeave: handleAfterLeave,
+    placement: 'bottom-start',
+    transitionAppear: true,
+    unmountOnExit: true
+  }, transitionProps, popperProps), /*#__PURE__*/React.createElement("div", {
+    className: b(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["panel"])))
+  }, filterable && /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["search"]))),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Input, {
+    ref: searchInstance,
+    placeholder: t('el.select.search', {
+      lng: locale
+    }),
+    clearable: true,
+    plain: true,
+    debounceInput: true,
+    onClear: onClearSearch,
+    onChange: onSearch,
+    prefix: /*#__PURE__*/React.createElement(Icon, {
+      prefix: "fal",
+      name: "search"
+    })
+  }), /*#__PURE__*/React.createElement(Divider, {
+    style: {
+      margin: 0
+    }
+  })), isNotEmpty(searchText) ? /*#__PURE__*/React.createElement(CascaderDropdown, {
+    options: filterList,
+    separator: separator,
+    value: value,
+    checkedNodes: checkedNodes
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["panels"])))
+  }, new Array(level + 1).fill(0).map(function (_, l) {
+    return /*#__PURE__*/React.createElement(CascaderMenu, {
+      key: getValueOfLevel(l) + '_' + l,
+      ref: function ref(_ref) {
+        return menuRefs.current[l] = _ref;
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: b`panel` }, filterable && /* @__PURE__ */ import_react.default.createElement("div", { className: e`search`, onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(
-        import_Input.Input,
-        {
-          ref: searchInstance,
-          placeholder: "请输入关键词",
-          clearable: true,
-          plain: true,
-          debounceInput: true,
-          onClear: onClearSearch,
-          onChange: onSearch,
-          prefix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fal", name: "search" })
-        }
-      ), /* @__PURE__ */ import_react.default.createElement(import_Divider.Divider, { style: { margin: 0 } })), (0, import_Util.isNotEmpty)(searchText) ? /* @__PURE__ */ import_react.default.createElement(import_CascaderDropdown.default, { options: filterList, separator, value, checkedNodes }) : /* @__PURE__ */ import_react.default.createElement("div", { className: e`panels` }, new Array(level + 1).fill(0).map((_, l) => {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_CascaderMenu.default,
-          {
-            key: getValueOfLevel(l) + "_" + l,
-            ref: (_ref) => menuRefs.current[l] = _ref,
-            data: getOptions(l),
-            level: l,
-            value: getValueOfLevel(l)
-          }
-        );
-      })))
-    ));
-  })
-);
-Cascader.displayName = "Cascader";
-var Cascader_default = Cascader;
+      data: getOptions(l),
+      level: l,
+      value: getValueOfLevel(l)
+    });
+  })))));
+}));
+Cascader.displayName = 'Cascader';
+export default Cascader;