@sheinx/base 3.0.0-alpha.1 → 3.0.0-alpha.3

package/cjs/tree-select/tree-select.js

@@ -0,0 +1,483 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.string.trim.js");
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _absoluteList = require("../absolute-list");
+var _useInnerTitle = _interopRequireDefault(require("../common/use-inner-title"));
+var _animationList = _interopRequireDefault(require("../animation-list"));
+var _result = _interopRequireDefault(require("../select/result"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _tree = _interopRequireDefault(require("../tree"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { (0, _defineProperty2.default)(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; }
+var TreeSelect = function TreeSelect(props) {
+  var _jssStyle$select;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    size = props.size,
+    valueProp = props.value,
+    defaultValue = props.defaultValue,
+    data = props.data,
+    multiple = props.multiple,
+    mode = props.mode,
+    _props$line = props.line,
+    line = _props$line === void 0 ? false : _props$line,
+    innerTitle = props.innerTitle,
+    _props$clearable = props.clearable,
+    clearable = _props$clearable === void 0 ? true : _props$clearable,
+    _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border,
+    underline = props.underline,
+    _props$showArrow = props.showArrow,
+    showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
+    _props$focusSelected = props.focusSelected,
+    focusSelected = _props$focusSelected === void 0 ? true : _props$focusSelected,
+    _props$position = props.position,
+    positionProp = _props$position === void 0 ? 'bottom-left' : _props$position,
+    openProp = props.open,
+    onCollapseProp = props.onCollapse,
+    disabled = props.disabled,
+    style = props.style,
+    width = props.width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 250 : _props$height,
+    childrenKey = props.childrenKey,
+    keygen = props.keygen,
+    loader = props.loader,
+    renderResultProp = props.renderResult,
+    _props$renderItem = props.renderItem,
+    renderItemProp = _props$renderItem === void 0 ? function (d) {
+      return d;
+    } : _props$renderItem,
+    maxLength = props.maxLength,
+    _props$trim = props.trim,
+    trim = _props$trim === void 0 ? false : _props$trim,
+    placeholder = props.placeholder,
+    renderUnmatched = props.renderUnmatched,
+    resultClassName = props.resultClassName,
+    compressed = props.compressed,
+    _props$unmatch = props.unmatch,
+    unmatch = _props$unmatch === void 0 ? true : _props$unmatch,
+    getComponentRef = props.getComponentRef,
+    onChangeProp = props.onChange,
+    compressedBound = props.compressedBound,
+    compressedClassName = props.compressedClassName,
+    expandedProp = props.expanded,
+    defaultExpanded = props.defaultExpanded,
+    defaultExpandAll = props.defaultExpandAll,
+    parentClickExpand = props.parentClickExpand,
+    showHitDescendants = props.showHitDescendants,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onAdvancedFilter = props.onAdvancedFilter,
+    onFilterProp = props.onFilter,
+    onChangeAddition = props.onChangeAddition,
+    onEnterExpand = props.onEnterExpand;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var rootStyle = _objectSpread(_objectSpread({}, style), {}, {
+    width: width
+  });
+  var datum = (0, _react.useRef)();
+  var blurEvent = (0, _react.useRef)();
+  var treeSelectRef = (0, _react.useRef)();
+  var inputRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    enter = _useState4[0],
+    setEnter = _useState4[1];
+  var _useTreeSelect = (0, _hooks.useTreeSelect)({
+      value: valueProp,
+      onChange: onChangeProp,
+      defaultValue: defaultValue,
+      control: 'value' in props
+    }),
+    value = _useTreeSelect.value,
+    onChange = _useTreeSelect.onChange;
+  var _useFilter = (0, _hooks.useFilter)({
+      treeData: data,
+      keygen: keygen,
+      childrenKey: childrenKey,
+      expanded: expandedProp,
+      showHitDescendants: showHitDescendants,
+      onAdvancedFilter: 'onAdvancedFilter' in props,
+      onFilter: onAdvancedFilter || onFilterProp
+    }),
+    filterText = _useFilter.filterText,
+    inputText = _useFilter.inputText,
+    filterData = _useFilter.filterData,
+    expanded = _useFilter.expanded,
+    rawData = _useFilter.rawData,
+    setInputText = _useFilter.setInputText,
+    onFilter = _useFilter.onFilter,
+    onResetFilter = _useFilter.onResetFilter,
+    onClearCreatedData = _useFilter.onClearCreatedData;
+  var renderMoreIcon = function renderMoreIcon() {
+    return _icons.default.More;
+  };
+  var _useTiled = (0, _hooks.useTiled)({
+      data: filterData,
+      filterText: filterText,
+      onAdvancedFilter: onAdvancedFilter,
+      keygen: keygen,
+      originIcon: _icons.default.More,
+      moreIcon: renderMoreIcon,
+      childrenKey: childrenKey,
+      expanded: expanded,
+      rawData: rawData,
+      onFilter: onFilter
+    }),
+    tiledData = _useTiled.data,
+    onTiledFilter = _useTiled.onFilter,
+    tiledExpandIcons = _useTiled.expandIcons;
+  var onCollapse = (0, _hooks.usePersistFn)(function (collapse) {
+    onCollapseProp === null || onCollapseProp === void 0 ? void 0 : onCollapseProp(collapse);
+    if (blurEvent.current && !collapse) {
+      blurEvent.current();
+      blurEvent.current = null;
+    }
+  });
+  var _usePopup = (0, _hooks.usePopup)({
+      open: openProp,
+      onCollapse: onCollapse,
+      disabled: false,
+      trigger: 'click',
+      position: positionProp
+    }),
+    open = _usePopup.open,
+    position = _usePopup.position,
+    targetRef = _usePopup.targetRef,
+    popupRef = _usePopup.popupRef,
+    openPop = _usePopup.openPop,
+    closePop = _usePopup.closePop;
+  var rootClass = (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.wrapper, disabled === true && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), !!open && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabled !== true && focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), status === 'error' && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), clearable && (styles === null || styles === void 0 ? void 0 : styles.clearable), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), (0, _defineProperty2.default)({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
+  var bindTreeDatum = function bindTreeDatum(treeDatum) {
+    datum.current = treeDatum;
+  };
+  var getRenderItem = function getRenderItem(data, expanded, active, id) {
+    return typeof renderItemProp === 'function' ? renderItemProp(data, expanded, active, id) : data[renderItemProp];
+  };
+  var renderItem = getRenderItem;
+  var getRenderResult = function getRenderResult(data) {
+    if (!renderResultProp) return renderItem(data);
+    return typeof renderResultProp === 'function' ? renderResultProp(data) : data[renderResultProp];
+  };
+
+  // 点击 Select 结果框的处理方法
+  var handleResultClick = (0, _hooks.usePersistFn)(function () {
+    if (disabled === true) return;
+    openPop();
+    // inputRef.current?.focus();
+  });
+
+  var handleMouseEnter = function handleMouseEnter() {
+    setEnter(true);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    setEnter(false);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    // 回车或下箭头可打开下拉列表
+    if (e.keyCode === 13 || e.code === 'Enter') {
+      if (!open) {
+        if (typeof onEnterExpand === 'function') {
+          var canOpen = onEnterExpand(e);
+          if (canOpen === false) return;
+        }
+        handleResultClick();
+        return;
+      }
+    }
+
+    // tab 可关闭下拉列表
+    if (e.keyCode === 9 || e.code === 'Tab') {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      if (open) closePop();
+      return;
+    }
+  };
+  var handleClear = function handleClear(e) {
+    e.stopPropagation();
+    if (!datum.current) return;
+    datum.current.setValue([]);
+    onChange(multiple ? [] : '');
+    if (onChangeAddition) {
+      onChangeAddition({
+        data: multiple ? [] : null
+      });
+    }
+    if (open) closePop();
+  };
+  var handleExpand = function handleExpand() {
+    // console.log(exp);
+    // onExpanded(exp);
+  };
+  var renderClearable = function renderClearable() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: styles.clearIcon,
+      onClick: handleClear,
+      children: _icons.default.PcCloseCircleFill
+    });
+  };
+  var renderIcon = function renderIcon() {
+    var isEmpty;
+    if (multiple) {
+      isEmpty = !value || Array.isArray(value) && value.length === 0;
+    } else {
+      isEmpty = _hooks.util.isEmpty(value);
+    }
+    if (clearable && !isEmpty && open || clearable && !isEmpty && enter && disabled !== true) {
+      return renderClearable();
+    }
+    if (!multiple && !showArrow) return null;
+    var defaultIcon = compressed ? _icons.default.More : _icons.default.ArrowDown;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames.default)(styles.arrowIcon, open && !compressed && styles.arrowIconOpen),
+      children: defaultIcon
+    });
+  };
+  var getDataByValues = function getDataByValues(values) {
+    if (!datum.current || !values) return [];
+    return datum.current.getDataByValues(values);
+  };
+  var getValue = function getValue() {
+    if (!datum.current) return;
+    var nextValue = datum.current.getValue();
+    if (multiple) return nextValue;
+    return nextValue.length ? nextValue[0] : '';
+  };
+  var getContentClass = function getContentClass(data) {
+    var _datum$current, _datum$current2;
+    if (!datum.current) return '';
+    var key = datum.current.getKey(data);
+    var isDisabled = (_datum$current = datum.current) === null || _datum$current === void 0 ? void 0 : _datum$current.isDisabled(key);
+    var isCheck = (_datum$current2 = datum.current) === null || _datum$current2 === void 0 ? void 0 : _datum$current2.getChecked(key);
+    if (isDisabled) {
+      return (0, _classnames.default)(styles.optionDisabled);
+    }
+    if (multiple) {
+      return isCheck ? (0, _classnames.default)(styles.optionActive) : '';
+    }
+    if (!_hooks.util.isArray(value)) {
+      var currentData = getDataByValues(value);
+      return currentData === data ? (0, _classnames.default)(styles.optionActive) : '';
+    }
+    return '';
+  };
+  var checkUnMatched = function checkUnMatched(item) {
+    return _hooks.util.isUnMatchedData(item);
+  };
+  var handleFocus = (0, _hooks.usePersistFn)(function (e) {
+    setFocused(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  });
+  var handleBlur = (0, _hooks.usePersistFn)(function (e) {
+    setFocused(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  });
+  var handleFilter = function handleFilter(text) {
+    onTiledFilter === null || onTiledFilter === void 0 ? void 0 : onTiledFilter(trim ? text.trim() : text);
+  };
+  var handleChange = function handleChange(item, id) {
+    var _datum$current3;
+    if (!datum.current) return;
+    if (disabled === true || (_datum$current3 = datum.current) !== null && _datum$current3 !== void 0 && _datum$current3.isDisabled(id)) return;
+    var currentData = getDataByValues(id);
+    if (!multiple) {
+      datum.current.setValue([]);
+      datum.current.set(datum.current.getKey(item), 1);
+    }
+    var nextValue = getValue();
+    if (onChange) {
+      onChange(nextValue, currentData, id ? (datum.current.getPath(id) || {}).path : undefined);
+    }
+    if (typeof onChangeAddition === 'function') {
+      onChangeAddition({
+        data: getDataByValues(nextValue),
+        checked: multiple ? datum.current.get(id) : undefined,
+        current: currentData
+      });
+    }
+  };
+  var handleTreeChange = function handleTreeChange(item, id) {
+    handleChange(item, id);
+    if (!multiple) closePop();
+  };
+  var handleRemove = function handleRemove(item, key, index) {
+    if (!datum.current) return;
+    var dataKey = _hooks.util.isUnMatchedData(item) ? item.value : datum.current.getKey(item, key, index);
+    var isDisabled = datum.current.isDisabled(dataKey);
+    if (isDisabled) return;
+    datum.current.set(dataKey, 0);
+    handleChange(item, datum.current.getKey(item, key, index));
+  };
+
+  // innerTitle 模式
+  var renderInnerTitle = (0, _useInnerTitle.default)({
+    open: open || !!value,
+    size: size,
+    jssStyle: jssStyle,
+    innerTitle: innerTitle
+  });
+  var renderResult = function renderResult() {
+    var result = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.result),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_result.default, {
+        trim: trim,
+        jssStyle: jssStyle,
+        size: size,
+        value: value,
+        data: tiledData,
+        focus: open,
+        keygen: keygen,
+        disabled: disabled,
+        maxLength: maxLength,
+        compressed: compressed,
+        compressedBound: compressedBound,
+        compressedClassName: compressedClassName,
+        multiple: multiple,
+        placeholder: placeholder,
+        renderItem: renderItem,
+        childrenKey: childrenKey,
+        renderResult: getRenderResult,
+        resultClassName: resultClassName,
+        renderUnmatched: renderUnmatched,
+        allowOnFilter: 'onFilter' in props || 'onAdvancedFilter' in props,
+        focusSelected: focusSelected,
+        inputText: inputText,
+        filterText: filterText,
+        setInputText: setInputText,
+        onFilter: handleFilter,
+        onRef: inputRef,
+        onResetFilter: onResetFilter,
+        checkUnMatched: checkUnMatched,
+        onClearCreatedData: onClearCreatedData,
+        getDataByValues: getDataByValues,
+        onRemove: handleRemove
+      })
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: targetRef,
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.resultWrapper, styles === null || styles === void 0 ? void 0 : styles.wrapperPaddingBox, styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitleTop, styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitleBottom),
+      onClick: handleResultClick,
+      children: renderInnerTitle(result)
+    });
+  };
+  var renderActive = function renderActive(item) {
+    var items = renderItem(item);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: items
+    });
+  };
+  var renderList = function renderList() {
+    var treeProps = {};
+    if (multiple) {
+      treeProps.onChange = handleTreeChange;
+    } else {
+      treeProps.onClick = handleTreeChange;
+      treeProps.renderItem = renderActive;
+      treeProps.active = value;
+    }
+    if ('expanded' in props) {
+      treeProps.expanded = expanded;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(styles.tree),
+      style: {
+        maxHeight: height
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tree.default, _objectSpread(_objectSpread({
+        jssStyle: jssStyle,
+        onRef: bindTreeDatum,
+        renderItem: renderItem
+      }, treeProps), {}, {
+        line: line,
+        mode: mode,
+        data: tiledData,
+        keygen: keygen,
+        unmatch: unmatch,
+        value: valueProp,
+        loader: loader,
+        expanded: 'expanded' in props ? expanded : undefined,
+        expandIcons: tiledExpandIcons,
+        disabled: disabled,
+        parentClickExpand: parentClickExpand,
+        defaultExpanded: defaultExpanded,
+        defaultExpandAll: defaultExpandAll,
+        contentClass: getContentClass,
+        onExpand: handleExpand
+      }))
+    });
+  };
+  (0, _react.useEffect)(function () {
+    if (_hooks.util.isFunc(getComponentRef) && datum.current) {
+      getComponentRef({
+        getDataByValues: datum.current.getDataByValues
+      });
+    } else if (getComponentRef && datum.current) {
+      var _datum$current4;
+      getComponentRef.current = {
+        getDataByValues: (_datum$current4 = datum.current) === null || _datum$current4 === void 0 ? void 0 : _datum$current4.getDataByValues
+      };
+    }
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: treeSelectRef,
+    tabIndex: disabled === true ? -1 : 0,
+    "data-soui-type": 'input',
+    className: rootClass,
+    style: rootStyle,
+    onBlur: handleBlur,
+    onFocus: handleFocus,
+    onKeyDown: handleKeyDown,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    children: [renderResult(), renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
+      adjust: true,
+      focus: open,
+      fixedWidth: true,
+      absolute: props.absolute,
+      zIndex: props.zIndex,
+      position: position,
+      popupGap: 4,
+      popupEl: popupRef.current,
+      parentElement: targetRef.current,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
+        onRef: popupRef,
+        show: open,
+        className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
+        display: 'block',
+        type: "scale-y",
+        duration: 'fast',
+        style: {
+          width: width || '100%'
+        },
+        children: renderList()
+      })
+    })]
+  });
+};
+var _default = TreeSelect;
+exports.default = _default;

package/cjs/tree-select/tree-select.type.d.ts

@@ -0,0 +1,190 @@
+import React from 'react';
+import { TreeClasses } from '../tree/tree.type';
+import { KeygenResult, ObjectKey, UnMatchedData, ValueItem } from '@sheinx/hooks';
+import { TreeSelectClasses, SelectClasses, VirtualScrollClasses } from '@sheinx/shineout-style';
+import { TagClasses } from '../tag/tag.type';
+import { AbsoluteListProps } from '../absolute-list/absolute-list.type';
+import { CommonType } from '../common/type';
+import { InnerTitleClasses } from '../common/use-inner-title';
+export declare type JssStyleType = {
+    virtualScroll?: () => VirtualScrollClasses;
+    tag?: () => TagClasses;
+    treeSelect?: () => TreeSelectClasses;
+    select?: () => SelectClasses;
+    tree?: () => TreeClasses;
+    innerTitle?: () => InnerTitleClasses;
+};
+export declare type TreeModeType = 0 | 1 | 2 | 3 | 4;
+export declare type ResultItem<DataItem> = DataItem | UnMatchedData;
+export interface ComponentRef<DataItem, Value> {
+    /**
+     * @en Get the data corresponding to the value
+     * @cn 获取 value 对应的 data
+     */
+    getDataByValues: {
+        (values: Value): ResultItem<DataItem>;
+        (values: Value[]): ResultItem<DataItem>[];
+    };
+}
+export interface TreeSelectProps<DataItem, Value> extends Pick<CommonType, 'className' | 'style' | 'size'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'> {
+    jssStyle?: JssStyleType;
+    /**
+     * @en placeholder when value is empty
+     * @cn value 为空时的占位符
+     */
+    placeholder?: string;
+    /**
+     * @en when compressed is True,the comptessedBound can limit the numbers of multiple selected item's label
+     * @cn 开启多选后，指定允许展示标签数量，超过后将折叠
+     */
+    compressedBound?: number;
+    compressedClassName?: string;
+    /**
+     * @en If clearable is true, show clear value icon
+     * @cn 是否可清除值
+     * @default false
+     */
+    clearable?: boolean;
+    filterText?: string;
+    /**
+     * @en ender unmatched value
+     * @cn 渲染未匹配值的方式
+     */
+    renderUnmatched?: (data: ValueItem<Value>) => React.ReactNode;
+    /**
+     * @en inner title
+     * @cn 内嵌标题
+     */
+    innerTitle?: React.ReactNode;
+    /**
+     * @en data source
+     * @cn 数据源
+     * @default []
+     */
+    data?: DataItem[];
+    keygen: ObjectKey<DataItem> | ((data: DataItem, parentKey: KeygenResult) => string | number);
+    /**
+     * @en Some methods of getting components Currently only support getDataByValue
+     * @cn 获取组件的一些方法 目前只支持 getDataByValues
+     */
+    getComponentRef?: ((ref: ComponentRef<DataItem, Value>) => void) & {
+        current?: ComponentRef<DataItem, Value>;
+    };
+    onFilter?: (text: string) => void;
+    /**
+     * @en Placeholder content when there is no data
+     * @cn 无数据时的占位内容
+     */
+    empty?: React.ReactNode;
+    /**
+     * @en if it is true, it will be multiple selection
+     * @cn 是否是多选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * @en callback function of blur event
+     * @cn blur 事件回调函数
+     */
+    onBlur?: (e?: any) => void;
+    /**
+     * @en callback function of focus event
+     * @cn focus 事件回调函数
+     */
+    onFocus?: (e?: any) => void;
+    /**
+     * @en When it is true, all nodes disable the selection; when it is a function, it determines whether it is disabled according to the return result of the function.
+     * @cn 为 true 时，所有节点禁用选择，为函数时，根据函数返回结果确定是否禁用
+     * @default false
+     */
+    disabled?: ((data: DataItem) => boolean) | boolean;
+    /**
+     * @en The content displayed in the result after selecting, if not set, use renderItem. not show while return null, result is current selected
+     * @cn 选中后在结果中显示的内容，默认和 renderItem 相同
+     * @default renderItem
+     */
+    renderResult?: (data: DataItem) => React.ReactNode;
+    /**
+     * @en mode 0: Returns only the fully selected node including the parent node. 1: Returns all selected nodes and semi-selected nodes. 2: Return only the selected child nodes. 3: If the parent node is full selected, only return the parent node. 4: What you choose is what you get.
+     * @cn 选中值模式，未设置值为单选 0: 只返回完全选中的节点，包含父节点 1: 返回全部选中的节点和半选中的父节点 2: 只返回选中的子节点 3: 如果父节点选中，只返回父节点 4: 所选即所得
+     * @default 1
+     */
+    mode?: TreeModeType;
+    /**
+     * @en The height of list
+     * @cn 列表高度
+     * @default 300
+     */
+    height?: number;
+    /**
+     * @en option collapse callback
+     * @cn 下拉列表展开/收起回调
+     */
+    onCollapse?: (collapse: boolean) => void;
+    /**
+     * @en Whether to show the descendant nodes of the hit node after filtering
+     * @cn 筛选后是否展示命中节点的后代节点
+     * @default false
+     */
+    showHitDescendants?: boolean;
+    /**
+     * @en Popup Position
+     * @cn 弹出位置
+     */
+    position?: 'auto' | 'bottom-left' | 'top-left';
+    /**
+     * @en Expand option list while enter press
+     * @cn 回车触发下拉框展开的时候调用
+     */
+    onEnterExpand?: (e: React.KeyboardEvent<HTMLDivElement>) => boolean;
+    /**
+     * @en value is your picker now
+     * @cn 参数 为 当前选中值
+     */
+    onChange?: (value: Value, selected?: DataItem, path?: (string | number)[]) => void;
+    /**
+     * @en onChange additional parameters (current is the data of the clicked node, data is the currently selected data, checked is whether it is selected or canceled in the multi-select state)
+     * @cn onChange 额外参数 (current 为点击的节点的数据， data 为当前选中的数据， checked 为多选状态下是选中还是取消)
+     */
+    onChangeAddition?: (params: {
+        current?: DataItem | DataItem[];
+        checked?: 0 | 1 | 2;
+        data?: ResultItem<DataItem>[] | ResultItem<DataItem> | null;
+    }) => void;
+    /**
+     * @en In the Form, the value will be taken over by the form and the value will be invalid.
+     * @cn 选中的 key （受控），多选时必须为array
+     */
+    value?: Value;
+    defaultValue?: Value;
+    /**
+     * @en Merges selected values; the repeat value will not appear in the Popover when it is'no-repeat'.
+     * @cn 将选中值合并，只在多选模式下有效；为 'no-repeat' 时弹出框中不重复展示值
+     * @default false
+     */
+    compressed?: boolean | 'no-repeat';
+    open?: boolean;
+    line?: boolean;
+    width?: number | string;
+    underline?: boolean;
+    border?: boolean;
+    showArrow?: boolean;
+    childrenKey?: ObjectKey<DataItem>;
+    focusSelected?: boolean;
+    resultClassName?: ((value: DataItem) => string) | string;
+    loader?: (key: KeygenResult, data: DataItem) => void;
+    maxLength?: number;
+    defaultExpanded?: KeygenResult[];
+    defaultExpandAll?: boolean;
+    parentClickExpand?: boolean;
+    expanded?: KeygenResult[];
+    trim?: boolean;
+    unmatch?: boolean;
+    renderItem: ObjectKey<DataItem> | ((data: DataItem, expanded: boolean, active: boolean, id: KeygenResult) => React.ReactNode);
+    /**
+     * @en In the advanced filter mode, you can switch between the filter results and the original data for the current level by pressing the button
+     * @cn 高级筛选模式，可针对当前层级在筛选结果和原始数据间切换
+     */
+    onAdvancedFilter?: (text: string) => (data: DataItem) => boolean;
+}
+//# sourceMappingURL=tree-select.type.d.ts.map

package/cjs/tree-select/tree-select.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-select.type.d.ts","sourceRoot":"","sources":["tree-select.type.ts"],"names":[],"mappings":"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"}

package/cjs/tree-select/tree-select.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});