tntd 2.8.10 → 2.8.12

package/lib/tntd-virtual-tree-select/index.js

@@ -8,10 +8,17 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _tntdRcSelect = _interopRequireDefault(require("../tntd-rc-select"));
 var _tntdVirtualTree = _interopRequireDefault(require("../tntd-virtual-tree"));
+var _utils = require("./utils.js");
 require("./index.less");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -25,52 +32,124 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
  * @Author: 郑泳健
  * @Date: 2024-08-05 10:50:17
  * @LastEditors: 郑泳健
- * @LastEditTime: 2024-08-06 09:56:18
+ * @LastEditTime: 2024-08-20 15:03:16
  */
 
 var TntdVirtualTreeSelect = function TntdVirtualTreeSelect(_a) {
   var value = _a.value,
     onChange = _a.onChange,
-    renderItem = _a.renderItem,
     treeData = _a.treeData,
     showSearch = _a.showSearch,
-    treeDefaultExpandAll = _a.treeDefaultExpandAll,
-    treeExpandedKeys = _a.treeExpandedKeys,
     fieldNames = _a.fieldNames,
     dropdownMatchSelectWidth = _a.dropdownMatchSelectWidth,
     dropdownStyle = _a.dropdownStyle,
+    showCheckedStrategy = _a.showCheckedStrategy,
     treeCheckable = _a.treeCheckable,
-    restProps = __rest(_a, ["value", "onChange", "renderItem", "treeData", "showSearch", "treeDefaultExpandAll", "treeExpandedKeys", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle", "treeCheckable"]);
+    treeCheckStrictly = _a.treeCheckStrictly,
+    treeDefaultExpandAll = _a.treeDefaultExpandAll,
+    treeExpandedKeys = _a.treeExpandedKeys,
+    onTreeCheck = _a.onTreeCheck,
+    onTreeExpand = _a.onTreeExpand,
+    treeTitleRender = _a.treeTitleRender,
+    restProps = __rest(_a, ["value", "onChange", "treeData", "showSearch", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle", "showCheckedStrategy", "treeCheckable", "treeCheckStrictly", "treeDefaultExpandAll", "treeExpandedKeys", "onTreeCheck", "onTreeExpand", "treeTitleRender"]);
+  var selectRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterKey = _useState2[0],
+    setFilterKey = _useState2[1];
   var mergeDropdownStyle = (0, _react.useMemo)(function () {
     return Array.isArray(treeData) && treeData.length ? dropdownStyle : {};
   }, [dropdownStyle, treeData]);
   var mergeDropdownMatchSelectWidth = (0, _react.useMemo)(function () {
     return Array.isArray(treeData) && treeData.length ? dropdownMatchSelectWidth : true;
   }, [dropdownMatchSelectWidth, treeData]);
-  var handleRender = function handleRender(rest) {
+  var treeNodeWithParents = (0, _react.useMemo)(function () {
+    return (0, _utils.flatWithParents)(treeData, fieldNames);
+  }, [treeData, fieldNames]);
+  var selectValue = (0, _react.useMemo)(function () {
+    if (!treeCheckable) {
+      return value;
+    }
+    if (Array.isArray(value)) {
+      if (showCheckedStrategy === TntdVirtualTreeSelect.SHOW_ALL) {
+        return value;
+      }
+      // 过滤掉有子节点，
+      return value.filter(function (i) {
+        return (0, _utils.filterLastestNode)(treeNodeWithParents, i, value);
+      });
+    }
+    return undefined;
+  }, [treeCheckable, treeNodeWithParents, value, showCheckedStrategy]);
+  var mergeMode = (0, _react.useMemo)(function () {
+    if (treeCheckable) {
+      return {
+        multiple: true,
+        mode: 'tags'
+      };
+    }
+    return {};
+  }, [treeCheckable]);
+  var handleRender = function handleRender(_a) {
+    var showSearch = _a.showSearch,
+      rest = __rest(_a, ["showSearch"]);
     return _react["default"].createElement("div", {
-      className: 'virtual-tree-options'
+      className: "virtual-tree-options"
     }, _react["default"].createElement(_tntdVirtualTree["default"], Object.assign({}, rest)));
   };
-  return _react["default"].createElement(_tntdRcSelect["default"], Object.assign({}, restProps, {
+  var handleChange = function handleChange(val) {
+    onChange(val);
+  };
+  var handleSearch = function handleSearch(val) {
+    setFilterKey(val);
+  };
+  var handleSelect = function handleSelect(val) {
+    var _a;
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+    if (selectRef.current) {
+      // 主动触发下拉框消失
+      (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+  };
+  return _react["default"].createElement(_tntdRcSelect["default"], Object.assign({
+    ref: selectRef,
+    value: selectValue,
+    onChange: handleChange,
+    showSearch: showSearch,
+    onSearch: handleSearch
+  }, mergeMode, restProps, {
     dropdownMatchSelectWidth: mergeDropdownMatchSelectWidth,
     dropdownStyle: Object.assign({
       maxHeight: '100vh',
       overflow: 'auto'
     }, mergeDropdownStyle),
     dropdownRender: function dropdownRender() {
-      return handleRender({
-        value: value,
-        onChange: onChange,
-        renderItem: renderItem,
+      var obj = {
         treeData: treeData,
-        showSearch: showSearch,
-        treeDefaultExpandAll: treeDefaultExpandAll,
-        treeExpandedKeys: treeExpandedKeys,
+        filterKey: filterKey,
+        defaultExpandAll: treeDefaultExpandAll,
+        expandedKeys: treeExpandedKeys,
         fieldNames: fieldNames,
-        treeCheckable: treeCheckable
-      });
+        onExpand: onTreeExpand,
+        titleRender: treeTitleRender,
+        onSelect: handleSelect
+      };
+      if (treeCheckable) {
+        obj = Object.assign(Object.assign({}, obj), {
+          checkedKeys: value,
+          checkStrictly: treeCheckStrictly,
+          checkable: treeCheckable,
+          onCheck: onTreeCheck
+        });
+      } else {
+        obj = Object.assign(Object.assign({}, obj), {
+          value: value
+        });
+      }
+      return handleRender(obj);
     }
   }));
 };
+TntdVirtualTreeSelect.SHOW_CHILD = 'SHOW_CHILD';
+TntdVirtualTreeSelect.SHOW_ALL = 'SHOW_ALL';
 var _default = exports["default"] = TntdVirtualTreeSelect;

package/lib/tntd-virtual-tree-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,+CAAiD;AACjD,uEAAwC;AACxC,6EAAmD;AACnD,wBAAsB;AAEtB,MAAM,qBAAqB,GAAG,CAAC,EAG5B,EAAE,EAAE;QAHwB,EAC3B,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,gBAAgB,EACzF,UAAU,EAAE,wBAAwB,EAAE,aAAa,EAAE,aAAa,OACnE,EADwE,SAAS,cAFrD,qLAG5B,CADiF;IAGlF,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACtC,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAA;IACzE,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE7B,MAAM,6BAA6B,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjD,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAE,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAA;IACtF,CAAC,EAAE,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAExC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE;QAC5B,OAAO,CACL,uCAAK,SAAS,EAAC,sBAAsB;YACnC,8BAAC,2BAAe,oBAAK,IAAI,EAAI,CACzB,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,wBAAQ,oBACH,SAAS,IACb,wBAAwB,EAAE,6BAA6B,EACvD,aAAa,kBAAI,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAK,kBAAkB,GAC5E,cAAc,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,IAC5J,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAA","sourcesContent":["/*\n * @Descripttion: 用select包裹虚拟树\n * @Author: 郑泳健\n * @Date: 2024-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-08-06 09:56:18\n */\nimport React, { useState, useMemo } from 'react';\nimport RcSelect from '../tntd-rc-select'\nimport TntdVirtualTree from '../tntd-virtual-tree';\nimport './index.less';\n\nconst TntdVirtualTreeSelect = ({ \n    value, onChange, renderItem, treeData, showSearch, treeDefaultExpandAll, treeExpandedKeys, \n    fieldNames, dropdownMatchSelectWidth, dropdownStyle, treeCheckable, ...restProps \n  }) => {\n  \n  const mergeDropdownStyle = useMemo(() => {\n    return Array.isArray(treeData) && treeData.length ?  dropdownStyle : {}\n  }, [dropdownStyle, treeData])\n\n  const mergeDropdownMatchSelectWidth = useMemo(() => {\n    return Array.isArray(treeData) && treeData.length ?  dropdownMatchSelectWidth : true\n  }, [dropdownMatchSelectWidth, treeData])\n\n  const handleRender = (rest) => {\n    return (\n      <div className='virtual-tree-options'>\n        <TntdVirtualTree {...rest} />\n      </div>\n    )\n  }\n\n  return (\n    <RcSelect\n      {...restProps}\n      dropdownMatchSelectWidth={mergeDropdownMatchSelectWidth}\n      dropdownStyle={{ maxHeight: '100vh', overflow: 'auto', ...mergeDropdownStyle }}\n      dropdownRender={() => handleRender({ value, onChange, renderItem, treeData, showSearch, treeDefaultExpandAll, treeExpandedKeys, fieldNames, treeCheckable })}\n    />\n  );\n};\n\nexport default TntdVirtualTreeSelect\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 用select包裹虚拟树\n * @Author: 郑泳健\n * @Date: 2024-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-08-20 15:03:16\n */\nimport React, { useState, useRef, useMemo } from 'react';\nimport RcSelect from '../tntd-rc-select';\nimport TntdVirtualTree from '../tntd-virtual-tree';\nimport { filterLastestNode, flatWithParents } from './utils.js'\nimport './index.less';\n\nconst TntdVirtualTreeSelect = ({\n  value,\n  onChange,\n  treeData,\n  showSearch,\n  fieldNames,\n  dropdownMatchSelectWidth,\n  dropdownStyle,\n  showCheckedStrategy,\n  treeCheckable,\n  treeCheckStrictly,\n  treeDefaultExpandAll,\n  treeExpandedKeys,\n  onTreeCheck,\n  onTreeExpand,\n  treeTitleRender,\n  ...restProps\n}) => {\n  const selectRef = useRef(null);\n  const [filterKey, setFilterKey] = useState(undefined);\n\n  const mergeDropdownStyle = useMemo(() => {\n    return Array.isArray(treeData) && treeData.length ? dropdownStyle : {};\n  }, [dropdownStyle, treeData]);\n\n  const mergeDropdownMatchSelectWidth = useMemo(() => {\n    return Array.isArray(treeData) && treeData.length ? dropdownMatchSelectWidth : true;\n  }, [dropdownMatchSelectWidth, treeData]);\n\n  const treeNodeWithParents = useMemo(() => {\n    return flatWithParents(treeData, fieldNames)\n  }, [treeData, fieldNames])\n\n  const selectValue = useMemo(() => {\n    if(!treeCheckable) {\n      return value\n    }\n\n    if(Array.isArray(value)) {\n      if(showCheckedStrategy === TntdVirtualTreeSelect.SHOW_ALL) {\n        return value;\n      }\n      // 过滤掉有子节点，\n      return value.filter(i => {\n        return filterLastestNode(treeNodeWithParents, i, value)\n      })\n    }\n    return undefined\n\n  }, [treeCheckable, treeNodeWithParents, value, showCheckedStrategy])\n\n  const mergeMode = useMemo(() => {\n    if(treeCheckable) {\n      return {\n        multiple: true,\n        mode: 'tags'\n      }\n    }\n    return {}\n  }, [treeCheckable])\n\n  const handleRender = ({ showSearch, ...rest }) => {\n    return (\n      <div className=\"virtual-tree-options\">\n        <TntdVirtualTree {...rest} />\n      </div>\n    );\n  };\n\n  const handleChange = (val) => {\n    onChange(val);\n  };\n\n  const handleSearch = (val) => {\n    setFilterKey(val);\n  };\n\n  const handleSelect = (val) => {\n    onChange?.(val);\n    if (selectRef.current) {\n      // 主动触发下拉框消失\n      selectRef.current?.blur();\n    }\n  };\n\n  return (\n    <RcSelect\n      ref={selectRef}\n      value={selectValue}\n      onChange={handleChange}\n      showSearch={showSearch}\n      onSearch={handleSearch}\n      {...mergeMode}\n      {...restProps}\n      dropdownMatchSelectWidth={mergeDropdownMatchSelectWidth}\n      dropdownStyle={{ maxHeight: '100vh', overflow: 'auto', ...mergeDropdownStyle }}\n      dropdownRender={() => {\n        let obj = {\n          treeData,\n          filterKey,\n          defaultExpandAll: treeDefaultExpandAll,\n          expandedKeys: treeExpandedKeys,\n          fieldNames,\n          onExpand: onTreeExpand,\n          titleRender: treeTitleRender,\n          onSelect: handleSelect\n        };\n        if (treeCheckable) {\n          obj = { ...obj, checkedKeys: value, checkStrictly: treeCheckStrictly, checkable: treeCheckable, onCheck: onTreeCheck };\n        } else {\n          obj = { ...obj, value };\n        }\n        return handleRender(obj);\n      }}\n    />\n  );\n};\n\nTntdVirtualTreeSelect.SHOW_CHILD = 'SHOW_CHILD'\nTntdVirtualTreeSelect.SHOW_ALL = 'SHOW_ALL'\n\nexport default TntdVirtualTreeSelect;\n"]}

package/lib/tntd-virtual-tree-select/utils.d.ts

@@ -1,10 +1,3 @@
-export function addTreeNodeKeys(treeData: any, fieldNames?: {
-    title: string;
-    value: string;
-    children: string;
-}): any[];
-export function getNodeStr(node: any, key: any, result?: any[]): any[];
-export function getNodeKeys(node: any, widthSelf?: any, result?: any): any;
-export function flatTreeData(treeData: any, filterKey?: string, expandedKeys?: any, treeDefaultExpandAll?: any, level?: any, result?: any): any;
-export function getFullExpandedKeys(treeDataWithKeys: any, treeExpandedKeys: any, treeDefaultExpandAll: any, result?: any): any;
+export function flatWithParents(treeData: any, fieldNames?: any, parents?: any, result?: {}): {};
+export function filterLastestNode(treeNodeWithParents: any, item: any, list: any): boolean;
 //# sourceMappingURL=utils.d.ts.map

package/lib/tntd-virtual-tree-select/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":"AAKO;;;;UAqBN;AAEM,uEAUN;AASM,2EAYN;AAWM,gJAuBN;AASM,gIAkBN"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":"AAOO,iGAaN;AAEM,2FAQN"}

package/lib/tntd-virtual-tree-select/utils.js

@@ -3,165 +3,46 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getNodeStr = exports.getNodeKeys = exports.getFullExpandedKeys = exports.flatTreeData = exports.addTreeNodeKeys = void 0;
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+exports.flatWithParents = exports.filterLastestNode = void 0;
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
 /**
- * 初始化给树的每个节点增加一个keys字段（数组），keys的值是当前节点下的所有子节点的value和
- * 用于判断后续展开/收起
+ * 给每个节点增加一个parent字段，记录其父节点用于showCheckedStrategy
  * @param {*} treeData
+ * @param {*} fieldNames
+ * @param {*} parents
+ * @returns
  */
-var addTreeNodeKeys = exports.addTreeNodeKeys = function addTreeNodeKeys(treeData) {
+var flatWithParents = exports.flatWithParents = function flatWithParents(treeData) {
   var fieldNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     title: 'title',
     value: 'value',
-    children: 'children'
+    children: 'children',
+    disabled: 'disabled'
   };
-  if (Array.isArray(treeData) && !!treeData.length) {
-    return treeData.map(function (item) {
-      item.children = item[fieldNames['children']];
-      item.title = item[fieldNames['title']];
-      item.value = item[fieldNames['value']];
-      var children = item.children,
-        query = __rest(item, ["children"]);
-      if (Array.isArray(children) && !!children.length) {
-        query.children = addTreeNodeKeys(children, fieldNames);
-      }
-      return Object.assign(Object.assign({}, query), {
-        title: query[fieldNames['title']],
-        value: query[fieldNames['value']],
-        keys: getNodeKeys(query),
-        titleTotal: getNodeStr(query, fieldNames['title'])
-      });
-    });
-  }
-  return [];
-};
-var getNodeStr = exports.getNodeStr = function getNodeStr(node, key) {
-  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  result.push(node[key]);
-  if (Array.isArray(node.children) && !!node.children.length) {
-    node.children.forEach(function (element) {
-      result = [].concat(_toConsumableArray(result), _toConsumableArray(getNodeStr(element, key)));
+  var parents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var result = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  if (Array.isArray(treeData)) {
+    treeData.forEach(function (i) {
+      result[i[fieldNames['value']]] = parents;
+      if (Array.isArray(i[fieldNames['children']])) {
+        var list = flatWithParents(i[fieldNames['children']], fieldNames, [].concat(_toConsumableArray(parents), [i[fieldNames['value']]]));
+        result = Object.assign(Object.assign({}, result), list);
+      } else {}
     });
   }
   return result;
 };
-/**
- * 获取每个节点下面所有子节点的value值
- * @param {*} node
- * @param {*} widthSelf 是否包含自己
- * @param {*} result
- * @returns []
- */
-var getNodeKeys = exports.getNodeKeys = function getNodeKeys(node) {
-  var widthSelf = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  if (widthSelf) {
-    result.push(node.value);
-  }
-  if (Array.isArray(node.children) && !!node.children.length) {
-    node.children.forEach(function (element) {
-      result = [].concat(_toConsumableArray(result), _toConsumableArray(getNodeKeys(element)));
+var filterLastestNode = exports.filterLastestNode = function filterLastestNode(treeNodeWithParents, item, list) {
+  var parents = treeNodeWithParents[item] || {};
+  if (Array.isArray(parents) && !!parents.length && Array.isArray(list) && !!list.length) {
+    return parents.every(function (el) {
+      return !list.includes(el);
     });
   }
-  return result;
-};
-/**
- * 扁平树
- * @param {*} treeData
- * @param {*} expandedKeys 展开的节点
- * @param {*} treeDefaultExpandAll
- * @param {*} level
- * @param {*} result
- * @returns
- */
-var flatTreeData = exports.flatTreeData = function flatTreeData(treeData) {
-  var filterKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var expandedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var treeDefaultExpandAll = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var level = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  var result = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
-  if (Array.isArray(treeData)) {
-    var _iterator = _createForOfIteratorHelper(treeData),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var i = _step.value;
-        var value = i.value,
-          children = i.children,
-          titleTotal = i.titleTotal,
-          title = i.title,
-          rest = __rest(i, ["value", "children", "titleTotal", "title"]);
-        // 判断是否命中过滤
-        var bingo = true;
-        var transFilterKey = !['', null, undefined].includes(filterKey);
-        if (transFilterKey) {
-          bingo = Array.isArray(titleTotal) ? titleTotal.some(function (i) {
-            return i.includes(filterKey);
-          }) : false;
-        }
-        if (bingo) {
-          result.push({
-            value: value,
-            children: children,
-            title: title,
-            level: level,
-            titleTotal: titleTotal
-          });
-        }
-        var selfIn = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;
-        if ((treeDefaultExpandAll || selfIn || transFilterKey && bingo) && Array.isArray(children) && !!children.length) {
-          result = [].concat(_toConsumableArray(result), _toConsumableArray(flatTreeData(children, filterKey, expandedKeys, treeDefaultExpandAll, level + 1)));
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  }
-  return result;
-};
-/**
- * 获取所有展开的节点 （组件传入最后一层，需要将其上层全部加入到expandedKeys）
- * @param {*} treeDataWithKeys
- * @param {*} treeExpandedKeys
- * @param {*} result
- * @returns
- */
-var getFullExpandedKeys = exports.getFullExpandedKeys = function getFullExpandedKeys(treeDataWithKeys) {
-  var treeExpandedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var treeDefaultExpandAll = arguments.length > 2 ? arguments[2] : undefined;
-  var result = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  if (!treeDefaultExpandAll && (!Array.isArray(treeDataWithKeys) || !treeDataWithKeys.length || !Array.isArray(treeExpandedKeys) || !treeExpandedKeys.length)) {
-    return [];
-  }
-  treeDataWithKeys.forEach(function (i) {
-    var keys = i.keys,
-      value = i.value,
-      children = i.children;
-    if (treeDefaultExpandAll || Array.isArray(keys) && keys.some(function (el) {
-      return treeExpandedKeys.includes(el);
-    })) {
-      result.push(value);
-      if (Array.isArray(children) && !!children.length) {
-        result = [].concat(_toConsumableArray(result), _toConsumableArray(getFullExpandedKeys(children, treeExpandedKeys, treeDefaultExpandAll)));
-      }
-    }
-  });
-  return result;
+  return false;
 };

package/lib/tntd-virtual-tree-select/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * 初始化给树的每个节点增加一个keys字段（数组），keys的值是当前节点下的所有子节点的value和\n * 用于判断后续展开/收起\n * @param {*} treeData \n */\nexport const addTreeNodeKeys = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children' }) => {\n  if(Array.isArray(treeData) && !!treeData.length) {\n    return treeData.map((item) => {\n      item.children = item[fieldNames['children']]\n      item.title = item[fieldNames['title']]\n      item.value = item[fieldNames['value']]\n      const { children, ...query } = item;\n      if(Array.isArray(children) && !!children.length) {\n        query.children = addTreeNodeKeys(children, fieldNames)\n      } \n      return {\n        ...query,\n        title: query[fieldNames['title']],\n        value: query[fieldNames['value']],\n        keys: getNodeKeys(query),\n        titleTotal: getNodeStr(query, fieldNames['title'])\n      }\n    })\n  }\n\n  return []\n}\n\nexport const getNodeStr = (node, key, result = []) => {\n  result.push(node[key]);\n\n  if(Array.isArray(node.children) && !!node.children.length) {\n    node.children.forEach(element => {\n      result = [...result, ...getNodeStr(element, key)]\n    });\n  }\n\n  return result\n}\n\n/**\n * 获取每个节点下面所有子节点的value值\n * @param {*} node \n * @param {*} widthSelf 是否包含自己\n * @param {*} result \n * @returns []\n */\nexport const getNodeKeys = (node, widthSelf = true, result = []) => {\n  if(widthSelf) {\n    result.push(node.value);\n  }\n\n  if(Array.isArray(node.children) && !!node.children.length) {\n    node.children.forEach(element => {\n      result = [...result, ...getNodeKeys(element)]\n    });\n  }\n\n  return result;\n}\n\n/**\n * 扁平树\n * @param {*} treeData \n * @param {*} expandedKeys 展开的节点\n * @param {*} treeDefaultExpandAll\n * @param {*} level \n * @param {*} result \n * @returns \n */\nexport const flatTreeData = (treeData, filterKey = '', expandedKeys = [], treeDefaultExpandAll = false, level = 0, result = []) => {\n  if(Array.isArray(treeData)) {\n    for(const i of treeData){\n      const { value, children, titleTotal, title, ...rest } = i;\n\n      // 判断是否命中过滤\n      let bingo = true\n      const transFilterKey = !['', null, undefined].includes(filterKey)\n      if(transFilterKey) {\n        bingo = Array.isArray(titleTotal) ? titleTotal.some(i => i.includes(filterKey)) : false\n      }\n\n      if(bingo) {\n        result.push({ value, children, title, level, titleTotal })\n      }\n\n      const selfIn = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;\n      if((treeDefaultExpandAll || selfIn || (transFilterKey && bingo)) && Array.isArray(children) && !!children.length){\n        result = [...result, ...flatTreeData(children, filterKey, expandedKeys, treeDefaultExpandAll, level+1)]\n      }\n    }\n  }\n  return result\n}\n\n/**\n * 获取所有展开的节点 （组件传入最后一层，需要将其上层全部加入到expandedKeys）\n * @param {*} treeDataWithKeys \n * @param {*} treeExpandedKeys \n * @param {*} result \n * @returns \n */\nexport const getFullExpandedKeys = (treeDataWithKeys, treeExpandedKeys = [], treeDefaultExpandAll, result = []) => {\n  if(!treeDefaultExpandAll && (!Array.isArray(treeDataWithKeys) || !treeDataWithKeys.length || !Array.isArray(treeExpandedKeys) || !treeExpandedKeys.length)) {\n    return []\n  }\n  \n  treeDataWithKeys.forEach(i => {\n    const { keys, value, children } = i;\n\n    if(treeDefaultExpandAll || (Array.isArray(keys) && keys.some(el => treeExpandedKeys.includes(el)))) {\n      result.push(value)\n\n      if(Array.isArray(children) && !!children.length) {\n        result = [...result, ...getFullExpandedKeys(children, treeExpandedKeys, treeDefaultExpandAll)]\n      }\n    }\n  })\n\n  return result;\n}\n\n\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACI,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,UAAU,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,EAAE;IAClK,IAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC1B,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACnB,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;YACzC,IAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,EAAC;gBAC1C,MAAM,IAAI,GAAG,IAAA,uBAAe,EAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;gBACzG,MAAM,mCAAO,MAAM,GAAK,IAAI,CAAC,CAAA;aAC9B;iBAAI;aAEJ;QACH,CAAC,CAAC,CAAA;KACH;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAbY,QAAA,eAAe,mBAa3B;AAEM,MAAM,iBAAiB,GAAG,CAAC,mBAAmB,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IACnE,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAE/C,IAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;QACrF,OAAO,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;KAC/C;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AARY,QAAA,iBAAiB,qBAQ7B","sourcesContent":["/**\n * 给每个节点增加一个parent字段，记录其父节点用于showCheckedStrategy\n * @param {*} treeData \n * @param {*} fieldNames \n * @param {*} parents \n * @returns \n */\nexport const flatWithParents = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children', disabled: 'disabled' }, parents = [], result = {}) => {\n  if(Array.isArray(treeData)) {\n    treeData.forEach(i => {\n      result[i[fieldNames['value']]] = parents;\n      if(Array.isArray(i[fieldNames['children']])){\n        const list = flatWithParents(i[fieldNames['children']], fieldNames, [...parents, i[fieldNames['value']]])\n        result = {...result, ...list}\n      }else{\n        \n      }\n    })\n  }\n  return result\n}\n\nexport const filterLastestNode = (treeNodeWithParents, item, list) => {\n  const parents = treeNodeWithParents[item] || {}\n \n  if(Array.isArray(parents) && !!parents.length && Array.isArray(list) && !!list.length) {\n    return parents.every(el => !list.includes(el))\n  }\n\n  return false\n}\n\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "2.8.10",
+    "version": "2.8.12",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",
@@ -42,7 +42,9 @@
         "scroll-into-view-if-needed": "^2.2.25",
         "@tntd/icons": "^1.0.10",
         "@ant-design/colors": "^3.1.0",
-        "rc-resize-observer": "~1.4.0"
+        "rc-resize-observer": "~1.4.0",
+        "react-resizable": "~3.0.4",
+        "@types/react-resizable": "~3.0.8"
     },
     "devDependencies": {
         "@react-types/shared": "^3.10.1",

package/es/spin/spin.js

@@ -1,36 +0,0 @@
-/*
- * @Author: 周泽飞 zefei.zhou@tongdun.net
- * @Date: 2024-07-19 18:49:24
- * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
- * @LastEditTime: 2024-07-19 18:54:42
- * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import React, { forwardRef } from 'react';
-import { ConfigConsumer } from 'antd/es/config-provider';
-import { default as AntdSpin } from 'antd/es/spin';
-import classNames from 'classnames';
-import './spin.less';
-export const Spin = forwardRef((props, ref) => {
-  const {
-      className,
-      wrapperClassName
-    } = props,
-    restProps = __rest(props, ["className", "wrapperClassName"]);
-  return React.createElement(ConfigConsumer, null, () => {
-    return React.createElement(AntdSpin, Object.assign({
-      wrapperClassName: classNames('tnt-spin-nested', className || ''),
-      className: classNames('tnt-spin', className || '')
-    }, restProps, {
-      ref: ref
-    }));
-  });
-});

package/es/spin/spin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spin.js","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,aAAa,CAAA;AAKpB,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,iCAA6C,CAAQ,CAAA;IAC3D,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,QAAQ,kBACP,gBAAgB,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,IAAI,EAAE,CAAC,EAChE,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,IAAI,EAAE,CAAC,IAC9C,SAAS,IACb,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-07-19 18:49:24\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-07-19 18:54:42\n * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\n\nimport React, { forwardRef } from 'react'\nimport type { SpinProps as AntdSpinProps } from 'antd/es/spin'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdSpin } from 'antd/es/spin'\nimport classNames from 'classnames'\n\nimport './spin.less'\n\ninterface SpinComponent\n  extends React.ForwardRefExoticComponent<AntdSpinProps & React.RefAttributes<AntdSpin>> {}\n\nexport const Spin = forwardRef<AntdSpin, AntdSpinProps>((props, ref) => {\n  const { className, wrapperClassName, ...restProps } = props\n  return (\n    <ConfigConsumer>\n      {() => {\n        return (\n          <AntdSpin\n            wrapperClassName={classNames('tnt-spin-nested', className || '')}\n            className={classNames('tnt-spin', className || '')}\n            {...restProps}\n            ref={ref}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as SpinComponent\n"]}

package/es/spin/spin.less

@@ -1,9 +0,0 @@
-@spin-prefix-cls: ~'@{ant-prefix}-spin';
-.tnt-spin-nested{
-    .@{spin-prefix-cls}-container {
-        &::after{
-            content:'';
-            background-color: transparent;
-        }
-    }
-}

package/es/tntd-virtual-tree-select/VirtualTree.js

@@ -1,125 +0,0 @@
-/*
- * @Descripttion: 最简单的tree下拉框，增加了虚拟滚动
- * @Author: 郑泳健
- * @Date: 2024-07-31 14:46:55
- * @LastEditors: 郑泳健
- * @LastEditTime: 2024-08-05 15:58:47
- */
-import React, { useState, useMemo, useEffect } from 'react';
-import List from 'rc-virtual-list';
-import Icon from '../icon';
-import Ellipsis from '../ellipsis';
-import Empty from '../empty';
-import Input from '../input';
-import { flatTreeData, getFullExpandedKeys, addTreeNodeKeys } from './utils';
-import './tree.less';
-const VirtualTree = ({
-  value,
-  onChange,
-  treeDefaultExpandAll,
-  fieldNames,
-  treeExpandedKeys,
-  showSearch,
-  treeData,
-  renderItem
-}) => {
-  const ref = React.useRef(null);
-  // 展开的节点列表
-  const [expandedKeys, setExpandedKeys] = useState([]);
-  const [choosedValue, setChoosedValue] = useState([]);
-  const [filterKey, setFilterKey] = useState(undefined);
-  useEffect(() => {
-    if (!['', null, undefined].includes(value)) {
-      setChoosedValue(value);
-    } else {
-      setChoosedValue(undefined);
-    }
-  }, [value]);
-  /** 给每个节点增加属性keys，值为其下面所有节点的集合 */
-  const treeDataWithKeys = useMemo(() => {
-    return addTreeNodeKeys(treeData, fieldNames);
-  }, [treeData, fieldNames]);
-  const mergeTreeDefaultExpandAll = useMemo(() => {
-    if (Array.isArray(treeExpandedKeys) && treeExpandedKeys.length) {
-      return false;
-    }
-    return treeDefaultExpandAll;
-  }, [treeDefaultExpandAll, treeExpandedKeys]);
-  /** 获取到所有展开的节点，因为treeDataWithKeys可能传入的是最后一级 */
-  useEffect(() => {
-    let transTreeExpandedKeys = Array.isArray(treeExpandedKeys) ? treeExpandedKeys : [];
-    if (value) {
-      transTreeExpandedKeys = [...treeExpandedKeys, value];
-    }
-    const _expandedKeys = getFullExpandedKeys(treeDataWithKeys, transTreeExpandedKeys, mergeTreeDefaultExpandAll);
-    setExpandedKeys(_expandedKeys);
-  }, [treeDataWithKeys, treeExpandedKeys, mergeTreeDefaultExpandAll, value]);
-  /** 最终渲染的数据 */
-  const renderData = useMemo(() => {
-    return flatTreeData(treeDataWithKeys, filterKey, expandedKeys);
-  }, [treeDataWithKeys, filterKey, expandedKeys]);
-  /** 切换展开/收起 */
-  const handleToggle = item => {
-    const {
-      value
-    } = item || {};
-    const bool = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;
-    if (bool) {
-      const list = Array.isArray(expandedKeys) ? expandedKeys.filter(i => i !== value) : [];
-      setExpandedKeys(list);
-    } else {
-      setExpandedKeys([...expandedKeys, value]);
-    }
-  };
-  const defaultRenderItem = (item, expandedKeys) => {
-    return React.createElement(Ellipsis, {
-      title: item.title,
-      widthLimit: '100%'
-    });
-  };
-  const handleChange = _value => {
-    setChoosedValue(_value);
-    onChange === null || onChange === void 0 ? void 0 : onChange(_value);
-  };
-  const handleInput = e => {
-    const _filterValue = e.target.value;
-    setFilterKey(_filterValue);
-  };
-  return React.createElement("div", {
-    className: 'tntd-tree-select'
-  }, showSearch && Array.isArray(treeData) && !!treeData.length ? React.createElement(Input, {
-    onChange: handleInput,
-    allowClear: true
-  }) : '', !Array.isArray(renderData) || !renderData.length ? React.createElement(Empty, {
-    size: 'small'
-  }) : React.createElement(List, {
-    ref: ref,
-    height: 300,
-    itemHeight: 44,
-    data: renderData
-  }, item => {
-    const {
-      level,
-      children
-    } = item;
-    const bool = expandedKeys.includes(item.value);
-    return React.createElement("div", {
-      className: "tntd-tree-select-item",
-      style: {
-        paddingLeft: level * 18
-      }
-    }, React.createElement("div", {
-      style: {
-        width: 18,
-        paddingLeft: 3
-      }
-    }, Array.isArray(children) && !!children.length ? React.createElement(Icon, {
-      type: bool ? 'caret-down' : 'caret-right',
-      onClick: () => handleToggle(item)
-    }) : React.createElement(Icon, null)), React.createElement("div", {
-      className: `tntd-tree-select-item-title ${choosedValue === item.value ? 'tntd-tree-select-item-title_active' : ''}`,
-      onClick: () => handleChange(item.value)
-    }, renderItem ? renderItem(item, expandedKeys) : defaultRenderItem(item, expandedKeys)));
-  }));
-};
-export default VirtualTree;