tntd 3.0.10 → 3.0.11

package/es/tntd-reference/ReferenceInfo/index.js

@@ -0,0 +1,150 @@
+import React from 'react';
+import Tooltip from "../../tooltip";
+import Icon from "../../icon";
+import Table from "../../table";
+import "../../row";
+import Empty from "../../empty";
+import Ellipsis from "../../ellipsis";
+import Tag from "../../tag";
+import Title from "../../title";
+import AHref from '../AHref';
+import { getText } from '../../prev-locale';
+import './index.less';
+export default (props => {
+  const {
+    from,
+    referenceData = [],
+    orgMap = {},
+    appList = [],
+    description = '',
+    unmountHandle,
+    imageStyle = {},
+    showPagination = true,
+    type
+  } = props;
+  let paginationInfo = {
+    pagination: {
+      hideOnSinglePage: true,
+      size: 'small'
+    }
+  };
+  if (!showPagination) {
+    paginationInfo = {
+      pagination: false
+    };
+  }
+  return React.createElement("div", {
+    className: "reference-body"
+  }, !(referenceData === null || referenceData === void 0 ? void 0 : referenceData.length) && React.createElement(Empty, {
+    description: description || getText('noData', props === null || props === void 0 ? void 0 : props.lang),
+    type: type || 'no-result',
+    imageStyle: Object.assign({
+      marginTop: 120
+    }, imageStyle)
+  }), referenceData === null || referenceData === void 0 ? void 0 : referenceData.map((d, dIndex) => {
+    const {
+      columns,
+      goName
+    } = d || {};
+    let renderColumns = [];
+    if (columns === null || columns === void 0 ? void 0 : columns.length) {
+      renderColumns = columns === null || columns === void 0 ? void 0 : columns.map((c, i) => {
+        const newC = Object.assign(Object.assign({}, c), {
+          title: React.createElement(Tooltip, {
+            title: c === null || c === void 0 ? void 0 : c.title,
+            placement: "topLeft"
+          }, c === null || c === void 0 ? void 0 : c.title),
+          width: 160,
+          ellipsis: true
+        });
+        if (from === 'ReferenceOnlineCheck' && c.dataIndex === 'status') {
+          newC.className = 'refer-warning-txt';
+        }
+        newC.render = (t, record) => {
+          var _a, _b;
+          let content = t;
+          if (c.dataIndex === 'org') {
+            content = ((_a = orgMap[t]) === null || _a === void 0 ? void 0 : _a.name) || t;
+          }
+          if (c.dataIndex === 'app') {
+            content = ((_b = appList.find(a => a.key === t)) === null || _b === void 0 ? void 0 : _b.name) || t;
+          }
+          // 强弱引用
+          let tagInfo = null;
+          if (i === 0 && (record === null || record === void 0 ? void 0 : record.referenceCheckType)) {
+            let checkObj;
+            // 能进行下一步操作
+            const isStrong = ['STRONG'].includes(record === null || record === void 0 ? void 0 : record.referenceCheckType);
+            if (isStrong) {
+              checkObj = {
+                name: (record === null || record === void 0 ? void 0 : record.referenceCheckTypeName) || getText('strong', props === null || props === void 0 ? void 0 : props.lang),
+                color: 'red'
+              };
+            } else {
+              checkObj = {
+                name: (record === null || record === void 0 ? void 0 : record.referenceCheckTypeName) || getText('weak', props === null || props === void 0 ? void 0 : props.lang),
+                color: 'grey'
+              };
+            }
+            tagInfo = checkObj ? React.createElement(Tag, {
+              size: "small",
+              color: checkObj.color
+            }, checkObj.name) : null;
+          }
+          if (c.dataIndex === goName && (record === null || record === void 0 ? void 0 : record.goLink)) {
+            return React.createElement(AHref, {
+              href: record === null || record === void 0 ? void 0 : record.goLink,
+              target: "_blank",
+              unmountHandle: unmountHandle
+            }, React.createElement(Tooltip, {
+              placement: "topLeft",
+              title: content || '- -'
+            }, React.createElement("span", {
+              className: "content-span"
+            }, tagInfo, content || '- -')));
+          }
+          if (c.dataIndex === goName) {
+            return React.createElement(Ellipsis, {
+              placement: "topLeft",
+              copyable: true,
+              title: content || '- -',
+              prefix: tagInfo
+            });
+          }
+          return React.createElement(Tooltip, {
+            placement: "topLeft",
+            title: content || '- -'
+          }, React.createElement("span", {
+            className: "content-span"
+          }, tagInfo, content || '- -'));
+        };
+        return newC;
+      });
+    }
+    return React.createElement("div", {
+      className: "reference-body-item",
+      key: dIndex
+    }, React.createElement(Title, {
+      className: "reference-body-title",
+      title: d === null || d === void 0 ? void 0 : d.title,
+      tooltip: d === null || d === void 0 ? void 0 : d.title,
+      subTitle: (d === null || d === void 0 ? void 0 : d.tips) && React.createElement(Tooltip, {
+        title: d === null || d === void 0 ? void 0 : d.tips,
+        placement: "topLeft"
+      }, React.createElement(Icon, {
+        type: "info-circle"
+      }))
+    }), (renderColumns === null || renderColumns === void 0 ? void 0 : renderColumns.length) && React.createElement(Table, Object.assign({
+      bordered: true,
+      className: "reference-table",
+      striped: true,
+      dataSource: d === null || d === void 0 ? void 0 : d.rows,
+      columns: renderColumns,
+      scroll: renderColumns.length > 4 ? {
+        x: renderColumns.length * 160
+      } : {}
+    }, paginationInfo, {
+      rowKey: (e, i) => `${dIndex}_${i}`
+    })));
+  }));
+});

package/es/tntd-reference/ReferenceInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-reference/ReferenceInfo/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport Tooltip from \"../../tooltip\";\nimport Icon from \"../../icon\";\nimport Table from \"../../table\";\nimport Row from \"../../row\";\nimport Empty from \"../../empty\";\nimport Ellipsis from \"../../ellipsis\";\nimport Tag from \"../../tag\";\nimport Title from \"../../title\";\n\nimport AHref from '../AHref';\nimport { getText } from '../../prev-locale';\nimport './index.less';\n\nexport default (props) => {\n  const {\n    from,\n    referenceData = [],\n    orgMap = {},\n    appList = [],\n    description = '',\n    unmountHandle,\n    imageStyle = {},\n    showPagination = true,\n    type,\n  } = props;\n\n  let paginationInfo = {\n    pagination: {\n      hideOnSinglePage: true,\n      size: 'small',\n    },\n  };\n\n  if (!showPagination) {\n    paginationInfo = {\n      pagination: false,\n    };\n  }\n  return (\n    <div className=\"reference-body\">\n      {!referenceData?.length && (\n        <Empty\n          description={description || getText('noData', props?.lang)}\n          type={type || 'no-result'}\n          imageStyle={{ marginTop: 120, ...imageStyle }}\n        />\n      )}\n      {referenceData?.map((d, dIndex) => {\n        const { columns, goName } = d || {};\n        let renderColumns = [];\n        if (columns?.length) {\n          renderColumns = columns?.map((c, i) => {\n            const newC = {\n              ...c,\n              title: (\n                <Tooltip title={c?.title} placement=\"topLeft\">\n                  {c?.title}\n                </Tooltip>\n              ),\n              width: 160,\n              ellipsis: true,\n            };\n            if (from === 'ReferenceOnlineCheck' && c.dataIndex === 'status') {\n              newC.className = 'refer-warning-txt';\n            }\n            newC.render = (t, record) => {\n              let content = t;\n              if (c.dataIndex === 'org') {\n                content = orgMap[t]?.name || t;\n              }\n              if (c.dataIndex === 'app') {\n                content = appList.find((a) => a.key === t)?.name || t;\n              }\n              // 强弱引用\n              let tagInfo = null;\n              if (i === 0 && record?.referenceCheckType) {\n                let checkObj;\n                // 能进行下一步操作\n                const isStrong = ['STRONG'].includes(record?.referenceCheckType);\n                if (isStrong) {\n                  checkObj = {\n                    name: record?.referenceCheckTypeName || getText('strong', props?.lang),\n                    color: 'red',\n                  };\n                } else {\n                  checkObj = {\n                    name: record?.referenceCheckTypeName || getText('weak', props?.lang),\n                    color: 'grey',\n                  };\n                }\n                tagInfo = checkObj ? (\n                  <Tag size=\"small\" color={checkObj.color}>\n                    {checkObj.name}\n                  </Tag>\n                ) : null;\n              }\n\n              if (c.dataIndex === goName && record?.goLink) {\n                return (\n                  <AHref href={record?.goLink} target=\"_blank\" unmountHandle={unmountHandle}>\n                    <Tooltip placement=\"topLeft\" title={content || '- -'}>\n                      <span className=\"content-span\">\n                        {tagInfo}\n                        {content || '- -'}\n                      </span>\n                    </Tooltip>\n                  </AHref>\n                );\n              }\n              if (c.dataIndex === goName) {\n                return (\n                  <Ellipsis\n                    placement=\"topLeft\"\n                    copyable={true}\n                    title={content || '- -'}\n                    prefix={tagInfo}\n                  />\n                );\n              }\n              return (\n                <Tooltip placement=\"topLeft\" title={content || '- -'}>\n                  <span className=\"content-span\">\n                    {tagInfo}\n                    {content || '- -'}\n                  </span>\n                </Tooltip>\n              );\n            };\n\n            return newC;\n          });\n        }\n        return (\n          <div className=\"reference-body-item\" key={dIndex}>\n            <Title\n              className=\"reference-body-title\"\n              title={d?.title}\n              tooltip={d?.title}\n              subTitle={\n                d?.tips && (\n                  <Tooltip title={d?.tips} placement=\"topLeft\">\n                    <Icon type=\"info-circle\" />\n                  </Tooltip>\n                )\n              }\n            />\n\n            {renderColumns?.length && (\n              <Table\n                bordered\n                className=\"reference-table\"\n                striped={true}\n                dataSource={d?.rows}\n                columns={renderColumns}\n                scroll={\n                  renderColumns.length > 4\n                    ? {\n                        x: renderColumns.length * 160,\n                      }\n                    : {}\n                }\n                {...paginationInfo}\n                rowKey={(e, i) => `${dIndex}_${i}`}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"]}

package/es/tntd-reference/ReferenceInfo/index.less

@@ -0,0 +1,31 @@
+.reference-body {
+  .tntd-title {
+    margin-bottom: 12px;
+  }
+  .reference-body-item {
+    padding: 8px 16px 16px 16px;
+    background: #fff;
+    border-radius: @border-radius-base;
+    &:not(:last-of-type) {
+      margin-bottom: 16px;
+    }
+  }
+  .ant-table-tbody > tr > td {
+    &.refer-warning-txt {
+      * {
+        color: #d96156 !important;
+      }
+    }
+  }
+
+  .content-span {
+    display: block;
+    max-width: 100%;
+    height: 24px;
+    overflow: hidden;
+    line-height: 24px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    word-break: keep-all;
+  }
+}

package/es/tntd-reference/index.js

@@ -0,0 +1,13 @@
+import ReferenceDrawer from './ReferenceDrawer';
+import ReferenceCheck from './ReferenceCheck';
+import ReferenceBatchCheck from './ReferenceBatchCheck';
+import ReferenceInfo from './ReferenceInfo';
+import ReferenceBatchDrawer from './ReferenceBatchDrawer';
+export default {
+  ReferenceDrawer,
+  ReferenceBatchDrawer,
+  ReferenceCheck,
+  ReferenceInfo,
+  ReferenceBatchCheck,
+  ReferenceOnlineCheck: ReferenceBatchCheck
+};

package/es/tntd-reference/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-reference/index.js"],"names":[],"mappings":"AAAA,OAAQ,eAAe,MAAM,mBAAmB,CAAC;AACjD,OAAQ,cAAc,MAAM,kBAAkB,CAAC;AAC/C,OAAQ,mBAAmB,MAAM,uBAAuB,CAAC;AACzD,OAAQ,aAAa,MAAM,iBAAiB,CAAC;AAC7C,OAAQ,oBAAoB,MAAM,wBAAwB,CAAC;AAC3D,eAAgB;IACd,eAAe;IACf,oBAAoB;IACpB,cAAc;IACd,aAAa;IACb,mBAAmB;IACnB,oBAAoB,EAAC,mBAAmB;CACzC,CAAC","sourcesContent":["import  ReferenceDrawer from './ReferenceDrawer';\nimport  ReferenceCheck from './ReferenceCheck';\nimport  ReferenceBatchCheck from './ReferenceBatchCheck';\nimport  ReferenceInfo from './ReferenceInfo';\nimport  ReferenceBatchDrawer from './ReferenceBatchDrawer';\nexport default  {\n  ReferenceDrawer,\n  ReferenceBatchDrawer,\n  ReferenceCheck,\n  ReferenceInfo,\n  ReferenceBatchCheck,\n  ReferenceOnlineCheck:ReferenceBatchCheck\n};\n"]}

package/es/tntd-virtual-tree/index.js

@@ -4,7 +4,7 @@ import _uniq from "lodash/uniq";
  * @Author: 郑泳健
  * @Date: 2024-07-31 14:46:55
  * @LastEditors: 郑泳健
- * @LastEditTime: 2024-08-09 17:51:50
+ * @LastEditTime: 2024-08-19 11:02:06
  */
 import React, { useState, useMemo, useEffect, useRef } from 'react';
 import List from 'rc-virtual-list';
@@ -15,6 +15,7 @@ import Checkbox from '../checkbox';
 import { flatTreeData, findNodeDetail, getFullExpandedKeys, getFullCheckedKeys, getNodeParentChoosed, addTreeNodeAttrs, getIndeterminate } from './utils';
 import './index.less';
 const VirtualTree = ({
+  value,
   itemHeight,
   height,
   filterKey,
@@ -27,7 +28,8 @@ const VirtualTree = ({
   fieldNames,
   titleRender,
   onCheck,
-  onExpand
+  onExpand,
+  onSelect
 }) => {
   const ref = React.useRef(null);
   const expandChangedRef = useRef(0);
@@ -38,6 +40,11 @@ const VirtualTree = ({
   const [checkedList, setCheckedList] = useState([]);
   // 当前被选中的节点
   const [choosedValue, setChoosedValue] = useState(undefined);
+  useEffect(() => {
+    if (!checkable) {
+      setChoosedValue(value);
+    }
+  }, [value, checkable]);
   /** 给每个节点增加属性keys，值为其下面所有节点的集合 */
   const treeDataWithKeys = useMemo(() => {
     return addTreeNodeAttrs(treeData, fieldNames);
@@ -159,6 +166,9 @@ const VirtualTree = ({
       return;
     }
     setChoosedValue(item.value);
+    if (!checkable) {
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value);
+    }
   };
   const defaultRenderItem = item => {
     return React.createElement(Ellipsis, {
@@ -190,7 +200,8 @@ const VirtualTree = ({
     const checkBoxAttrs = {
       className: `${disabled ? 'tntd-virtual-tree-checkbox-disabled' : ''}`,
       onChange: () => handleCheck(item, isChecked),
-      checked: isChecked
+      checked: isChecked,
+      disabled
     };
     // 状态没有半选模式
     if (!checkStrictly) {

package/es/tntd-virtual-tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree/index.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 基于antd3 tree 部分api实现的tree，增加了虚拟滚动\n * @Author: 郑泳健\n * @Date: 2024-07-31 14:46:55\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-08-09 17:51:50\n */\nimport React, { useState, useMemo, useEffect, useRef } from 'react';\nimport List from 'rc-virtual-list';\nimport { uniq } from 'lodash';\nimport Icon from '../icon';\nimport Ellipsis from '../ellipsis';\nimport Empty from '../empty';\nimport Checkbox from '../checkbox';\nimport {\n  flatTreeData,\n  findNodeDetail,\n  getFullExpandedKeys,\n  getFullCheckedKeys,\n  getNodeParentChoosed,\n  addTreeNodeAttrs,\n  getIndeterminate\n} from './utils';\nimport './index.less';\n\nconst VirtualTree = ({\n  itemHeight,\n  height,\n  filterKey,\n  treeData,\n  checkable,\n  checkStrictly,\n  checkedKeys,\n  defaultExpandAll = true,\n  expandedKeys,\n  fieldNames,\n  titleRender,\n  onCheck,\n  onExpand\n}) => {\n  const ref = React.useRef(null);\n  const expandChangedRef = useRef(0);\n  const checkedChangeRef = useRef(0);\n  // 展开的节点列表\n  const [expandedList, setExpandedList] = useState([]);\n  // checked 节点列表\n  const [checkedList, setCheckedList] = useState([]);\n  // 当前被选中的节点\n  const [choosedValue, setChoosedValue] = useState(undefined);\n\n  /** 给每个节点增加属性keys，值为其下面所有节点的集合 */\n  const treeDataWithKeys = useMemo(() => {\n    return addTreeNodeAttrs(treeData, fieldNames);\n  }, [treeData, fieldNames]);\n\n  /** 默认是否全部展开 */\n  const mergeDefaultExpandAll = useMemo(() => {\n    if (Array.isArray(expandedKeys)) {\n      return false;\n    }\n\n    return defaultExpandAll;\n  }, [defaultExpandAll, expandedKeys]);\n\n  /** 获取到所有选中的节点，因为checkedKeys可能传入的是最后一级 */\n  useEffect(() => {\n    // 非第一次\n    if (checkedChangeRef.current > 0) {\n      setCheckedList(checkedKeys);\n      return;\n    }\n\n    if (checkable) {\n      // 如果是受控\n      if (checkStrictly) {\n        setCheckedList(uniq(Array.isArray(checkedKeys) ? checkedKeys : []));\n        return;\n      }\n      const transCheckedKeys = Array.isArray(checkedKeys)\n        ? checkedKeys.reduce((total, item) => {\n            total.push(item);\n            const { needCheckedChildrenValues } = findNodeDetail(treeDataWithKeys, item) || {};\n            total = [...total, ...needCheckedChildrenValues];\n            return total;\n          }, [])\n        : [];\n      const _checkedKeys = getFullCheckedKeys(treeDataWithKeys, transCheckedKeys);\n      setCheckedList(uniq(_checkedKeys));\n    }\n  }, [treeDataWithKeys, checkStrictly, checkable, checkedKeys]);\n\n  useEffect(() => {\n    setExpandedList(expandedKeys);\n  }, [expandedKeys]);\n\n  /** 初始化获取到所有展开的节点，因为初始化expandedKeys可能传入的是最后一级 */\n  useEffect(() => {\n    if (expandChangedRef.current === 0) {\n      // 展开的节点\n      const transExpandedKeys = Array.isArray(expandedKeys) ? expandedKeys : [];\n      const _expandedKeys = getFullExpandedKeys(treeDataWithKeys, transExpandedKeys, mergeDefaultExpandAll);\n      setExpandedList(_expandedKeys);\n    }\n  }, [treeDataWithKeys, expandedKeys, mergeDefaultExpandAll]);\n\n  /** 最终渲染的数据 */\n  const renderData = useMemo(() => {\n    return flatTreeData(treeDataWithKeys, filterKey, expandedList);\n  }, [treeDataWithKeys, filterKey, expandedList]);\n\n  /** 切换展开/收起 */\n  const handleToggle = (item) => {\n    expandChangedRef.current++;\n    const { value } = item || {};\n    const bool = Array.isArray(expandedList) ? expandedList.includes(value) : false;\n    if (bool) {\n      const list = Array.isArray(expandedList) ? expandedList.filter((i) => i !== value) : [];\n      if (onExpand) {\n        onExpand(uniq(list), { node: item, expanded: !bool });\n        return;\n      }\n      setExpandedList(uniq(list));\n    } else {\n      const arr = uniq([...expandedList, value]);\n      if (onExpand) {\n        onExpand(arr, { node: item, expanded: !bool });\n        return;\n      }\n      setExpandedList(arr);\n    }\n  };\n\n  const handleCheck = (item, isChecked) => {\n    const { value: _value, children, disabled } = item;\n    if (disabled) {\n      return;\n    }\n    checkedChangeRef.current++;\n    // 需要增删的子节点\n    const itemChildrenValues = Array.isArray(children) && !!children.length ? item.needCheckedChildrenValues : [];\n    if (isChecked) {\n      // 需要删除的父节点\n      const itemParentValues = Array.isArray(item.needCheckedSiblingsValue) ? item.needCheckedSiblingsValue.map((i) => i.key) : [];\n      // 当前节点所有的父节点\n      const delList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];\n      const _checkedList = checkedList.filter((i) => !delList.includes(i));\n      if (onCheck) {\n        onCheck?.(uniq(_checkedList), item, !isChecked);\n        return;\n      }\n\n      setCheckedList(uniq(_checkedList));\n    } else {\n      // 递归循环其上级是否也要被选中\n      const itemParentValues = getNodeParentChoosed(item.needCheckedSiblingsValue, [...checkedList, ...itemChildrenValues, _value]);\n      const addList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];\n      const _checkedList = [...checkedList, ...addList];\n\n      if (onCheck) {\n        onCheck?.(uniq(_checkedList), item, !isChecked);\n        return;\n      }\n      setCheckedList(uniq(_checkedList));\n    }\n  };\n\n  const handleChoosed = (item) => {\n    if (item.disabled) {\n      return;\n    }\n    setChoosedValue(item.value);\n  };\n\n  const defaultRenderItem = (item) => {\n    return <Ellipsis title={item.title} widthLimit={'100%'} />;\n  };\n\n  return (\n    <div className=\"tntd-virtual-tree\">\n      {!Array.isArray(renderData) || !renderData.length ? (\n        <Empty size=\"small\" />\n      ) : (\n        <List ref={ref} height={height || 300} itemHeight={itemHeight || 32} data={renderData}>\n          {(item) => {\n            const { level, children, disabled } = item;\n            const bool = Array.isArray(expandedList) ? expandedList.includes(item.value) : false;\n            // 当前节点半选状态\n            const indeterminateStatus = getIndeterminate(item, checkedList);\n            // 当前节点是否被选中\n            const checkedBingo = Array.isArray(checkedList) ? checkedList.includes(item.value) : false;\n            const isChecked = !checkStrictly || disabled ? checkedBingo && !indeterminateStatus : checkedBingo;\n\n            const checkBoxAttrs = {\n              className: `${disabled ? 'tntd-virtual-tree-checkbox-disabled' : ''}`,\n              onChange: () => handleCheck(item, isChecked),\n              checked: isChecked\n            };\n            // 状态没有半选模式\n            if (!checkStrictly) {\n              checkBoxAttrs.indeterminate = indeterminateStatus;\n            }\n            return (\n              <div\n                className={`tntd-virtual-tree-item ${disabled ? 'tntd-virtual-tree-item_disabled' : ''}`}\n                style={{ paddingLeft: level * 18 }}\n                key={item.value}>\n                <div className=\"tntd-virtual-tree-item-expand-icon\">\n                  {Array.isArray(children) && !!children.length ? (\n                    <Icon type={bool ? 'caret-down' : 'caret-right'} onClick={() => handleToggle(item)} />\n                  ) : (\n                    ''\n                  )}\n                </div>\n\n                {checkable ? (\n                  <div className=\"tntd-virtual-tree-item-checkbox\">\n                    <Checkbox {...checkBoxAttrs} />\n                  </div>\n                ) : (\n                  ''\n                )}\n\n                <div\n                  className={`tntd-virtual-tree-title ${choosedValue === item.value ? 'tntd-virtual-tree-title_active' : ''}`}\n                  onClick={() => handleChoosed(item)}>\n                  {titleRender ? titleRender(item) : defaultRenderItem(item)}\n                </div>\n              </div>\n            );\n          }}\n        </List>\n      )}\n    </div>\n  );\n};\n\nexport default VirtualTree;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree/index.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 基于antd3 tree 部分api实现的tree，增加了虚拟滚动\n * @Author: 郑泳健\n * @Date: 2024-07-31 14:46:55\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-08-19 11:02:06\n */\nimport React, { useState, useMemo, useEffect, useRef } from 'react';\nimport List from 'rc-virtual-list';\nimport { uniq } from 'lodash';\nimport Icon from '../icon';\nimport Ellipsis from '../ellipsis';\nimport Empty from '../empty';\nimport Checkbox from '../checkbox';\nimport {\n  flatTreeData,\n  findNodeDetail,\n  getFullExpandedKeys,\n  getFullCheckedKeys,\n  getNodeParentChoosed,\n  addTreeNodeAttrs,\n  getIndeterminate\n} from './utils';\nimport './index.less';\n\nconst VirtualTree = ({\n  value,\n  itemHeight,\n  height,\n  filterKey,\n  treeData,\n  checkable,\n  checkStrictly,\n  checkedKeys,\n  defaultExpandAll = true,\n  expandedKeys,\n  fieldNames,\n  titleRender,\n  onCheck,\n  onExpand,\n  onSelect\n}) => {\n  const ref = React.useRef(null);\n  const expandChangedRef = useRef(0);\n  const checkedChangeRef = useRef(0);\n  // 展开的节点列表\n  const [expandedList, setExpandedList] = useState([]);\n  // checked 节点列表\n  const [checkedList, setCheckedList] = useState([]);\n  // 当前被选中的节点\n  const [choosedValue, setChoosedValue] = useState(undefined);\n\n  useEffect(() => {\n    if(!checkable) {\n      setChoosedValue(value)\n    }\n  }, [value, checkable])\n\n  /** 给每个节点增加属性keys，值为其下面所有节点的集合 */\n  const treeDataWithKeys = useMemo(() => {\n    return addTreeNodeAttrs(treeData, fieldNames);\n  }, [treeData, fieldNames]);\n\n  /** 默认是否全部展开 */\n  const mergeDefaultExpandAll = useMemo(() => {\n    if (Array.isArray(expandedKeys)) {\n      return false;\n    }\n\n    return defaultExpandAll;\n  }, [defaultExpandAll, expandedKeys]);\n\n  /** 获取到所有选中的节点，因为checkedKeys可能传入的是最后一级 */\n  useEffect(() => {\n    // 非第一次\n    if (checkedChangeRef.current > 0) {\n      setCheckedList(checkedKeys);\n      return;\n    }\n\n    if (checkable) {\n      // 如果是受控\n      if (checkStrictly) {\n        setCheckedList(uniq(Array.isArray(checkedKeys) ? checkedKeys : []));\n        return;\n      }\n      const transCheckedKeys = Array.isArray(checkedKeys)\n        ? checkedKeys.reduce((total, item) => {\n            total.push(item);\n            const { needCheckedChildrenValues } = findNodeDetail(treeDataWithKeys, item) || {};\n            total = [...total, ...needCheckedChildrenValues];\n            return total;\n          }, [])\n        : [];\n      const _checkedKeys = getFullCheckedKeys(treeDataWithKeys, transCheckedKeys);\n      setCheckedList(uniq(_checkedKeys));\n    }\n  }, [treeDataWithKeys, checkStrictly, checkable, checkedKeys]);\n\n  useEffect(() => {\n    setExpandedList(expandedKeys);\n  }, [expandedKeys]);\n\n  /** 初始化获取到所有展开的节点，因为初始化expandedKeys可能传入的是最后一级 */\n  useEffect(() => {\n    if (expandChangedRef.current === 0) {\n      // 展开的节点\n      const transExpandedKeys = Array.isArray(expandedKeys) ? expandedKeys : [];\n      const _expandedKeys = getFullExpandedKeys(treeDataWithKeys, transExpandedKeys, mergeDefaultExpandAll);\n      setExpandedList(_expandedKeys);\n    }\n  }, [treeDataWithKeys, expandedKeys, mergeDefaultExpandAll]);\n\n  /** 最终渲染的数据 */\n  const renderData = useMemo(() => {\n    return flatTreeData(treeDataWithKeys, filterKey, expandedList);\n  }, [treeDataWithKeys, filterKey, expandedList]);\n\n  /** 切换展开/收起 */\n  const handleToggle = (item) => {\n    expandChangedRef.current++;\n    const { value } = item || {};\n    const bool = Array.isArray(expandedList) ? expandedList.includes(value) : false;\n    if (bool) {\n      const list = Array.isArray(expandedList) ? expandedList.filter((i) => i !== value) : [];\n      if (onExpand) {\n        onExpand(uniq(list), { node: item, expanded: !bool });\n        return;\n      }\n      setExpandedList(uniq(list));\n    } else {\n      const arr = uniq([...expandedList, value]);\n      if (onExpand) {\n        onExpand(arr, { node: item, expanded: !bool });\n        return;\n      }\n      setExpandedList(arr);\n    }\n  };\n\n  const handleCheck = (item, isChecked) => {\n    const { value: _value, children, disabled } = item;\n    if (disabled) {\n      return;\n    }\n    checkedChangeRef.current++;\n    // 需要增删的子节点\n    const itemChildrenValues = Array.isArray(children) && !!children.length ? item.needCheckedChildrenValues : [];\n    if (isChecked) {\n      // 需要删除的父节点\n      const itemParentValues = Array.isArray(item.needCheckedSiblingsValue) ? item.needCheckedSiblingsValue.map((i) => i.key) : [];\n      // 当前节点所有的父节点\n      const delList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];\n      const _checkedList = checkedList.filter((i) => !delList.includes(i));\n      if (onCheck) {\n        onCheck?.(uniq(_checkedList), item, !isChecked);\n        return;\n      }\n\n      setCheckedList(uniq(_checkedList));\n    } else {\n      // 递归循环其上级是否也要被选中\n      const itemParentValues = getNodeParentChoosed(item.needCheckedSiblingsValue, [...checkedList, ...itemChildrenValues, _value]);\n      const addList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];\n      const _checkedList = [...checkedList, ...addList];\n\n      if (onCheck) {\n        onCheck?.(uniq(_checkedList), item, !isChecked);\n        return;\n      }\n      setCheckedList(uniq(_checkedList));\n    }\n  };\n\n  const handleChoosed = (item) => {\n    if (item.disabled) {\n      return;\n    }\n    setChoosedValue(item.value);\n    if(!checkable) {\n      onSelect?.(item.value)\n    }\n  };\n\n  const defaultRenderItem = (item) => {\n    return <Ellipsis title={item.title} widthLimit={'100%'} />;\n  };\n\n  return (\n    <div className=\"tntd-virtual-tree\">\n      {!Array.isArray(renderData) || !renderData.length ? (\n        <Empty size=\"small\" />\n      ) : (\n        <List ref={ref} height={height || 300} itemHeight={itemHeight || 32} data={renderData}>\n          {(item) => {\n            const { level, children, disabled } = item;\n            const bool = Array.isArray(expandedList) ? expandedList.includes(item.value) : false;\n            // 当前节点半选状态\n            const indeterminateStatus = getIndeterminate(item, checkedList);\n            // 当前节点是否被选中\n            const checkedBingo = Array.isArray(checkedList) ? checkedList.includes(item.value) : false;\n            const isChecked = !checkStrictly || disabled ? checkedBingo && !indeterminateStatus : checkedBingo;\n\n            const checkBoxAttrs = {\n              className: `${disabled ? 'tntd-virtual-tree-checkbox-disabled' : ''}`,\n              onChange: () => handleCheck(item, isChecked),\n              checked: isChecked,\n              disabled\n            };\n            // 状态没有半选模式\n            if (!checkStrictly) {\n              checkBoxAttrs.indeterminate = indeterminateStatus;\n            }\n            return (\n              <div\n                className={`tntd-virtual-tree-item ${disabled ? 'tntd-virtual-tree-item_disabled' : ''}`}\n                style={{ paddingLeft: level * 18 }}\n                key={item.value}>\n                <div className=\"tntd-virtual-tree-item-expand-icon\">\n                  {Array.isArray(children) && !!children.length ? (\n                    <Icon type={bool ? 'caret-down' : 'caret-right'} onClick={() => handleToggle(item)} />\n                  ) : (\n                    ''\n                  )}\n                </div>\n\n                {checkable ? (\n                  <div className=\"tntd-virtual-tree-item-checkbox\">\n                    <Checkbox {...checkBoxAttrs} />\n                  </div>\n                ) : (\n                  ''\n                )}\n\n                <div\n                  className={`tntd-virtual-tree-title ${choosedValue === item.value ? 'tntd-virtual-tree-title_active' : ''}`}\n                  onClick={() => handleChoosed(item)}>\n                  {titleRender ? titleRender(item) : defaultRenderItem(item)}\n                </div>\n              </div>\n            );\n          }}\n        </List>\n      )}\n    </div>\n  );\n};\n\nexport default VirtualTree;\n"]}

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

@@ -2,7 +2,6 @@
   padding: 0;
   white-space: nowrap;
   .tntd-virtual-tree-item{
-    // display: flex;
     border-radius: var(--border-radius-sm);
     color: #17233d;
     text-decoration: none;
@@ -52,48 +51,9 @@
       color: rgba(0, 0, 0, 0.25);
       cursor: not-allowed;
 
-      .tntd-virtual-tree-title_checkable{
-        &:hover{
-          background-color: inherit !important;
-        }
-      }
-    }
-
-    .tntd-virtual-tree-checkbox-disabled{
-      color: var(--text-color-tertiary);
-      cursor: not-allowed;
-
-      .ant-checkbox{
-        &::after{
-          border-color: #c9d2dd;
-        }
-      }
-
-      .ant-checkbox-input{
-        cursor: not-allowed;
-      }
-
-      .ant-checkbox-inner{
-        background-color: #f1f2f5;
-        border-color: #c9d2dd !important;
-        
-        &::after{
-          border-color: rgba(0, 0, 0, 0.25);
-        }
-      }
-
-      .ant-checkbox-indeterminate{
-        .ant-checkbox-inner{
-          &::after{
-            display: none;
-          }
-        }
+      .tntd-virtual-tree-title:hover{
+        background-color: inherit;
       }
     }
   }
 }
-
-
-.tntd-rc-select-dropdown-hidden{
-  display: block;
-}

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

@@ -11,55 +11,129 @@ var __rest = this && this.__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
  */
-import React, { useMemo } from 'react';
+import React, { useState, useRef, useMemo } from 'react';
 import RcSelect from '../tntd-rc-select';
 import TntdVirtualTree from '../tntd-virtual-tree';
+import { filterLastestNode, flatWithParents } from './utils.js';
 import './index.less';
 const TntdVirtualTreeSelect = _a => {
   var {
       value,
       onChange,
-      renderItem,
       treeData,
       showSearch,
-      treeDefaultExpandAll,
-      treeExpandedKeys,
       fieldNames,
       dropdownMatchSelectWidth,
       dropdownStyle,
-      treeCheckable
+      showCheckedStrategy,
+      treeCheckable,
+      treeCheckStrictly,
+      treeDefaultExpandAll,
+      treeExpandedKeys,
+      onTreeCheck,
+      onTreeExpand,
+      treeTitleRender
     } = _a,
-    restProps = __rest(_a, ["value", "onChange", "renderItem", "treeData", "showSearch", "treeDefaultExpandAll", "treeExpandedKeys", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle", "treeCheckable"]);
+    restProps = __rest(_a, ["value", "onChange", "treeData", "showSearch", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle", "showCheckedStrategy", "treeCheckable", "treeCheckStrictly", "treeDefaultExpandAll", "treeExpandedKeys", "onTreeCheck", "onTreeExpand", "treeTitleRender"]);
+  const selectRef = useRef(null);
+  const [filterKey, setFilterKey] = useState(undefined);
   const mergeDropdownStyle = useMemo(() => {
     return Array.isArray(treeData) && treeData.length ? dropdownStyle : {};
   }, [dropdownStyle, treeData]);
   const mergeDropdownMatchSelectWidth = useMemo(() => {
     return Array.isArray(treeData) && treeData.length ? dropdownMatchSelectWidth : true;
   }, [dropdownMatchSelectWidth, treeData]);
-  const handleRender = rest => {
+  const treeNodeWithParents = useMemo(() => {
+    return flatWithParents(treeData, fieldNames);
+  }, [treeData, fieldNames]);
+  const selectValue = useMemo(() => {
+    if (!treeCheckable) {
+      return value;
+    }
+    if (Array.isArray(value)) {
+      if (showCheckedStrategy === TntdVirtualTreeSelect.SHOW_ALL) {
+        return value;
+      }
+      // 过滤掉有子节点，
+      return value.filter(i => {
+        return filterLastestNode(treeNodeWithParents, i, value);
+      });
+    }
+    return undefined;
+  }, [treeCheckable, treeNodeWithParents, value, showCheckedStrategy]);
+  const mergeMode = useMemo(() => {
+    if (treeCheckable) {
+      return {
+        multiple: true,
+        mode: 'tags'
+      };
+    }
+    return {};
+  }, [treeCheckable]);
+  const handleRender = _a => {
+    var {
+        showSearch
+      } = _a,
+      rest = __rest(_a, ["showSearch"]);
     return React.createElement("div", {
-      className: 'virtual-tree-options'
+      className: "virtual-tree-options"
     }, React.createElement(TntdVirtualTree, Object.assign({}, rest)));
   };
-  return React.createElement(RcSelect, Object.assign({}, restProps, {
+  const handleChange = val => {
+    onChange(val);
+  };
+  const handleSearch = val => {
+    setFilterKey(val);
+  };
+  const 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.createElement(RcSelect, 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: () => handleRender({
-      value,
-      onChange,
-      renderItem,
-      treeData,
-      showSearch,
-      treeDefaultExpandAll,
-      treeExpandedKeys,
-      fieldNames,
-      treeCheckable
-    })
+    dropdownRender: () => {
+      let obj = {
+        treeData,
+        filterKey,
+        defaultExpandAll: treeDefaultExpandAll,
+        expandedKeys: treeExpandedKeys,
+        fieldNames,
+        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
+        });
+      }
+      return handleRender(obj);
+    }
   }));
 };
+TntdVirtualTreeSelect.SHOW_CHILD = 'SHOW_CHILD';
+TntdVirtualTreeSelect.SHOW_ALL = 'SHOW_ALL';
 export default TntdVirtualTreeSelect;

package/es/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,OAAO,KAAK,EAAE,EAAY,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,cAAc,CAAC;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,OAAO,CAAC,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,OAAO,CAAC,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,6BAAK,SAAS,EAAC,sBAAsB;YACnC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CACzB,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,QAAQ,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,eAAe,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"]}