tdesign-react 0.17.0 → 0.18.2

package/cjs/tree-select/TreeSelectInput.js

@@ -0,0 +1,138 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var isEmpty = require('../_chunks/dep-d3f123c2.js');
+var isString = require('../_chunks/dep-d0bc53f1.js');
+var isFunction = require('../_chunks/dep-45c93631.js');
+var input_index = require('../input/index.js');
+var _util_useConfig = require('../_util/useConfig.js');
+require('../_chunks/dep-c66ba301.js');
+require('../_chunks/dep-2bf84a94.js');
+require('../_chunks/dep-d2731646.js');
+require('../_chunks/dep-cfa0c25c.js');
+require('../_chunks/dep-39714d3a.js');
+require('../_chunks/dep-dedf3e86.js');
+require('../_chunks/dep-213765c2.js');
+require('../_chunks/dep-d3e9cd11.js');
+require('../_chunks/dep-bfe5e12b.js');
+require('../_chunks/dep-3e8d1212.js');
+require('../_chunks/dep-cd4964a2.js');
+require('../input/Input.js');
+require('../_chunks/dep-3690810b.js');
+require('../_chunks/dep-7555b3cd.js');
+require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-76f334ae.js');
+require('classnames');
+require('tdesign-icons-react');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../input/InputGroup.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../_util/useDefaultValue.js');
+require('../_util/useDefault.js');
+require('../_util/noop.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TreeSelectTags = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var selectedSingle = props.selectedSingle,
+      visible = props.visible,
+      filterText = props.filterText,
+      setFilterText = props.setFilterText,
+      setFocusing = props.setFocusing,
+      placeholder = props.placeholder,
+      filter = props.filter,
+      filterable = props.filterable,
+      multiple = props.multiple,
+      disabled = props.disabled,
+      size = props.size,
+      value = props.value,
+      onSearch = props.onSearch,
+      onBlur = props.onBlur,
+      onFocus = props.onFocus;
+
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var showFilter = React.useMemo(function () {
+    if (disabled) {
+      return false;
+    }
+
+    if (!multiple && selectedSingle && (filterable || isFunction.isFunction_1(filter))) {
+      return visible;
+    }
+
+    return filterable || isFunction.isFunction_1(filter);
+  }, [disabled, multiple, selectedSingle, filterable, visible, filter]);
+  var showPlaceholder = React.useMemo(function () {
+    if (!showFilter && (isString.isString_1(value) && value === "" && !selectedSingle || Array.isArray(value) && isEmpty.isEmpty_1(value) || value === null)) {
+      return true;
+    }
+
+    return false;
+  }, [showFilter, value, selectedSingle]);
+  var filterPlaceholder = React.useMemo(function () {
+    if (multiple && Array.isArray(value) && !isEmpty.isEmpty_1(value)) {
+      return "";
+    }
+
+    if (!multiple && selectedSingle) {
+      return selectedSingle;
+    }
+
+    return placeholder;
+  }, [multiple, value, selectedSingle, placeholder]);
+
+  function onInput(value2) {
+    setFilterText(value2);
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value2);
+  }
+
+  function handleBlur(value2, context) {
+    setFocusing(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+      value: value2,
+      e: context.e
+    });
+  }
+
+  function handleFocus(value2, context) {
+    setFocusing(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus({
+      value: value2,
+      e: context.e
+    });
+  }
+
+  var searchInput = showFilter && /* @__PURE__ */React__default["default"].createElement(input_index.Input, {
+    ref: ref,
+    value: filterText,
+    className: "".concat(classPrefix, "-select-input"),
+    size: size,
+    disabled: disabled,
+    placeholder: filterPlaceholder,
+    onInput: onInput,
+    onBlur: handleBlur,
+    onFocus: handleFocus
+  });
+  return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, showPlaceholder && /* @__PURE__ */React__default["default"].createElement("span", {
+    className: "".concat(classPrefix, "-select-placeholder")
+  }, placeholder), !multiple && !showPlaceholder && !showFilter && /* @__PURE__ */React__default["default"].createElement("span", {
+    className: "".concat(classPrefix, "-select-selectedSingle")
+  }, selectedSingle), searchInput);
+});
+
+exports["default"] = TreeSelectTags;
+//# sourceMappingURL=TreeSelectInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectInput.js","sources":["../../src/tree-select/TreeSelectInput.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport isEmpty from 'lodash/isEmpty';\nimport isString from 'lodash/isString';\nimport isFunction from 'lodash/isFunction';\nimport { TdTreeSelectProps } from '../_type/components/tree-select';\nimport Input, { InputValue } from '../input';\nimport useConfig from '../_util/useConfig';\n\nexport interface TreeSelectInputProps extends TdTreeSelectProps {\n  visible: boolean;\n  filterText: string;\n  setFilterText: Function;\n  setFocusing: Function;\n  selectedSingle: string;\n}\n\nconst TreeSelectTags = forwardRef((props: TreeSelectInputProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    selectedSingle,\n    visible,\n    filterText,\n    setFilterText,\n    setFocusing,\n    placeholder,\n    filter,\n    filterable,\n    multiple,\n    disabled,\n    size,\n    value,\n    onSearch,\n    onBlur,\n    onFocus,\n  } = props;\n  const { classPrefix } = useConfig();\n\n  const showFilter: boolean = useMemo(() => {\n    if (disabled) {\n      return false;\n    }\n    if (!multiple && selectedSingle && (filterable || isFunction(filter))) {\n      return visible;\n    }\n    return filterable || isFunction(filter);\n  }, [disabled, multiple, selectedSingle, filterable, visible, filter]);\n\n  const showPlaceholder: boolean = useMemo(() => {\n    if (\n      !showFilter &&\n      ((isString(value) && value === '' && !selectedSingle) ||\n        (Array.isArray(value) && isEmpty(value)) ||\n        value === null)\n    ) {\n      return true;\n    }\n    return false;\n  }, [showFilter, value, selectedSingle]);\n\n  const filterPlaceholder: string = useMemo(() => {\n    if (multiple && Array.isArray(value) && !isEmpty(value)) {\n      return '';\n    }\n    if (!multiple && selectedSingle) {\n      return selectedSingle;\n    }\n    return placeholder;\n  }, [multiple, value, selectedSingle, placeholder]);\n\n  function onInput(value) {\n    setFilterText(value);\n    onSearch?.(value);\n  }\n\n  function handleBlur(value: InputValue, context: { e: React.FocusEvent<HTMLDivElement> }) {\n    setFocusing(false);\n    onBlur?.({ value, e: context.e });\n  }\n\n  function handleFocus(value: InputValue, context: { e: React.FocusEvent<HTMLDivElement> }) {\n    setFocusing(true);\n    onFocus?.({ value, e: context.e });\n  }\n\n  const searchInput = showFilter && (\n    <Input\n      ref={ref}\n      value={filterText}\n      className={`${classPrefix}-select-input`}\n      size={size}\n      disabled={disabled}\n      placeholder={filterPlaceholder}\n      onInput={onInput}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n    />\n  );\n\n  return (\n    <>\n      {showPlaceholder && <span className={`${classPrefix}-select-placeholder`}>{placeholder}</span>}\n\n      {!multiple && !showPlaceholder && !showFilter && (\n        <span className={`${classPrefix}-select-selectedSingle`}>{selectedSingle}</span>\n      )}\n\n      {searchInput}\n    </>\n  );\n});\n\nexport default TreeSelectTags;\n"],"names":["TreeSelectTags","forwardRef","props","ref","selectedSingle","visible","filterText","setFilterText","setFocusing","placeholder","filter","filterable","multiple","disabled","size","value","onSearch","onBlur","onFocus","useConfig","classPrefix","showFilter","useMemo","isFunction","showPlaceholder","Array","isArray","isEmpty","filterPlaceholder","value2","context","e","searchInput","Input","className","onInput","handleBlur","handleFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBMA,8BAAiBC,iBAAW,UAACC,KAAD,EAA8BC,GAA9B,EAAmE;MAEjGC,iBAeEF,MAfFE;MACAC,UAcEH,MAdFG;MACAC,aAaEJ,MAbFI;MACAC,gBAYEL,MAZFK;MACAC,cAWEN,MAXFM;MACAC,cAUEP,MAVFO;MACAC,SASER,MATFQ;MACAC,aAQET,MARFS;MACAC,WAOEV,MAPFU;MACAC,WAMEX,MANFW;MACAC,OAKEZ,MALFY;MACAC,QAIEb,MAJFa;MACAC,WAGEd,MAHFc;MACAC,SAEEf,MAFFe;MACAC,UACEhB,MADFgB;;mBAEsBC;MAAhBC,yBAAAA;;MAEFC,aAAsBC,cAAQ,YAAM;QACpCT,UAAU;aACL;;;QAEL,CAACD,QAAD,IAAaR,cAAb,mBAA8CmB,wBAAWb,OAAzD,GAAmE;aAC9DL;;;WAEFM,cAAcY,wBAAWb;KAC/B,CAACG,QAAD,EAAWD,QAAX,EAAqBR,cAArB,EAAqCO,UAArC,EAAiDN,OAAjD,EAA0DK,MAA1D;MAEGc,kBAA2BF,cAAQ,YAAM;QAE3C,CAACD,UAAD,yBACWN,UAAUA,UAAU,MAAM,CAACX,kBACnCqB,MAAMC,OAAN,CAAcX,KAAd,KAAwBY,kBAAQZ,UACjCA,UAAU,IAHZ,GAIA;aACO;;;WAEF;KACN,CAACM,UAAD,EAAaN,KAAb,EAAoBX,cAApB;MAEGwB,oBAA4BN,cAAQ,YAAM;QAC1CV,YAAYa,MAAMC,OAAN,CAAcX,KAAd,CAAZ,IAAoC,CAACY,kBAAQZ,QAAQ;aAChD;;;QAEL,CAACH,QAAD,IAAaR,gBAAgB;aACxBA;;;WAEFK;KACN,CAACG,QAAD,EAAWG,KAAX,EAAkBX,cAAlB,EAAkCK,WAAlC;;mBAEcoB,QAAO;kBACRA;iEACHA;;;sBAGOA,QAAmBC,SAAkD;gBAC3E;2DACH;AAAEf,MAAAA,aAAF;AAASgB,MAAAA,GAAGD,QAAQC;AAApB;;;uBAGUF,QAAmBC,SAAkD;gBAC5E;8DACF;AAAEf,MAAAA,aAAF;AAASgB,MAAAA,GAAGD,QAAQC;AAApB;;;MAGNC,cAAcX,qEACjBY,mBAAD;AACE9B,IAAAA,KAAAA,GADF;AAEEY,IAAAA,OAAOT,UAFT;AAGE4B,IAAAA,qBAAcd,6BAHhB;AAIEN,IAAAA,MAAAA,IAJF;AAKED,IAAAA,UAAAA,QALF;AAMEJ,IAAAA,aAAamB,iBANf;AAOEO,IAAAA,SAAAA,OAPF;AAQElB,IAAAA,QAAQmB,UARV;AASElB,IAAAA,SAASmB;AATX;0GAeGb,0EAAoB,QAAD;AAAMU,IAAAA,qBAAcd;AAApB,KAAuDX,cAE1E,CAACG,QAAD,IAAa,CAACY,eAAd,IAAiC,CAACH,UAAlC,2DACE,QAAD;AAAMa,IAAAA,qBAAcd;AAApB,KAA0DhB,iBAG3D4B;;;;;"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TdTreeSelectProps } from '../_type/components/tree-select';
+export interface TreeSelectSuffixProps extends TdTreeSelectProps {
+    visible: boolean;
+    isHover: boolean;
+    showLoading: boolean;
+    handleClear: React.MouseEventHandler<SVGSVGElement>;
+}
+export default function TreeSelectSuffix(props: TreeSelectSuffixProps): JSX.Element;

package/cjs/tree-select/TreeSelectSuffix.js

@@ -0,0 +1,85 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('classnames');
+var isEmpty = require('../_chunks/dep-d3f123c2.js');
+var tdesignIconsReact = require('tdesign-icons-react');
+var _util_useConfig = require('../_util/useConfig.js');
+var common_FakeArrow = require('../common/FakeArrow.js');
+var loading_index = require('../loading/index.js');
+require('../_chunks/dep-c66ba301.js');
+require('../_chunks/dep-2bf84a94.js');
+require('../_chunks/dep-d2731646.js');
+require('../_chunks/dep-cfa0c25c.js');
+require('../_chunks/dep-39714d3a.js');
+require('../_chunks/dep-dedf3e86.js');
+require('../_chunks/dep-213765c2.js');
+require('../_chunks/dep-45c93631.js');
+require('../_chunks/dep-d3e9cd11.js');
+require('../_chunks/dep-bfe5e12b.js');
+require('../_chunks/dep-3e8d1212.js');
+require('../_chunks/dep-cd4964a2.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../_chunks/dep-3690810b.js');
+require('../loading/loading.js');
+require('../_chunks/dep-7555b3cd.js');
+require('../_chunks/dep-3a707dd3.js');
+require('react-dom');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-d0bc53f1.js');
+require('../_util/easing.js');
+require('../common/Portal.js');
+require('../_chunks/dep-7a3bfc35.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+function TreeSelectSuffix(props) {
+  var visible = props.visible,
+      isHover = props.isHover,
+      handleClear = props.handleClear,
+      showLoading = props.showLoading,
+      clearable = props.clearable,
+      multiple = props.multiple,
+      value = props.value,
+      disabled = props.disabled,
+      size = props.size;
+
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var showArrow = React.useMemo(function () {
+    return !clearable || !isHover || disabled || !multiple && !value && value !== 0 || multiple && Array.isArray(value) && isEmpty.isEmpty_1(value);
+  }, [clearable, isHover, disabled, multiple, value]);
+  var showClose = React.useMemo(function () {
+    return clearable && isHover && !disabled && (!multiple && (!!value || value === 0) || multiple && !isEmpty.isEmpty_1(value));
+  }, [clearable, isHover, disabled, multiple, value]);
+  return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, showArrow && !showLoading && /* @__PURE__ */React__default["default"].createElement(common_FakeArrow["default"], {
+    overlayClassName: "".concat(classPrefix, "-select-right-icon"),
+    isActive: visible,
+    disabled: disabled
+  }), showClose && !showLoading && /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CloseCircleFilledIcon, {
+    className: "".concat(classPrefix, "-select-right-icon ").concat(classPrefix, "-select-right-icon__clear"),
+    size: size,
+    onClick: handleClear
+  }), showLoading && /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
+    loading: true,
+    className: classNames__default["default"]("".concat(classPrefix, "-select-right-icon"), "".concat(classPrefix, "-select-active-icon")),
+    size: "small"
+  }));
+}
+
+exports["default"] = TreeSelectSuffix;
+//# sourceMappingURL=TreeSelectSuffix.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectSuffix.js","sources":["../../src/tree-select/TreeSelectSuffix.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport { TdTreeSelectProps, TreeSelectValue } from '../_type/components/tree-select';\nimport useConfig from '../_util/useConfig';\nimport FakeArrow from '../common/FakeArrow';\nimport Loading from '../loading';\n\nexport interface TreeSelectSuffixProps extends TdTreeSelectProps {\n  visible: boolean;\n  isHover: boolean;\n  showLoading: boolean;\n  handleClear: React.MouseEventHandler<SVGSVGElement>;\n}\n\nexport default function TreeSelectSuffix(props: TreeSelectSuffixProps) {\n  const { visible, isHover, handleClear, showLoading, clearable, multiple, value, disabled, size } = props;\n  const { classPrefix } = useConfig();\n\n  const showArrow: boolean = useMemo(\n    () =>\n      !clearable ||\n      !isHover ||\n      disabled ||\n      (!multiple && !value && value !== 0) ||\n      (multiple && Array.isArray(value) && isEmpty(value)),\n    [clearable, isHover, disabled, multiple, value],\n  );\n\n  const showClose: boolean = useMemo(\n    () =>\n      clearable &&\n      isHover &&\n      !disabled &&\n      ((!multiple && (!!value || value === 0)) || (multiple && !isEmpty(value as Array<TreeSelectValue>))),\n    [clearable, isHover, disabled, multiple, value],\n  );\n\n  return (\n    <>\n      {showArrow && !showLoading && (\n        <FakeArrow overlayClassName={`${classPrefix}-select-right-icon`} isActive={visible} disabled={disabled} />\n      )}\n      {showClose && !showLoading && (\n        <CloseCircleFilledIcon\n          className={`${classPrefix}-select-right-icon ${classPrefix}-select-right-icon__clear`}\n          size={size}\n          onClick={handleClear}\n        />\n      )}\n      {showLoading && (\n        <Loading\n          loading={true}\n          className={classNames(`${classPrefix}-select-right-icon`, `${classPrefix}-select-active-icon`)}\n          size=\"small\"\n        />\n      )}\n    </>\n  );\n}\n"],"names":["props","visible","isHover","handleClear","showLoading","clearable","multiple","value","disabled","size","useConfig","classPrefix","showArrow","useMemo","Array","isArray","isEmpty","showClose","FakeArrow","overlayClassName","isActive","CloseCircleFilledIcon","className","onClick","Loading","loading","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiByCA,OAA8B;MAC7DC,UAA2FD,MAA3FC;MAASC,UAAkFF,MAAlFE;MAASC,cAAyEH,MAAzEG;MAAaC,cAA4DJ,MAA5DI;MAAaC,YAA+CL,MAA/CK;MAAWC,WAAoCN,MAApCM;MAAUC,QAA0BP,MAA1BO;MAAOC,WAAmBR,MAAnBQ;MAAUC,OAAST,MAATS;;mBAClEC;MAAhBC,yBAAAA;;MAEFC,YAAqBC,cACzB;AAAA,WACE,CAACR,SAAD,IACA,CAACH,OADD,IAEAM,QAFA,IAGC,CAACF,QAAD,IAAa,CAACC,KAAd,IAAuBA,UAAU,CAHlC,IAICD,YAAYQ,MAAMC,OAAN,CAAcR,KAAd,CAAZ,IAAoCS,kBAAQT,MAL/C;AAAA,KAMA,CAACF,SAAD,EAAYH,OAAZ,EAAqBM,QAArB,EAA+BF,QAA/B,EAAyCC,KAAzC;MAGIU,YAAqBJ,cACzB;AAAA,WACER,aACAH,OADA,IAEA,CAACM,QAFD,MAGGF,cAAc,CAACC,SAASA,UAAU,MAAQD,YAAY,CAACU,kBAAQT,MAHlE,CADF;AAAA,KAKA,CAACF,SAAD,EAAYH,OAAZ,EAAqBM,QAArB,EAA+BF,QAA/B,EAAyCC,KAAzC;0GAKGK,aAAa,CAACR,WAAd,2DACEc,6BAAD;AAAWC,IAAAA,4BAAqBR,kCAAhC;AAAiES,IAAAA,UAAUnB,OAA3E;AAAoFO,IAAAA,UAAAA;AAApF,MAEDS,aAAa,CAACb,WAAd,2DACEiB,yCAAD;AACEC,IAAAA,qBAAcX,2CAAiCA,yCADjD;AAEEF,IAAAA,MAAAA,IAFF;AAGEc,IAAAA,SAASpB;AAHX,MAMDC,sEACEoB,uBAAD;AACEC,IAAAA,SAAS,IADX;AAEEH,IAAAA,WAAWI,yCAAcf,8CAAoCA,oCAF/D;AAGEF,IAAAA,MAAK;AAHP;;;;;"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TdTreeSelectProps, TreeSelectValue } from '../_type/components/tree-select';
+export interface TreeSelectTagsProps extends TdTreeSelectProps {
+    tagList: Array<TreeSelectValue>;
+}
+export default function TreeSelectTags(props: TreeSelectTagsProps): JSX.Element;

package/cjs/tree-select/TreeSelectTags.js

@@ -0,0 +1,85 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var tag_index = require('../tag/index.js');
+require('../tag/Tag.js');
+require('../_chunks/dep-3690810b.js');
+require('../_chunks/dep-76f334ae.js');
+require('classnames');
+require('tdesign-icons-react');
+require('../_util/noop.js');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../_util/useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../tag/CheckTag.js');
+require('../_chunks/dep-7555b3cd.js');
+require('../_chunks/dep-3a707dd3.js');
+require('../_util/useDefault.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function TreeSelectTags(props) {
+  var tagList = props.tagList,
+      minCollapsedNum = props.minCollapsedNum,
+      collapsedItems = props.collapsedItems,
+      disabled = props.disabled,
+      size = props.size,
+      value = props.value,
+      data = props.data,
+      onRemove = props.onRemove,
+      onChange = props.onChange;
+  if (!tagList.length) return null;
+
+  function removeTag(index, data2, e) {
+    e.stopPropagation();
+    if (disabled || !Array.isArray(value)) return;
+    onRemove === null || onRemove === void 0 ? void 0 : onRemove({
+      value: value[index],
+      data: data2,
+      e: e
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(value.filter(function (_, i) {
+      return i !== index;
+    }), null);
+  }
+
+  var tags = tagList.map(function (label, index) {
+    return /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
+      key: index,
+      size: size,
+      closable: !disabled,
+      disabled: disabled,
+      onClose: function onClose(_ref) {
+        var e = _ref.e;
+        return removeTag(index, data, e);
+      }
+    }, label);
+  });
+
+  if (minCollapsedNum) {
+    tags = tags.slice(0, minCollapsedNum);
+    var nums = tagList.length - minCollapsedNum;
+    nums && tags.push( /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
+      key: "collapsed-".concat(nums),
+      size: size,
+      disabled: disabled
+    }, collapsedItems || "+".concat(nums)));
+  }
+
+  return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, tags);
+}
+
+exports["default"] = TreeSelectTags;
+//# sourceMappingURL=TreeSelectTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectTags.js","sources":["../../src/tree-select/TreeSelectTags.tsx"],"sourcesContent":["import React from 'react';\nimport { TdTreeSelectProps, TreeSelectValue } from '../_type/components/tree-select';\nimport { TreeOptionData } from '../_type';\nimport Tag from '../tag';\n\nexport interface TreeSelectTagsProps extends TdTreeSelectProps {\n  tagList: Array<TreeSelectValue>,\n}\n\nexport default function TreeSelectTags(props: TreeSelectTagsProps) {\n  const { tagList, minCollapsedNum, collapsedItems, disabled, size, value, data, onRemove, onChange } = props;\n\n  if (!tagList.length) return null;\n\n  function removeTag(index: number, data: TreeOptionData, e: React.MouseEvent<SVGElement, MouseEvent>) {\n    e.stopPropagation();\n    if (disabled || !Array.isArray(value)) return;\n\n    onRemove?.({ value: value[index], data, e });\n    onChange?.(value.filter((_, i) => i !== index) as Array<TreeSelectValue>, null);\n  }\n\n  let tags = tagList.map((label, index) => (\n    <Tag\n      key={index}\n      size={size}\n      closable={!disabled}\n      disabled={disabled}\n      onClose={({ e }) => removeTag(index, data, e)}\n    >\n      {label}\n    </Tag>\n  ));\n\n  if (minCollapsedNum) {\n    tags = tags.slice(0, minCollapsedNum);\n\n    const nums = tagList.length - minCollapsedNum;\n    nums && tags.push(\n      <Tag key={`collapsed-${nums}`} size={size} disabled={disabled}>\n        { collapsedItems || `+${nums}` }\n      </Tag>\n    );\n  }\n\n  return <>{tags}</>;\n}\n"],"names":["props","tagList","minCollapsedNum","collapsedItems","disabled","size","value","data","onRemove","onChange","length","index","data2","e","stopPropagation","Array","isArray","filter","_","i","tags","map","label","Tag","key","closable","onClose","removeTag","slice","nums","push"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBASuCA,OAA4B;MACzDC,UAA8FD,MAA9FC;MAASC,kBAAqFF,MAArFE;MAAiBC,iBAAoEH,MAApEG;MAAgBC,WAAoDJ,MAApDI;MAAUC,OAA0CL,MAA1CK;MAAMC,QAAoCN,MAApCM;MAAOC,OAA6BP,MAA7BO;MAAMC,WAAuBR,MAAvBQ;MAAUC,WAAaT,MAAbS;MAErF,CAACR,QAAQS,eAAe;;qBAETC,OAAeC,OAAsBC,GAA6C;MACjGC;QACEV,YAAY,CAACW,MAAMC,OAAN,CAAcV,KAAd;iEAEN;AAAEA,MAAAA,OAAOA,MAAMK,MAAf;AAAuBJ,MAAAA,WAAvB;AAA6BM,MAAAA,GAAAA;AAA7B;iEACAP,MAAMW,MAAN,CAAa,UAACC,CAAD,EAAIC,CAAJ;AAAA,aAAUA,MAAMR,KAAhB;AAAA,KAAb,GAA+D;;;MAGxES,OAAOnB,QAAQoB,GAAR,CAAY,UAACC,KAAD,EAAQX,KAAR;AAAA,kEACpBY,eAAD;AACEC,MAAAA,KAAKb,KADP;AAEEN,MAAAA,MAAAA,IAFF;AAGEoB,MAAAA,UAAU,CAACrB,QAHb;AAIEA,MAAAA,UAAAA,QAJF;AAKEsB,MAAAA,SAAS;AAAA,YAAGb,CAAH,QAAGA,CAAH;AAAA,eAAWc,UAAUhB,OAAOJ,MAAMM,EAAlC;AAAA;AALX,OAOGS,MARkB;AAAA,GAAZ;;MAYPpB,iBAAiB;WACZkB,KAAKQ,KAAL,CAAW,CAAX,EAAc1B,eAAd;QAED2B,OAAO5B,QAAQS,MAAR,GAAiBR;YACtBkB,KAAKU,IAAL,yDACLP,eAAD;AAAKC,MAAAA,yBAAkBK,KAAvB;AAA+BxB,MAAAA,MAAAA,IAA/B;AAA2CD,MAAAA,UAAAA;AAA3C,OACID,6BAAsB0B,MAFpB;;;0GAOAT;;;;;"}

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { TreeSelectProps } from './TreeSelect';
+export * from '../_type/components/tree-select';
 export declare const TreeSelect: import("react").ForwardRefExoticComponent<import("./TreeSelect").TreeSelectProps & import("react").RefAttributes<HTMLDivElement>>;
 export default TreeSelect;

package/cjs/tree-select/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,35 +9,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var treeSelect_TreeSelect = require('./TreeSelect.js');
-require('../_chunks/dep-da22c7e7.js');
-require('../_chunks/dep-138b9430.js');
-require('../_chunks/dep-fe12381d.js');
+require('../_chunks/dep-3690810b.js');
+require('../_chunks/dep-7555b3cd.js');
+require('../_chunks/dep-3a707dd3.js');
 require('react');
-require('classnames');
-require('../_chunks/dep-8b42f281.js');
-require('../_chunks/dep-e7fbf95b.js');
-require('../_chunks/dep-0d2075b9.js');
-require('../_chunks/dep-e3c11611.js');
-require('../_chunks/dep-18990b3e.js');
-require('../_chunks/dep-d405f816.js');
-require('../_chunks/dep-ff9e6193.js');
-require('../_chunks/dep-7782bc84.js');
-require('../_chunks/dep-2db530b3.js');
-require('../_chunks/dep-fa810c21.js');
-require('../_chunks/dep-dc9b08b7.js');
-require('../_chunks/dep-b38a2ff8.js');
-require('../_chunks/dep-1c56c0c1.js');
-require('../_chunks/dep-4ffbaf14.js');
-require('tdesign-icons-react');
+require('../_chunks/dep-3e8d1212.js');
+require('../_chunks/dep-d3f123c2.js');
+require('../_chunks/dep-c66ba301.js');
+require('../_chunks/dep-2bf84a94.js');
+require('../_chunks/dep-d2731646.js');
+require('../_chunks/dep-cfa0c25c.js');
+require('../_chunks/dep-39714d3a.js');
+require('../_chunks/dep-dedf3e86.js');
+require('../_chunks/dep-213765c2.js');
+require('../_chunks/dep-45c93631.js');
+require('../_chunks/dep-d3e9cd11.js');
+require('../_chunks/dep-bfe5e12b.js');
+require('../_chunks/dep-cd4964a2.js');
 require('../locale/LocalReceiver.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
-require('../_util/useCommonClassName.js');
 require('../_util/useConfig.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
 require('../popup/index.js');
 require('../popup/Popup.js');
+require('classnames');
 require('react-popper');
 require('../_util/composeRefs.js');
 require('../_util/usePrevious.js');
@@ -45,47 +42,62 @@ require('../popup/Portal.js');
 require('react-dom');
 require('../popup/useTriggerProps.js');
 require('../_util/useClickOutside.js');
-require('../tag/index.js');
-require('../tag/Tag.js');
-require('../_chunks/dep-d83d25da.js');
-require('../_util/forwardRefWithStatics.js');
-require('hoist-non-react-statics');
-require('../tag/CheckTag.js');
+require('../tree/index.js');
 require('../tree/Tree.js');
 require('react-transition-group');
 require('../_util/usePersistFn.js');
 require('../tree/useTreeConfig.js');
 require('../tree/useControllable.js');
 require('../tree/TreeItem.js');
+require('tdesign-icons-react');
+require('../loading/index.js');
+require('../loading/loading.js');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-d0bc53f1.js');
+require('../_util/easing.js');
+require('../common/Portal.js');
+require('../_chunks/dep-7a3bfc35.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../checkbox/index.js');
-require('../checkbox/Checkbox.js');
+require('../_chunks/dep-8fc609bb.js');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../checkbox/CheckboxGroup.js');
-require('../_chunks/dep-e7afdc7b.js');
+require('../_chunks/dep-76f334ae.js');
+require('../_util/helper.js');
+require('../_chunks/dep-90dd4b65.js');
+require('../_chunks/dep-6c7c7494.js');
+require('../_chunks/dep-4ad44dd8.js');
+require('../_chunks/dep-21a4ea13.js');
+require('../_chunks/dep-d527c393.js');
+require('../_chunks/dep-5ba782c6.js');
 require('../tree/useStore.js');
-require('../_chunks/dep-72731322.js');
-require('../_chunks/dep-04587b3a.js');
-require('../_chunks/dep-bd49604b.js');
-require('../_chunks/dep-44e119d1.js');
-require('../_chunks/dep-2262e9e8.js');
-require('../_chunks/dep-58e09809.js');
-require('../_chunks/dep-b17de586.js');
-require('../_chunks/dep-341fc0a3.js');
-require('../_chunks/dep-0c75db35.js');
-require('../_chunks/dep-03616ebc.js');
-require('../_chunks/dep-d28ccca5.js');
-require('../_chunks/dep-4484c339.js');
-require('../_chunks/dep-06e01e78.js');
-require('../_chunks/dep-5bf14784.js');
-require('../_chunks/dep-645869f2.js');
+require('../_chunks/dep-d3f303fd.js');
+require('../_chunks/dep-7649e4c5.js');
+require('../_chunks/dep-ec553228.js');
+require('../_chunks/dep-78fa7073.js');
+require('../_chunks/dep-1d87ce38.js');
+require('../_chunks/dep-4a7d4d19.js');
+require('../_chunks/dep-acdae713.js');
+require('../_chunks/dep-4eb371ce.js');
+require('../_chunks/dep-26d8057f.js');
+require('../_chunks/dep-95812a03.js');
 require('../_util/useUpdateEffect.js');
-require('../common/FakeArrow.js');
+require('./TreeSelectTags.js');
+require('../tag/index.js');
+require('../tag/Tag.js');
+require('../tag/CheckTag.js');
+require('./TreeSelectInput.js');
 require('../input/index.js');
 require('../input/Input.js');
 require('../input/InputGroup.js');
 require('../_util/useDefaultValue.js');
+require('./TreeSelectSuffix.js');
+require('../common/FakeArrow.js');
+require('./useTreeSelectConfig.js');
+require('../_util/useCommonClassName.js');
 
 var TreeSelect = treeSelect_TreeSelect["default"];
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tree-select/index.ts"],"sourcesContent":["import _TreeSelect from './TreeSelect';\n\nimport './style/index.js';\n\nexport type { TreeSelectProps } from './TreeSelect';\n\nexport const TreeSelect = _TreeSelect;\nexport default TreeSelect;\n"],"names":["TreeSelect","_TreeSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,aAAaC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tree-select/index.ts"],"sourcesContent":["import _TreeSelect from './TreeSelect';\n\nimport './style/index.js';\n\nexport type { TreeSelectProps } from './TreeSelect';\nexport * from '../_type/components/tree-select';\n\nexport const TreeSelect = _TreeSelect;\nexport default TreeSelect;\n"],"names":["TreeSelect","_TreeSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;;"}

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

@@ -0,0 +1,10 @@
+import { TdTreeSelectProps } from '../_type/components/tree-select';
+import { PopupProps } from '../popup';
+export interface TreeSelectConfigProps extends TdTreeSelectProps {
+    visible: boolean;
+}
+export default function useTreeSelectConfig(props: TreeSelectConfigProps): {
+    selectClassName: string;
+    popupClassName: string;
+    popupObject: PopupProps;
+};

package/cjs/tree-select/useTreeSelectConfig.js

@@ -0,0 +1,58 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-3690810b.js');
+var React = require('react');
+var classNames = require('classnames');
+var _util_useConfig = require('../_util/useConfig.js');
+var _util_useCommonClassName = require('../_util/useCommonClassName.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+var defaultPopupProps = {
+  trigger: "click",
+  placement: "bottom-left",
+  overlayClassName: "",
+  overlayStyle: function overlayStyle(trigger) {
+    return {
+      width: "".concat(trigger.offsetWidth, "px")
+    };
+  }
+};
+function useTreeSelectConfig(props) {
+  var _useConfig = _util_useConfig["default"](),
+      prefix = _useConfig.classPrefix;
+
+  var CLASSNAMES = _util_useCommonClassName["default"]();
+  var disabled = props.disabled,
+      prefixIcon = props.prefixIcon,
+      size = props.size,
+      visible = props.visible,
+      popupProps = props.popupProps;
+  return React.useMemo(function () {
+    var _classNames;
+
+    var selectClassName = classNames__default["default"]("".concat(prefix, "-select"), (_classNames = {}, defineProperty._defineProperty(_classNames, CLASSNAMES.STATUS.disabled, disabled), defineProperty._defineProperty(_classNames, CLASSNAMES.STATUS.active, visible), defineProperty._defineProperty(_classNames, CLASSNAMES.SIZE[size], size), defineProperty._defineProperty(_classNames, "".concat(prefix, "-has-prefix"), prefixIcon), _classNames));
+    var popupObject = Object.assign(defaultPopupProps, popupProps);
+    var popupClassName = classNames__default["default"](popupObject.overlayClassName, "".concat(prefix, "-select-dropdown"), "narrow-scrollbar");
+    return {
+      selectClassName: selectClassName,
+      popupClassName: popupClassName,
+      popupObject: popupObject
+    };
+  }, [prefix, size, prefixIcon, disabled, visible, popupProps]);
+}
+
+exports["default"] = useTreeSelectConfig;
+//# sourceMappingURL=useTreeSelectConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeSelectConfig.js","sources":["../../src/tree-select/useTreeSelectConfig.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { TdTreeSelectProps } from '../_type/components/tree-select';\nimport { PopupProps } from '../popup';\n\nconst defaultPopupProps: PopupProps = {\n  trigger: 'click',\n  placement: 'bottom-left',\n  overlayClassName: '',\n  overlayStyle: (trigger) => ({\n    width: `${trigger.offsetWidth}px`,\n  }),\n};\n\nexport interface TreeSelectConfigProps extends TdTreeSelectProps {\n  visible: boolean;\n}\n\nexport default function useTreeSelectConfig(props: TreeSelectConfigProps) {\n  const { classPrefix: prefix } = useConfig();\n  const CLASSNAMES = useCommonClassName();\n\n  const { disabled, prefixIcon, size, visible, popupProps } = props;\n\n  return useMemo(() => {\n\n    const selectClassName = classNames(`${prefix}-select`, {\n      [CLASSNAMES.STATUS.disabled]: disabled,\n      [CLASSNAMES.STATUS.active]: visible,\n      [CLASSNAMES.SIZE[size]]: size,\n      [`${prefix}-has-prefix`]: prefixIcon,\n    });\n\n    const popupObject = Object.assign(defaultPopupProps, popupProps);\n\n    const popupClassName = classNames(popupObject.overlayClassName, `${prefix}-select-dropdown`, 'narrow-scrollbar');\n\n    return {\n      selectClassName,\n      popupClassName,\n      popupObject,\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [prefix, size, prefixIcon, disabled, visible, popupProps]);\n}\n"],"names":["defaultPopupProps","trigger","placement","overlayClassName","overlayStyle","width","offsetWidth","props","useConfig","prefix","classPrefix","CLASSNAMES","useCommonClassName","disabled","prefixIcon","size","visible","popupProps","useMemo","selectClassName","classNames","STATUS","active","SIZE","popupObject","Object","assign","popupClassName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,oBAAgC;AACpCC,EAAAA,SAAS,OAD2B;AAEpCC,EAAAA,WAAW,aAFyB;AAGpCC,EAAAA,kBAAkB,EAHkB;AAIpCC,EAAAA,cAAc,sBAACH,OAAD;AAAA;AACZI,MAAAA,iBAAUJ,QAAQK;KADN;AAAA;AAJsB,CAAtC;6BAa4CC,OAA8B;mBACxCC;MAAXC,oBAAbC;;MACFC,aAAaC;MAEXC,WAAoDN,MAApDM;MAAUC,aAA0CP,MAA1CO;MAAYC,OAA8BR,MAA9BQ;MAAMC,UAAwBT,MAAxBS;MAASC,aAAeV,MAAfU;SAEtCC,cAAQ,YAAM;AAAA;;QAEbC,kBAAkBC,yCAAcX,mFACnCE,WAAWU,MAAX,CAAkBR,UAAWA,uDAC7BF,WAAWU,MAAX,CAAkBC,QAASN,sDAC3BL,WAAWY,IAAX,CAAgBR,IAAhB,GAAwBA,6DACrBN,wBAAsBK;QAGtBU,cAAcC,OAAOC,MAAP,CAAc1B,iBAAd,EAAiCiB,UAAjC;QAEdU,iBAAiBP,+BAAWI,YAAYrB,4BAAqBM,6BAA0B;WAEtF;AACLU,MAAAA,iBAAAA,eADK;AAELQ,MAAAA,gBAAAA,cAFK;AAGLH,MAAAA,aAAAA;AAHK;KAMN,CAACf,MAAD,EAASM,IAAT,EAAeD,UAAf,EAA2BD,QAA3B,EAAqCG,OAArC,EAA8CC,UAA9C;;;;;"}