tntd 3.0.10 → 3.0.11-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "3.0.10",
+    "version": "3.0.11-beta.1",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",
@@ -43,7 +43,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/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;

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

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

package/es/tntd-virtual-tree-select/tree.less

@@ -1,29 +0,0 @@
-.tntd-tree-select{
-  padding: 0;
-  white-space: nowrap;
-  .tntd-tree-select-item{
-    display: flex;
-    border-radius: var(--border-radius-sm);
-    color: #17233d;
-    text-decoration: none;
-    cursor: pointer;
-    line-height: 30px;
-    font-size: 14px;
-
-    .anticon-caret-down,.anticon-caret-right {
-      vertical-align: middle;
-      font-size: 12px;
-    }
-
-    .tntd-tree-select-item-title{
-      padding: 3px 5px;
-      flex: 1;
-      overflow: hidden;
-
-      &_active{
-        background-color: var(--blue-2);
-      }
-    }
-  }
-}
-

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

@@ -1,13 +0,0 @@
-export default VirtualTree;
-declare function VirtualTree({ value, onChange, treeDefaultExpandAll, fieldNames, treeExpandedKeys, showSearch, treeData, renderItem }: {
-    value: any;
-    onChange: any;
-    treeDefaultExpandAll: any;
-    fieldNames: any;
-    treeExpandedKeys: any;
-    showSearch: any;
-    treeData: any;
-    renderItem: any;
-}): React.JSX.Element;
-import React from "react";
-//# sourceMappingURL=VirtualTree.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualTree.d.ts","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/VirtualTree.jsx"],"names":[],"mappings":";AAgBA;;;;;;;;;sBA2GC"}

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

@@ -1,155 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _ellipsis = _interopRequireDefault(require("../ellipsis"));
-var _empty = _interopRequireDefault(require("../empty"));
-var _input = _interopRequireDefault(require("../input"));
-var _utils = require("./utils");
-require("./tree.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 _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 _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 _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; } /*
- * @Descripttion: 最简单的tree下拉框，增加了虚拟滚动
- * @Author: 郑泳健
- * @Date: 2024-07-31 14:46:55
- * @LastEditors: 郑泳健
- * @LastEditTime: 2024-08-05 15:58:47
- */
-var VirtualTree = function VirtualTree(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    treeDefaultExpandAll = _ref.treeDefaultExpandAll,
-    fieldNames = _ref.fieldNames,
-    treeExpandedKeys = _ref.treeExpandedKeys,
-    showSearch = _ref.showSearch,
-    treeData = _ref.treeData,
-    renderItem = _ref.renderItem;
-  var ref = _react["default"].useRef(null);
-  // 展开的节点列表
-  var _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    expandedKeys = _useState2[0],
-    setExpandedKeys = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    choosedValue = _useState4[0],
-    setChoosedValue = _useState4[1];
-  var _useState5 = (0, _react.useState)(undefined),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filterKey = _useState6[0],
-    setFilterKey = _useState6[1];
-  (0, _react.useEffect)(function () {
-    if (!['', null, undefined].includes(value)) {
-      setChoosedValue(value);
-    } else {
-      setChoosedValue(undefined);
-    }
-  }, [value]);
-  /** 给每个节点增加属性keys，值为其下面所有节点的集合 */
-  var treeDataWithKeys = (0, _react.useMemo)(function () {
-    return (0, _utils.addTreeNodeKeys)(treeData, fieldNames);
-  }, [treeData, fieldNames]);
-  var mergeTreeDefaultExpandAll = (0, _react.useMemo)(function () {
-    if (Array.isArray(treeExpandedKeys) && treeExpandedKeys.length) {
-      return false;
-    }
-    return treeDefaultExpandAll;
-  }, [treeDefaultExpandAll, treeExpandedKeys]);
-  /** 获取到所有展开的节点，因为treeDataWithKeys可能传入的是最后一级 */
-  (0, _react.useEffect)(function () {
-    var transTreeExpandedKeys = Array.isArray(treeExpandedKeys) ? treeExpandedKeys : [];
-    if (value) {
-      transTreeExpandedKeys = [].concat(_toConsumableArray(treeExpandedKeys), [value]);
-    }
-    var _expandedKeys = (0, _utils.getFullExpandedKeys)(treeDataWithKeys, transTreeExpandedKeys, mergeTreeDefaultExpandAll);
-    setExpandedKeys(_expandedKeys);
-  }, [treeDataWithKeys, treeExpandedKeys, mergeTreeDefaultExpandAll, value]);
-  /** 最终渲染的数据 */
-  var renderData = (0, _react.useMemo)(function () {
-    return (0, _utils.flatTreeData)(treeDataWithKeys, filterKey, expandedKeys);
-  }, [treeDataWithKeys, filterKey, expandedKeys]);
-  /** 切换展开/收起 */
-  var handleToggle = function handleToggle(item) {
-    var _ref2 = item || {},
-      value = _ref2.value;
-    var bool = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;
-    if (bool) {
-      var list = Array.isArray(expandedKeys) ? expandedKeys.filter(function (i) {
-        return i !== value;
-      }) : [];
-      setExpandedKeys(list);
-    } else {
-      setExpandedKeys([].concat(_toConsumableArray(expandedKeys), [value]));
-    }
-  };
-  var defaultRenderItem = function defaultRenderItem(item, expandedKeys) {
-    return _react["default"].createElement(_ellipsis["default"], {
-      title: item.title,
-      widthLimit: '100%'
-    });
-  };
-  var handleChange = function handleChange(_value) {
-    setChoosedValue(_value);
-    onChange === null || onChange === void 0 ? void 0 : onChange(_value);
-  };
-  var handleInput = function handleInput(e) {
-    var _filterValue = e.target.value;
-    setFilterKey(_filterValue);
-  };
-  return _react["default"].createElement("div", {
-    className: 'tntd-tree-select'
-  }, showSearch && Array.isArray(treeData) && !!treeData.length ? _react["default"].createElement(_input["default"], {
-    onChange: handleInput,
-    allowClear: true
-  }) : '', !Array.isArray(renderData) || !renderData.length ? _react["default"].createElement(_empty["default"], {
-    size: 'small'
-  }) : _react["default"].createElement(_rcVirtualList["default"], {
-    ref: ref,
-    height: 300,
-    itemHeight: 44,
-    data: renderData
-  }, function (item) {
-    var level = item.level,
-      children = item.children;
-    var bool = expandedKeys.includes(item.value);
-    return _react["default"].createElement("div", {
-      className: "tntd-tree-select-item",
-      style: {
-        paddingLeft: level * 18
-      }
-    }, _react["default"].createElement("div", {
-      style: {
-        width: 18,
-        paddingLeft: 3
-      }
-    }, Array.isArray(children) && !!children.length ? _react["default"].createElement(_icon["default"], {
-      type: bool ? 'caret-down' : 'caret-right',
-      onClick: function onClick() {
-        return handleToggle(item);
-      }
-    }) : _react["default"].createElement(_icon["default"], null)), _react["default"].createElement("div", {
-      className: "tntd-tree-select-item-title ".concat(choosedValue === item.value ? 'tntd-tree-select-item-title_active' : ''),
-      onClick: function onClick() {
-        return handleChange(item.value);
-      }
-    }, renderItem ? renderItem(item, expandedKeys) : defaultRenderItem(item, expandedKeys)));
-  }));
-};
-var _default = exports["default"] = VirtualTree;

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

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

package/lib/tntd-virtual-tree-select/tree.less

@@ -1,29 +0,0 @@
-.tntd-tree-select{
-  padding: 0;
-  white-space: nowrap;
-  .tntd-tree-select-item{
-    display: flex;
-    border-radius: var(--border-radius-sm);
-    color: #17233d;
-    text-decoration: none;
-    cursor: pointer;
-    line-height: 30px;
-    font-size: 14px;
-
-    .anticon-caret-down,.anticon-caret-right {
-      vertical-align: middle;
-      font-size: 12px;
-    }
-
-    .tntd-tree-select-item-title{
-      padding: 3px 5px;
-      flex: 1;
-      overflow: hidden;
-
-      &_active{
-        background-color: var(--blue-2);
-      }
-    }
-  }
-}
-