@qsxy/element-plus-react 1.0.0-next.1

package/dist/TreeSelect/TreeSelect.js

@@ -0,0 +1,521 @@
+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);
+
+// src/TreeSelect/TreeSelect.tsx
+var TreeSelect_exports = {};
+__export(TreeSelect_exports, {
+  default: () => TreeSelect_default
+});
+module.exports = __toCommonJS(TreeSelect_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_debounce = __toESM(require("lodash/debounce"));
+var import_filter = __toESM(require("lodash/filter"));
+var import_flattenDeep = __toESM(require("lodash/flattenDeep"));
+var import_head = __toESM(require("lodash/head"));
+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_Scrollbar = require("../Scrollbar");
+var import_Tag = require("../Tag");
+var import_Tree = require("../Tree");
+var import_Util = require("../Util");
+var import_hooks = require("../hooks");
+var import_Utils = require("./Utils");
+function InternalTreeSelect(props, ref) {
+  const {
+    placeholder,
+    clearable,
+    filterable,
+    multiple,
+    collapseTags,
+    onChange,
+    onEnter,
+    afterLeave,
+    maxWidth,
+    fieldNames,
+    append,
+    prepend,
+    warning,
+    error,
+    loading,
+    loadingText,
+    noDataText,
+    onExpand,
+    onLoadSuccess,
+    onSelect,
+    onBeforeClick,
+    onClickNode,
+    ...rest
+  } = props;
+  const { b, e, m, be, is } = (0, import_hooks.useClassNames)("select");
+  const disabled = (0, import_hooks.useDisabled)(props.disabled);
+  const size = (0, import_hooks.useSize)(props.size);
+  const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const [label, setLabel] = (0, import_react.useState)("");
+  const [searchText, setSearchText] = (0, import_react.useState)("");
+  const [expandedKeys, setExpandedKeys] = (0, import_react.useState)(props.expandedKeys ?? []);
+  const [autoExpandParent, setAutoExpandParent] = (0, import_react.useState)(false);
+  const [inputHeight, setInputHeight] = (0, import_react.useState)(32);
+  const [popperStyle, setPopperStyle] = (0, import_react.useState)({});
+  const [checkedNodes, setCheckedNodes] = (0, import_react.useState)([]);
+  const groupRef = (0, import_react.useRef)();
+  const containerRef = (0, import_react.useRef)();
+  const contentRef = (0, import_react.useRef)();
+  const wrapperRef = (0, import_react.useRef)();
+  const popperInstRef = (0, import_react.useRef)();
+  const treeRef = (0, import_react.useRef)();
+  const dataList = (0, import_react.useRef)([]);
+  const labelRef = (0, import_react.useRef)();
+  const inputInstance = (0, import_react.useRef)(null);
+  const searchInstance = (0, import_react.useRef)(null);
+  const scrollbarRef = (0, import_react.useRef)(null);
+  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);
+  (0, import_react.useEffect)(() => {
+    labelRef.current = label;
+  }, [label]);
+  (0, import_react.useEffect)(() => {
+    if (visible && filterable) {
+      searchInstance.current.focus();
+    }
+  }, [visible]);
+  const treeData = (0, import_react.useMemo)(() => {
+    return !multiple && !props.checkStrictly ? (0, import_Utils.parentNotSelectable)(props.treeData) : props.treeData;
+  }, [multiple, props.checkStrictly, props.treeData]);
+  const loop = (0, import_react.useCallback)(
+    (data, searchValue, parent) => data.map((item) => {
+      var _a;
+      const index = item[fieldNames.title].indexOf(searchValue);
+      const beforeStr = item[fieldNames.title].substring(0, index);
+      const afterStr = item[fieldNames.title].slice(index + searchValue.length);
+      const title = index > -1 ? /* @__PURE__ */ import_react.default.createElement("span", null, beforeStr, /* @__PURE__ */ import_react.default.createElement("span", { className: b("tree-search-value", false) }, searchValue), afterStr) : /* @__PURE__ */ import_react.default.createElement("span", null, item[fieldNames.title]);
+      const newItem = { ...item, parentId: parent ? [parent.parentId, parent[fieldNames.key]].filter((item1) => !!item1).join(",") : "" };
+      dataList.current.push(newItem);
+      if (((_a = item == null ? void 0 : item[fieldNames.children]) == null ? void 0 : _a.length) > 0) {
+        return {
+          ...item,
+          [fieldNames.title]: title,
+          _title: item[fieldNames.title],
+          [fieldNames.key]: item[fieldNames.key],
+          [fieldNames.children]: loop(item.children, searchValue, newItem).filter((item1) => !!item1),
+          disabled: item.disabled
+        };
+      }
+      return index > -1 ? {
+        ...item,
+        [fieldNames.title]: title,
+        _title: item[fieldNames.title],
+        [fieldNames.key]: item[fieldNames.key],
+        disabled: item.disabled
+      } : null;
+    }),
+    [b, fieldNames.children, fieldNames.key, fieldNames.title]
+  );
+  const filterTreeData = (0, import_react.useMemo)(() => {
+    if ((0, import_Util.isEmpty)(searchText)) {
+      return treeData;
+    }
+    dataList.current = [];
+    if ((treeData == null ? void 0 : treeData.length) > 0) {
+      const res = loop(treeData, searchText, null);
+      return res.filter((item) => !!item);
+    }
+    return [];
+  }, [loop, searchText, treeData]);
+  const getExpandKeys = (0, import_react.useCallback)(() => {
+    const _expandedKeys = (0, import_flattenDeep.default)(
+      dataList.current.map((item) => {
+        var _a;
+        if (item[fieldNames.title].indexOf(searchText) > -1) {
+          return ((_a = item.parentId) == null ? void 0 : _a.split(",")) ?? [];
+        }
+        return null;
+      })
+    ).filter((item, i, self) => item && self.indexOf(item) === i);
+    setExpandedKeys(_expandedKeys);
+    setAutoExpandParent(true);
+  }, [fieldNames.title, searchText]);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    (_a = popperInstRef.current) == null ? void 0 : _a.update();
+    if ((0, import_Util.isNotEmpty)(searchText)) {
+      getExpandKeys();
+    }
+  }, [searchText, popperStyle]);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    const flattenNodes = (_a = treeRef.current) == null ? void 0 : _a.flattenTreeData(expandedKeys);
+    (_b = treeRef.current) == null ? void 0 : _b.setState({
+      expandedKeys,
+      flattenNodes
+    });
+  }, [expandedKeys]);
+  const multiValue = (0, import_react.useMemo)(() => {
+    if (multiple) {
+      if (value instanceof Array) {
+        return value;
+      } else if (typeof value === "string") {
+        return [value];
+      }
+    }
+    return [];
+  }, [multiple, value]);
+  const multiLabel = (0, import_react.useMemo)(() => {
+    if (multiple && checkedNodes.length > 0) {
+      return checkedNodes.map((item) => {
+        var _a;
+        return (_a = item[fieldNames.title]) == null ? void 0 : _a.toString();
+      });
+    }
+    return [];
+  }, [checkedNodes, multiple, fieldNames.title]);
+  const refreshWidth = (0, import_react.useCallback)(() => {
+    var _a;
+    const rect = (_a = (append || prepend ? groupRef : containerRef).current) == null ? void 0 : _a.getBoundingClientRect();
+    const width = rect.width > 200 ? rect.width : 200;
+    setPopperStyle({
+      ...popperStyle,
+      width: (0, import_Util.isEmpty)(treeData) ? rect.width : width
+    });
+  }, [append, popperStyle, prepend, treeData]);
+  const fn = (0, import_debounce.default)(
+    (0, import_react.useCallback)(() => {
+      if (visible && contentRef.current) {
+        refreshWidth();
+      }
+    }, [refreshWidth, visible]),
+    200
+  );
+  const handleEnter = (0, import_react.useCallback)(
+    (node) => {
+      if (visible && contentRef.current) {
+        refreshWidth();
+        onEnter == null ? void 0 : onEnter(node);
+      }
+    },
+    [onEnter, refreshWidth, visible]
+  );
+  const handleAfterLeave = (0, import_react.useCallback)(
+    (node) => {
+      setSearchText("");
+      afterLeave == null ? void 0 : afterLeave(node);
+      searchInstance.current.onClear();
+    },
+    [afterLeave]
+  );
+  const onClick = (0, import_react.useCallback)(
+    (event) => {
+      event.stopPropagation();
+      if (disabled) {
+        setVisible(false);
+        return;
+      }
+      setVisible(!visible);
+    },
+    [disabled, visible]
+  );
+  const onCloseTag = (0, import_react.useCallback)(
+    (item) => {
+      const res = (0, import_filter.default)(multiValue, (item1) => item1 !== item);
+      setCheckedNodes((0, import_filter.default)(checkedNodes, (item1) => item1.key !== item));
+      setValue(res);
+      onChange == null ? void 0 : onChange(
+        res,
+        checkedNodes.map((item1) => {
+          var _a;
+          return (_a = item1[fieldNames.title]) == null ? void 0 : _a.toString();
+        })
+      );
+    },
+    [checkedNodes, fieldNames.title, multiValue, onChange, setValue]
+  );
+  const onClear = (0, import_react.useCallback)(() => {
+    setValue(multiple ? [] : "");
+    setLabel("");
+    onChange == null ? void 0 : onChange("", "");
+  }, [multiple, onChange, 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 handleSelect = (0, import_react.useCallback)(
+    (selectedKeys, info) => {
+      var _a, _b;
+      info.nativeEvent.preventDefault();
+      if (multiple) {
+        return;
+      }
+      if (!(onBeforeClick == null ? void 0 : onBeforeClick(info.node, info.nativeEvent))) {
+        return;
+      }
+      const text = ((_a = info.node) == null ? void 0 : _a._title) ?? ((_b = info.node[fieldNames.title]) == null ? void 0 : _b.toString());
+      setLabel(text);
+      setValue(selectedKeys);
+      onChange == null ? void 0 : onChange(multiple ? selectedKeys : (0, import_head.default)(selectedKeys), text);
+      !multiple && onClick(info.nativeEvent);
+      onSelect == null ? void 0 : onSelect(selectedKeys, info);
+      onClickNode == null ? void 0 : onClickNode(info.node, info.nativeEvent);
+    },
+    [multiple, onBeforeClick, fieldNames.title, setValue, onChange, onClick, onSelect, onClickNode]
+  );
+  const handleCheck = (0, import_react.useCallback)(
+    (checked, info) => {
+      setValue(checked);
+      setCheckedNodes(info.checkedNodes);
+      setLabel("");
+      onChange == null ? void 0 : onChange(
+        checked instanceof Array ? checked : checked == null ? void 0 : checked.checked,
+        info.checkedNodes.map((item) => item[fieldNames.title])
+      );
+    },
+    [fieldNames.title, onChange, setValue]
+  );
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    const height = ((_a = wrapperRef == null ? void 0 : wrapperRef.current) == null ? void 0 : _a.clientHeight) + 4;
+    setInputHeight(height < 32 ? 32 : height);
+    (_b = popperInstRef == null ? void 0 : popperInstRef.current) == null ? void 0 : _b.update();
+  }, [multiValue]);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("resize", fn);
+    return () => {
+      window.removeEventListener("resize", fn);
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    const { selectedKeys = [], keyEntities = {}, fieldNames: _fieldNames = {} } = ((_a = treeRef.current) == null ? void 0 : _a.state) ?? {};
+    if ((0, import_Util.isEmpty)(labelRef.current) && (0, import_Util.isNotEmpty)(selectedKeys)) {
+      const labels = selectedKeys.filter((item) => (0, import_Util.isNotEmpty)(item)).map((item) => {
+        var _a2;
+        return ((_a2 = keyEntities[item]) == null ? void 0 : _a2.node[_fieldNames.title]) ?? null;
+      });
+      if (labels.length > 0) {
+        setLabel(labels.join(","));
+      }
+      onLoadSuccess == null ? void 0 : onLoadSuccess(value, labels);
+    }
+  }, [treeData]);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    popperInstRef: popperInstRef.current,
+    label,
+    setLabel,
+    inputInstance: inputInstance.current,
+    searchInstance: searchInstance.current,
+    getValue: () => value,
+    setValue,
+    onClear,
+    setVisible
+  }));
+  const content = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(b(), m({ [size]: size }), is({ disabled }), props.className),
+        style: append || prepend ? null : props.style,
+        ref: append || prepend ? groupRef : containerRef
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: e`trigger` }, multiple && /* @__PURE__ */ import_react.default.createElement("div", { className: e`tags` }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`tags-wrapper`, "has-prefix"), onClick, ref: wrapperRef }, (collapseTags ? multiLabel.slice(0, 1) : multiLabel).map((item, i) => {
+        return /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { type: "info", onClick, onClose: () => onCloseTag(multiValue[i]) }, item);
+      }), collapseTags && (multiValue == null ? void 0 : multiValue.length) > 1 && /* @__PURE__ */ import_react.default.createElement(import_Tag.Tag, { type: "info", onClick }, `+ ${multiValue.length - 1}`))), /* @__PURE__ */ import_react.default.createElement(
+        import_Input.Input,
+        {
+          value: label,
+          placeholder,
+          readOnly: true,
+          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 }),
+          ref: inputInstance,
+          ...(0, import_omit.default)(htmlInputProps, ["onInput", "disabled", "size", "prefix", "onChange", "style"])
+        }
+      )),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_Popper.Popper,
+        {
+          referenceElement: append || prepend ? groupRef : containerRef,
+          visible,
+          popperStyle,
+          popperInstRef,
+          onDestroy: () => setVisible(false),
+          onEnter: handleEnter,
+          afterLeave: handleAfterLeave,
+          placement: "bottom-start",
+          transitionAppear: true,
+          ...transitionProps,
+          ...popperProps
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`dorpdown`, is({ multiple })), onClick: (event) => event.stopPropagation(), ref: contentRef }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, filterable && /* @__PURE__ */ import_react.default.createElement("div", { className: e("search"), onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(
+          import_Input.Input,
+          {
+            ref: searchInstance,
+            style: { width: "100%" },
+            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 } })), /* @__PURE__ */ import_react.default.createElement(import_Scrollbar.Scrollbar, { ref: scrollbarRef, wrapClass: be("dropdown", "wrap"), viewClass: be("dropdown", "list") }, (filterTreeData == null ? void 0 : filterTreeData.length) === 0 || loading ? /* @__PURE__ */ import_react.default.createElement("li", { className: (0, import_classnames.default)(be("dropdown", "item"), "no-data"), key: "no-data", onClick: () => setVisible(false) }, loading ? loadingText : noDataText) : /* @__PURE__ */ import_react.default.createElement(
+          import_Tree.DirectoryTree,
+          {
+            ref: treeRef,
+            selectedKeys: value instanceof Array ? value : [value],
+            checkedKeys: value instanceof Array ? value : [value],
+            treeData: filterTreeData,
+            checkable: multiple,
+            showIcon: false,
+            onSelect: handleSelect,
+            onCheck: handleCheck,
+            fieldNames,
+            onExpand: (_expandedKeys, info) => {
+              onExpand == null ? void 0 : onExpand(_expandedKeys, info);
+              setAutoExpandParent(false);
+              setTimeout(() => {
+                var _a, _b;
+                (_a = popperInstRef.current) == null ? void 0 : _a.update();
+                (_b = scrollbarRef.current) == null ? void 0 : _b.update();
+              }, 200);
+            },
+            autoExpandParent,
+            ...(0, import_omit.default)(treeProps, [
+              "checkStrictly",
+              "expandedKeys",
+              "selectedKeys",
+              "checkedKeys",
+              "treeData",
+              "checkable",
+              "showIcon",
+              "onSelect",
+              "onCheck"
+            ])
+          }
+        ))))
+      )
+    ),
+    [
+      b,
+      m,
+      size,
+      is,
+      disabled,
+      props.className,
+      props.style,
+      props.plain,
+      append,
+      prepend,
+      e,
+      multiple,
+      onClick,
+      collapseTags,
+      multiLabel,
+      multiValue,
+      label,
+      placeholder,
+      clearable,
+      onClear,
+      visible,
+      error,
+      warning,
+      inputHeight,
+      htmlInputProps,
+      popperStyle,
+      handleEnter,
+      handleAfterLeave,
+      transitionProps,
+      popperProps,
+      filterable,
+      onClearSearch,
+      onSearch,
+      be,
+      filterTreeData,
+      loading,
+      loadingText,
+      noDataText,
+      value,
+      handleSelect,
+      handleCheck,
+      fieldNames,
+      autoExpandParent,
+      treeProps,
+      onCloseTag,
+      onExpand
+    ]
+  );
+  if (append || prepend) {
+    return /* @__PURE__ */ import_react.default.createElement(import_Input.InputGroup, { prepend, append, ref: groupRef, style: props.style }, content);
+  } else {
+    return content;
+  }
+}
+var ForwardTreeSelect = (0, import_react.forwardRef)(InternalTreeSelect);
+var TreeSelect = ForwardTreeSelect;
+TreeSelect.defaultProps = {
+  clearable: true,
+  collapseTags: true,
+  checkStrictly: true,
+  disabled: false,
+  selectable: true,
+  filterable: true,
+  placeholder: "请选择",
+  noDataText: "无数据",
+  loadingText: /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fas", name: "spinner", spin: true }), " 加载中..."),
+  fieldNames: { title: "title", key: "key", children: "children" },
+  onBeforeClick: () => true
+};
+TreeSelect.displayName = "TreeSelect";
+var TreeSelect_default = TreeSelect;

package/dist/TreeSelect/Utils.d.ts

@@ -0,0 +1,2 @@
+import { DataNode } from '../Tree';
+export declare const parentNotSelectable: (treeData?: DataNode[]) => DataNode<any>[];

package/dist/TreeSelect/Utils.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/TreeSelect/Utils.ts
+var Utils_exports = {};
+__export(Utils_exports, {
+  parentNotSelectable: () => parentNotSelectable
+});
+module.exports = __toCommonJS(Utils_exports);
+var parentNotSelectable = (treeData = []) => {
+  return treeData.map((node) => {
+    var _a;
+    if (((_a = node == null ? void 0 : node.children) == null ? void 0 : _a.length) > 0) {
+      node.children = parentNotSelectable(node.children);
+      return {
+        ...node,
+        selectable: false
+      };
+    }
+    return node;
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  parentNotSelectable
+});

package/dist/TreeSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TreeSelect } from './TreeSelect';
+export type { SelectInfo, TreeSelectProps, TreeSelectRef } from './typings';

package/dist/TreeSelect/index.js

@@ -0,0 +1,39 @@
+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);
+
+// src/TreeSelect/index.ts
+var TreeSelect_exports = {};
+__export(TreeSelect_exports, {
+  TreeSelect: () => import_TreeSelect.default
+});
+module.exports = __toCommonJS(TreeSelect_exports);
+var import_TreeSelect = __toESM(require("./TreeSelect"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TreeSelect
+});

package/dist/TreeSelect/typings.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { InputRef } from '../Input';
+import { PopperOptionRef } from '../Popper';
+import { DataNode, Key, TreeProps } from '../Tree';
+import { AnimationEventProps, BaseProps, FormControlBaseProps, NativeProps } from '../types/common';
+export type ValueType = React.AllHTMLAttributes<HTMLInputElement>['value'];
+export type TreeSelectRef = {
+    inputInstance?: InputRef;
+    searchInstance?: InputRef;
+    popperInstRef: PopperOptionRef;
+    label: string | string[];
+    setLabel: (label: string) => void;
+    getValue: () => ValueType;
+    setValue: (value: ValueType) => void;
+    onClear: (event?: any) => void;
+    setVisible: (value: boolean) => void;
+};
+export interface TreeSelectProps<T = DataNode, V = ValueType> extends Omit<FormControlBaseProps<V>, 'onChange'>, Omit<TreeProps<T>, 'children' | 'style'>, Omit<BaseProps, 'children'>, NativeProps, AnimationEventProps {
+    labelName?: string;
+    clearable?: boolean;
+    placeholder?: string;
+    filterable?: boolean;
+    checkStrictly?: boolean;
+    collapseTags?: boolean;
+    plain?: boolean;
+    required?: boolean;
+    maxWidth?: number;
+    error?: boolean;
+    warning?: boolean;
+    loading?: boolean;
+    prepend?: React.ReactElement<any> | string | number;
+    append?: React.ReactElement | string | number;
+    noDataText?: React.ReactElement | string;
+    loadingText?: React.ReactElement | string;
+    onBeforeClick?: (node: T, event: React.MouseEvent<any>) => boolean;
+    onClickNode?: (node: T, event: React.MouseEvent<any>) => boolean;
+    onChange?: (value: ValueType | Key[], label?: string | string[]) => void;
+    onLoadSuccess?: (value: ValueType | Key[], label?: string[]) => void;
+}
+export type SelectInfo<T> = {
+    event: 'select';
+    selected: boolean;
+    node: T;
+    selectedNodes: T[];
+    nativeEvent: React.MouseEvent<any>;
+};

package/dist/TreeSelect/typings.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/TreeSelect/typings.ts
+var typings_exports = {};
+module.exports = __toCommonJS(typings_exports);

package/dist/Upload/Upload.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { UploadProps } from './typings';
+declare const Upload: React.ForwardRefExoticComponent<UploadProps & React.RefAttributes<any>>;
+export default Upload;