npm - tntd - Versions diffs - 3.0.9-beta.3 → 3.0.10 - Mend

tntd 3.0.9-beta.3 → 3.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/es/array-input/index.js +3 -1
package/es/array-input/index.js.map +1 -1
package/es/index.js +1 -1
package/es/index.js.map +1 -1
package/es/query-list-scene/QueryForm.js +3 -6
package/es/query-list-scene/QueryForm.js.map +1 -1
package/es/title/index.js +18 -4
package/es/title/index.js.map +1 -1
package/es/title/index.less +85 -34
package/es/tntd-virtual-tree/index.js +51 -42
package/es/tntd-virtual-tree/index.js.map +1 -1
package/es/tntd-virtual-tree/index.less +29 -16
package/es/tntd-virtual-tree/utils.js +117 -58
package/es/tntd-virtual-tree/utils.js.map +1 -1
package/lib/array-input/index.js +5 -1
package/lib/array-input/index.js.map +1 -1
package/lib/index.d.ts +1 -1
package/lib/index.d.ts.map +1 -1
package/lib/index.js +2 -2
package/lib/index.js.map +1 -1
package/lib/query-list-scene/QueryForm.d.ts +2 -2
package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
package/lib/query-list-scene/QueryForm.js +8 -10
package/lib/query-list-scene/QueryForm.js.map +1 -1
package/lib/title/index.d.ts +1 -0
package/lib/title/index.d.ts.map +1 -1
package/lib/title/index.js +18 -4
package/lib/title/index.js.map +1 -1
package/lib/title/index.less +85 -34
package/lib/tntd-virtual-tree/index.d.ts.map +1 -1
package/lib/tntd-virtual-tree/index.js +55 -45
package/lib/tntd-virtual-tree/index.js.map +1 -1
package/lib/tntd-virtual-tree/index.less +29 -16
package/lib/tntd-virtual-tree/utils.d.ts +6 -4
package/lib/tntd-virtual-tree/utils.d.ts.map +1 -1
package/lib/tntd-virtual-tree/utils.js +130 -66
package/lib/tntd-virtual-tree/utils.js.map +1 -1
package/package.json +1 -1

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

@@ -4,7 +4,7 @@ import _uniq from "lodash/uniq";
  * @Author: 郑泳健
  * @Date: 2024-07-31 14:46:55
  * @LastEditors: 郑泳健
- * @LastEditTime: 2024-08-08 16:22:40
+ * @LastEditTime: 2024-08-09 17:51:50
  */
 import React, { useState, useMemo, useEffect, useRef } from 'react';
 import List from 'rc-virtual-list';
@@ -12,7 +12,7 @@ import Icon from '../icon';
 import Ellipsis from '../ellipsis';
 import Empty from '../empty';
 import Checkbox from '../checkbox';
-import { flatTreeData, getFullExpandedKeys, getFullCheckedKeys, getNodeParentChoosed, addTreeNodeAttrs, getIndeterminate } from './utils';
+import { flatTreeData, findNodeDetail, getFullExpandedKeys, getFullCheckedKeys, getNodeParentChoosed, addTreeNodeAttrs, getIndeterminate } from './utils';
 import './index.less';
 const VirtualTree = ({
   itemHeight,
@@ -30,13 +30,14 @@ const VirtualTree = ({
   onExpand
 }) => {
   const ref = React.useRef(null);
+  const expandChangedRef = useRef(0);
+  const checkedChangeRef = useRef(0);
   // 展开的节点列表
   const [expandedList, setExpandedList] = useState([]);
   // checked 节点列表
   const [checkedList, setCheckedList] = useState([]);
   // 当前被选中的节点
   const [choosedValue, setChoosedValue] = useState(undefined);
-  const expandChangedRef = useRef(0);
   /** 给每个节点增加属性keys，值为其下面所有节点的集合 */
   const treeDataWithKeys = useMemo(() => {
     return addTreeNodeAttrs(treeData, fieldNames);
@@ -50,13 +51,25 @@ const VirtualTree = ({
   }, [defaultExpandAll, expandedKeys]);
   /** 获取到所有选中的节点，因为checkedKeys可能传入的是最后一级 */
   useEffect(() => {
+    // 非第一次
+    if (checkedChangeRef.current > 0) {
+      setCheckedList(checkedKeys);
+      return;
+    }
     if (checkable) {
-      const transCheckedKeys = Array.isArray(checkedKeys) ? checkedKeys : [];
       // 如果是受控
       if (checkStrictly) {
-        setCheckedList(_uniq(transCheckedKeys));
+        setCheckedList(_uniq(Array.isArray(checkedKeys) ? checkedKeys : []));
         return;
       }
+      const transCheckedKeys = Array.isArray(checkedKeys) ? checkedKeys.reduce((total, item) => {
+        total.push(item);
+        const {
+          needCheckedChildrenValues
+        } = findNodeDetail(treeDataWithKeys, item) || {};
+        total = [...total, ...needCheckedChildrenValues];
+        return total;
+      }, []) : [];
       const _checkedKeys = getFullCheckedKeys(treeDataWithKeys, transCheckedKeys);
       setCheckedList(_uniq(_checkedKeys));
     }
@@ -115,35 +128,38 @@ const VirtualTree = ({
     if (disabled) {
       return;
     }
-    if (checkable) {
-      // 需要增删的子节点
-      const itemChildrenValues = Array.isArray(children) && !!children.length ? item.childrenValues : [];
-      if (isChecked) {
-        // 需要删除的父节点
-        const itemParentValues = Array.isArray(item.parentsValues) && !!item.parentsValues.length ? item.parentsValues : [];
-        // 当前节点所有的父节点
-        const delList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];
-        const _checkedList = checkedList.filter(i => !delList.includes(i));
-        if (onCheck) {
-          onCheck === null || onCheck === void 0 ? void 0 : onCheck(_uniq(_checkedList), item, !isChecked);
-          return;
-        }
-        setCheckedList(_uniq(_checkedList));
-      } else {
-        // 递归循环其上级是否也要被选中
-        const itemParentValues = getNodeParentChoosed(item.parentsValues, item.siblingsValue, [...checkedList, _value]);
-        const addList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];
-        const _checkedList = [...checkedList, ...addList];
-        if (onCheck) {
-          onCheck === null || onCheck === void 0 ? void 0 : onCheck(_uniq(_checkedList), item, !isChecked);
-          return;
-        }
-        setCheckedList(_uniq(_checkedList));
+    checkedChangeRef.current++;
+    // 需要增删的子节点
+    const itemChildrenValues = Array.isArray(children) && !!children.length ? item.needCheckedChildrenValues : [];
+    if (isChecked) {
+      // 需要删除的父节点
+      const itemParentValues = Array.isArray(item.needCheckedSiblingsValue) ? item.needCheckedSiblingsValue.map(i => i.key) : [];
+      // 当前节点所有的父节点
+      const delList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];
+      const _checkedList = checkedList.filter(i => !delList.includes(i));
+      if (onCheck) {
+        onCheck === null || onCheck === void 0 ? void 0 : onCheck(_uniq(_checkedList), item, !isChecked);
+        return;
       }
+      setCheckedList(_uniq(_checkedList));
     } else {
-      setChoosedValue(_value);
+      // 递归循环其上级是否也要被选中
+      const itemParentValues = getNodeParentChoosed(item.needCheckedSiblingsValue, [...checkedList, ...itemChildrenValues, _value]);
+      const addList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];
+      const _checkedList = [...checkedList, ...addList];
+      if (onCheck) {
+        onCheck === null || onCheck === void 0 ? void 0 : onCheck(_uniq(_checkedList), item, !isChecked);
+        return;
+      }
+      setCheckedList(_uniq(_checkedList));
     }
   };
+  const handleChoosed = item => {
+    if (item.disabled) {
+      return;
+    }
+    setChoosedValue(item.value);
+  };
   const defaultRenderItem = item => {
     return React.createElement(Ellipsis, {
       title: item.title,
@@ -170,7 +186,7 @@ const VirtualTree = ({
     const indeterminateStatus = getIndeterminate(item, checkedList);
     // 当前节点是否被选中
     const checkedBingo = Array.isArray(checkedList) ? checkedList.includes(item.value) : false;
-    const isChecked = !checkStrictly ? checkedBingo && !indeterminateStatus : checkedBingo;
+    const isChecked = !checkStrictly || disabled ? checkedBingo && !indeterminateStatus : checkedBingo;
     const checkBoxAttrs = {
       className: `${disabled ? 'tntd-virtual-tree-checkbox-disabled' : ''}`,
       onChange: () => handleCheck(item, isChecked),
@@ -187,22 +203,15 @@ const VirtualTree = ({
       },
       key: item.value
     }, React.createElement("div", {
-      style: {
-        width: 18,
-        paddingLeft: 3,
-        marginTop: -2,
-        marginRight: 4
-      }
+      className: "tntd-virtual-tree-item-expand-icon"
     }, Array.isArray(children) && !!children.length ? React.createElement(Icon, {
       type: bool ? 'caret-down' : 'caret-right',
       onClick: () => handleToggle(item)
     }) : ''), checkable ? React.createElement("div", {
-      style: {
-        margin: '0 4px'
-      }
+      className: "tntd-virtual-tree-item-checkbox"
     }, React.createElement(Checkbox, Object.assign({}, checkBoxAttrs))) : '', React.createElement("div", {
-      className: `tntd-virtual-tree-title ${checkable ? 'tntd-virtual-tree-title_checkable' : ''} ${choosedValue === item.value ? 'tntd-virtual-tree-title_active' : ''}`,
-      onClick: () => handleCheck(item, isChecked)
+      className: `tntd-virtual-tree-title ${choosedValue === item.value ? 'tntd-virtual-tree-title_active' : ''}`,
+      onClick: () => handleChoosed(item)
     }, titleRender ? titleRender(item) : defaultRenderItem(item)));
   }));
 };

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

	@@ -1 +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-08 16:22:40\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 { flatTreeData, getFullExpandedKeys, getFullCheckedKeys, getNodeParentChoosed, addTreeNodeAttrs, getIndeterminate } 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 // 展开的节点列表\n const [expandedList, setExpandedList] = useState([]);\n // checked 节点列表\n const [checkedList, setCheckedList] = useState([]);\n // 当前被选中的节点\n const [choosedValue, setChoosedValue] = useState(undefined);\n const expandChangedRef = useRef(0)\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 if (checkable) {\n const transCheckedKeys = Array.isArray(checkedKeys) ? checkedKeys : [];\n // 如果是受控\n if (checkStrictly) {\n setCheckedList(uniq(transCheckedKeys));\n return;\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 if (checkable) {\n // 需要增删的子节点\n const itemChildrenValues = Array.isArray(children) && !!children.length ? item.childrenValues : [];\n\n if (isChecked) {\n // 需要删除的父节点\n const itemParentValues = Array.isArray(item.parentsValues) && !!item.parentsValues.length ? item.parentsValues : [];\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 setCheckedList(uniq(_checkedList));\n } else {\n // 递归循环其上级是否也要被选中\n const itemParentValues = getNodeParentChoosed(item.parentsValues, item.siblingsValue, [...checkedList, _value]);\n const addList = checkStrictly ? [_value] : [...itemChildrenValues, ...itemParentValues, _value];\n const _checkedList = [...checkedList, ...addList];\n if (onCheck) {\n onCheck?.(uniq(_checkedList), item, !isChecked);\n return;\n }\n setCheckedList(uniq(_checkedList));\n }\n }else {\n setChoosedValue(_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 ? 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 className={`tntd-virtual-tree-item ${disabled ? 'tntd-virtual-tree-item_disabled' : ''}`} style={{ paddingLeft: level 18 }} key={item.value}>\n <div style={{ width: 18, paddingLeft: 3, marginTop: -2, marginRight: 4 }}>\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 style={{ margin: '0 4px' }}>\n <Checkbox {...checkBoxAttrs} />\n </div>\n ) : (\n ''\n )}\n\n <div\n className={`tntd-virtual-tree-title ${checkable ? 'tntd-virtual-tree-title_checkable' : ''} ${\n choosedValue === item.value ? 'tntd-virtual-tree-title_active' : ''\n }`}\n onClick={() => handleCheck(item, isChecked)}>\n {titleRender ? titleRender(item) : defaultRenderItem(item)}\n </div>\n </div>\n );\n }}\n </List>\n )}\n </div>\n );\n};\n\nexport default VirtualTree;\n"]}
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"]}

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

@@ -2,7 +2,7 @@
   padding: 0;
   white-space: nowrap;
   .tntd-virtual-tree-item{
-    display: flex;
+    // display: flex;
     border-radius: var(--border-radius-sm);
     color: #17233d;
     text-decoration: none;
@@ -12,40 +12,53 @@
     font-size: 14px;
     box-sizing: border-box;
-    &.tntd-virtual-tree-item_disabled{
-      color: rgba(0, 0, 0, 0.25);
-      cursor: not-allowed;
+    .tntd-virtual-tree-item-expand-icon{
+      display: inline-block;
+      width: 18px;
+      padding-left: 3px;
+      margin-right: 4px;
-      .tntd-virtual-tree-title_checkable{
-        &:hover{
-          background-color: inherit !important;
-        }
+      .anticon-caret-down,.anticon-caret-right {
+        vertical-align: middle;
+        font-size: 16px;
+        margin-right: 4px;
       }
     }
-    .anticon-caret-down,.anticon-caret-right {
+    .tntd-virtual-tree-item-checkbox{
+      display: inline-block;
+      margin: 0 4px;
       vertical-align: middle;
-      font-size: 16px;
-      margin-right: 4px;
     }
     .tntd-virtual-tree-title{
       padding: 0 2px;
       flex: 1;
       overflow: hidden;
+      display: inline-block;
+      vertical-align: middle;
-      &.tntd-virtual-tree-title_checkable{
-        &:hover{
-          background-color: var(--blue-1);
-        }
+      &:hover{
+        background-color: var(--blue-1);
       }
       &_active{
-        background-color: var(--blue-2);
+        background-color: var(--blue-2) !important;
         border-radius: @border-radius-base;
       }
     }
+    &.tntd-virtual-tree-item_disabled{
+      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;

package/es/tntd-virtual-tree/utils.js CHANGED Viewed

@@ -7,7 +7,12 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 /**
- * 初始化给树的每个节点增加属性字段（childrenValues, titleTotal, parentsValues, siblingsValue），childrenValues: 当前节点下的所有子节点的value和, titleTotal: 当前节点下的所有子节点的title和 parentsValues: 当前节点所有的父节点 siblingsValue: 当前节点所有上级节点的兄弟节点
+ * 初始化给树的每个节点增加以下属性字段
+ * childrenValues: 当前节点下的所有子节点的value和（包含了disabled节点）用户展开/收起
+ * titleTotal: 当前节点下的所有子节点的title和 （包含了disabled节点）用于搜索
+ * needCheckedChildrenValues: 当前节点下的节点（即无children）的value和（不包含了disabled节点），用于选中/取消选中
+ * needCheckedLastestChildrenValues: 当前节点下的最底层节点（即无children）的value和（不包含了disabled节点），用于选中/取消选中
+ * needCheckedSiblingsValue: 当前节点所有上级节点的兄弟节点， [{ key: '上级节点value', list: [xx] }] list包含非disabled节点 用于选中/取消选中
  * 用于判断后续展开/收起
  * @param {*} treeData
  */
@@ -16,7 +21,7 @@ export const addTreeNodeAttrs = (treeData, fieldNames = {
   value: 'value',
   children: 'children',
   disabled: 'disabled'
-}, parentsValues = [], siblingsValue = {}) => {
+}, needCheckedSiblingsValue = []) => {
   if (Array.isArray(treeData) && !!treeData.length) {
     return treeData.map(item => {
       item.children = item[fieldNames['children']];
@@ -27,9 +32,22 @@ export const addTreeNodeAttrs = (treeData, fieldNames = {
         } = item,
         query = __rest(item, ["children"]);
       if (Array.isArray(children) && !!children.length) {
-        query.children = addTreeNodeAttrs(children, fieldNames, [item.value, ...parentsValues], Object.assign(Object.assign({}, siblingsValue), {
-          [item.value]: children.map(i => i[fieldNames['value']])
-        }));
+        let siblingsSum = needCheckedSiblingsValue;
+        if (!item[fieldNames['disabled']]) {
+          // 这里注意要逆序，要不然校验的时候会出问题
+          siblingsSum = [{
+            key: item[fieldNames['value']],
+            list: children.reduce((total, item) => {
+              if (!item[fieldNames['disabled']]) {
+                total.push(item[fieldNames['value']]);
+              }
+              return total;
+            }, [])
+          }, ...siblingsSum];
+        } else {
+          siblingsSum = [];
+        }
+        query.children = addTreeNodeAttrs(children, fieldNames, siblingsSum);
       }
       return Object.assign(Object.assign({}, query), {
         title: query[fieldNames['title']],
@@ -37,8 +55,9 @@ export const addTreeNodeAttrs = (treeData, fieldNames = {
         disabled: query[fieldNames['disabled']],
         childrenValues: getNodeValuess(query, false),
         titleTotal: getNodeStr(query, fieldNames['title']),
-        parentsValues,
-        siblingsValue
+        needCheckedLastestChildrenValues: !item[fieldNames['disabled']] ? getNodeNoDisabledLastestChildrenValues(item, fieldNames) : [],
+        needCheckedChildrenValues: !item[fieldNames['disabled']] ? getNodeNoDisabledChildrenValues(item, fieldNames) : [],
+        needCheckedSiblingsValue: !item[fieldNames['disabled']] ? needCheckedSiblingsValue : []
       });
     });
   }
@@ -86,14 +105,10 @@ export const flatTreeData = (treeData, filterKey = '', expandedKeys = [], treeDe
       const {
           value,
           children,
-          childrenValues,
-          parentsValues,
           titleTotal,
-          siblingsValue,
-          title,
-          disabled
+          title
         } = i,
-        rest = __rest(i, ["value", "children", "childrenValues", "parentsValues", "titleTotal", "siblingsValue", "title", "disabled"]);
+        rest = __rest(i, ["value", "children", "titleTotal", "title"]);
       // 判断是否命中过滤
       let bingo = true;
       const transFilterKey = !['', null, undefined].includes(filterKey);
@@ -101,17 +116,9 @@ export const flatTreeData = (treeData, filterKey = '', expandedKeys = [], treeDe
         bingo = Array.isArray(titleTotal) ? titleTotal.some(i => i.includes(filterKey)) : false;
       }
       if (bingo) {
-        result.push({
-          value,
-          children,
-          title,
-          level,
-          titleTotal,
-          childrenValues,
-          parentsValues,
-          siblingsValue,
-          disabled
-        });
+        result.push(Object.assign({
+          level
+        }, i));
       }
       const selfIn = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;
       if ((treeDefaultExpandAll || selfIn || transFilterKey && bingo) && Array.isArray(children) && !!children.length) {
@@ -148,7 +155,7 @@ export const getFullExpandedKeys = (treeDataWithKeys, treeExpandedKeys = [], tre
   return result;
 };
 /**
- * 获取所有选中的节点 （组件传入最后一层，需要将其上层和自身全部加入到expandedKeys）
+ * 初始化根据用户传入的值获取其关联节点是否要在checkList
  * @param {*} treeDataWithKeys
  * @param {*} transCheckedKeys
  * @param {*} result
@@ -160,37 +167,63 @@ export const getFullCheckedKeys = (treeDataWithKeys, transCheckedKeys, result =
   }
   treeDataWithKeys.forEach(i => {
     const {
-      childrenValues,
       value,
-      children
+      children,
+      disabled
     } = i;
-    if (Array.isArray(childrenValues) && [...childrenValues, value].some(el => transCheckedKeys.includes(el))) {
+    const bingo = transCheckedKeys.includes(value);
+    if (bingo) {
       result.push(value);
-      if (Array.isArray(children) && !!children.length) {
-        result = [...result, ...getFullCheckedKeys(children, transCheckedKeys)];
+    }
+    if (Array.isArray(children) && !!children.length) {
+      const lastestUnDisabledChildrenValues = i.needCheckedLastestChildrenValues;
+      // 如果当前节点是被命中，就将其下面所有子节点都选中
+      if (Array.isArray(lastestUnDisabledChildrenValues) && !!lastestUnDisabledChildrenValues.length && lastestUnDisabledChildrenValues.every(el => transCheckedKeys.includes(el))) {
+        result.push(value);
       }
+      result = [...result, ...getFullCheckedKeys(children, transCheckedKeys)];
     }
   });
   return result;
 };
 /**
- * 获取当前节点下的所有子节点
+ * 递归获取某个节点所有最下层(没有children)的values集合,递归遇到disable的节点就不继续往下递归了
+ * @param {*} node
  * @param {*} node
- * @param {*} result
  * @returns
  */
-export const getNodeAllChildrenValue = (node, isSelf = true, result = []) => {
-  const {
-    value,
-    children
-  } = node;
-  if (!['', null, undefined].includes(value) || !isSelf) {
-    result.push(value);
+export const getNodeNoDisabledLastestChildrenValues = (node, fieldNames, result = []) => {
+  if (Array.isArray(node.children) && !!node.children.length) {
+    node.children.forEach(element => {
+      if (!element[fieldNames['disabled']]) {
+        result = [...result, ...getNodeNoDisabledLastestChildrenValues(element, fieldNames)];
+      }
+    });
+  } else {
+    if (!node[fieldNames['disabled']]) {
+      result.push(node[fieldNames['value']]);
+    }
   }
-  if (Array.isArray(children)) {
-    children.forEach(i => {
-      result = [...result, ...getNodeAllChildrenValue(i, false)];
+  return result;
+};
+/**
+ * 递归获取某个节点所有下层(没有children)的values集合,递归遇到disable的节点就不继续往下递归了
+ * @param {*} node
+ * @param {*} node
+ * @returns
+ */
+export const getNodeNoDisabledChildrenValues = (node, fieldNames, result = []) => {
+  if (Array.isArray(node.children) && !!node.children.length) {
+    node.children.forEach(element => {
+      if (!element[fieldNames['disabled']]) {
+        result.push(element[fieldNames['value']]);
+        result = [...result, ...getNodeNoDisabledChildrenValues(element, fieldNames)];
+      }
     });
+  } else {
+    if (!node[fieldNames['disabled']]) {
+      result.push(node[fieldNames['value']]);
+    }
   }
   return result;
 };
@@ -199,39 +232,65 @@ export const getNodeAllChildrenValue = (node, isSelf = true, result = []) => {
  * @param {*} item
  * @param {*} checkedList
  */
-export const getIndeterminate = (item, checkedList) => {
-  // 如果没有子节点,判断当前节点是否被选中
+export const getIndeterminate = (item, checkedList, disabledList) => {
+  // 如果没有子节点,就没有半选情况
   if (!Array.isArray(item.children) || !item.children.length) {
     return false;
   }
   if (!Array.isArray(checkedList) || !checkedList.length) {
     return false;
   }
-  // 如果有子节点，判断子节点是否都被选中
-  const list = getNodeAllChildrenValue(item);
-  const childrenCheckedList = list.filter(i => checkedList.includes(i));
+  // 当前节点下的去掉disabled的所有末级节点
+  const list = Array.isArray(item.needCheckedLastestChildrenValues) ? item.needCheckedLastestChildrenValues : [];
+  const childrenCheckedList = list.filter(i => checkedList === null || checkedList === void 0 ? void 0 : checkedList.includes(i));
   return childrenCheckedList.length > 0 && childrenCheckedList.length < list.length;
 };
 /**
  * 获取当前节点的父亲节点是否需要被选中
- * @param {*} parentsValues
- * @param {*} siblingsValue
+ * @param {*} needCheckedSiblingsValue
  * @param {*} checkedList
  * @returns
  */
-export const getNodeParentChoosed = (parentsValues, siblingsValue, checkedList) => {
-  if (!Array.isArray(parentsValues) || !parentsValues.length || !Array.isArray(checkedList) || !checkedList.length) {
+export const getNodeParentChoosed = (needCheckedSiblingsValue, checkedList) => {
+  if (!Array.isArray(checkedList) || !checkedList.length) {
     return [];
   }
   let result = [];
-  for (let item of parentsValues) {
-    const list = Array.isArray(siblingsValue[item]) ? siblingsValue[item] : [];
-    const bool = list.every(it => checkedList.includes(it));
-    if (!bool) {
-      break;
+  for (let item of needCheckedSiblingsValue) {
+    const {
+      key,
+      list
+    } = item || {};
+    // 过滤掉子节点为disabled的
+    const bool = Array.isArray(list) ? list.every(it => checkedList.includes(it)) : false;
+    if (bool) {
+      checkedList.push(key);
+      result.push(key);
+    }
+  }
+  return result;
+};
+/**
+ * 获取节点的信息
+ * @param {*} tree
+ * @param {*} key
+ * @param {*} result
+ * @returns
+ */
+export const findNodeDetail = (tree, key, result) => {
+  if (Array.isArray(tree) && !!key) {
+    for (let i of tree) {
+      if (i.value === key) {
+        result = i;
+        break;
+      }
+      if (Array.isArray(i.children) && !!i.children.length) {
+        result = findNodeDetail(i.children, key);
+        if (result) {
+          break;
+        }
+      }
     }
-    checkedList.push(item);
-    result.push(item);
   }
   return result;
 };