tdesign-react 0.19.1 → 0.20.0

package/esm/transfer/utils.js

@@ -1,28 +1,28 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { i as isEmpty_1 } from '../_chunks/dep-b31548a7.js';
-import { i as isFunction_1 } from '../_chunks/dep-dabea1d1.js';
-import { i as isString_1 } from '../_chunks/dep-1c77104d.js';
+import { i as isEmpty_1 } from '../_chunks/dep-24876360.js';
+import { i as isFunction_1 } from '../_chunks/dep-27282969.js';
+import { i as isString_1 } from '../_chunks/dep-31240b08.js';
 import React__default from 'react';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-f1425a72.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-41d15e2c.js';
-import '../_chunks/dep-88b2f549.js';
-import '../_chunks/dep-aef14cb6.js';
-import '../_chunks/dep-52f056ee.js';
-import '../_chunks/dep-4cfb170f.js';
-import '../_chunks/dep-7e18698b.js';
-import '../_chunks/dep-b48a9335.js';
-import '../_chunks/dep-78a5c5d6.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-5c81b722.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-2fa3b127.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-bf215a19.js';
+import '../_chunks/dep-c0af7833.js';
+import '../_chunks/dep-1cc29dd4.js';
+import '../_chunks/dep-f2373c31.js';
+import '../_chunks/dep-3959eba0.js';
+import '../_chunks/dep-28a3624e.js';
+import '../_chunks/dep-c3526061.js';
+import '../_chunks/dep-7c1ece64.js';
+import '../_chunks/dep-6efcb88d.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-08663b7e.js';
 
 var getDefaultValue = function getDefaultValue(value, defaultValue) {
   if (isEmpty_1(value)) {

package/esm/tree/Tree.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd2ff6be.js';
-import { _ as _slicedToArray } from '../_chunks/dep-c5e94c83.js';
+import { _ as _defineProperty } from '../_chunks/dep-31796d32.js';
+import { _ as _slicedToArray } from '../_chunks/dep-81bda54a.js';
 import React__default, { forwardRef, useState, useImperativeHandle, useMemo } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
@@ -15,10 +15,10 @@ import { useTreeConfig } from './useTreeConfig.js';
 import useControllable from './useControllable.js';
 import TreeItem from './TreeItem.js';
 import { useStore } from './useStore.js';
-import '../_chunks/dep-4ca264a0.js';
+import '../_chunks/dep-88fe1571.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-252337e0.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/useConfig.js';
@@ -27,64 +27,70 @@ import '../_util/noop.js';
 import 'tdesign-icons-react';
 import '../loading/index.js';
 import '../loading/loading.js';
-import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-1c77104d.js';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-31240b08.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-bf215a19.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-1cc29dd4.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../checkbox/index.js';
-import '../_chunks/dep-e1db5516.js';
+import '../_chunks/dep-0d85e9bd.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
 import '../_util/helper.js';
-import '../_chunks/dep-3aee7c63.js';
-import '../_chunks/dep-c8d6ce97.js';
-import '../_chunks/dep-c060cbaa.js';
-import '../_chunks/dep-b87b2179.js';
-import '../_chunks/dep-cdfb69ea.js';
-import '../_chunks/dep-a3627124.js';
+import '../_chunks/dep-2814904a.js';
+import '../_chunks/dep-7ed5b2c7.js';
+import '../_chunks/dep-4eebb4d5.js';
+import '../_chunks/dep-67dc9383.js';
+import '../_chunks/dep-5900f2c2.js';
+import '../_chunks/dep-8d22ffec.js';
 import '../checkbox/style/index.js';
 import '../checkbox/type.js';
-import '../_chunks/dep-00019a7f.js';
-import '../_chunks/dep-52f056ee.js';
-import '../_chunks/dep-dabea1d1.js';
-import '../_chunks/dep-7e18698b.js';
-import '../_chunks/dep-b48a9335.js';
-import '../_chunks/dep-4cfb170f.js';
-import '../_chunks/dep-fbe7c735.js';
-import '../_chunks/dep-5a5d372b.js';
-import '../_chunks/dep-9bd0c578.js';
-import '../_chunks/dep-1e5e4f5d.js';
-import '../_chunks/dep-78a5c5d6.js';
-import '../_chunks/dep-41d15e2c.js';
-import '../_chunks/dep-b0adec50.js';
-import '../_chunks/dep-6942efac.js';
-import '../_chunks/dep-f1425a72.js';
-import '../_chunks/dep-aef14cb6.js';
-import '../_chunks/dep-5c81b722.js';
-import '../_chunks/dep-eed45bfe.js';
-import '../_chunks/dep-e3f19b86.js';
-import '../_chunks/dep-54eb1aab.js';
-import '../_chunks/dep-6d27991d.js';
-import '../_chunks/dep-02952992.js';
-import '../_chunks/dep-81c92e69.js';
+import '../_chunks/dep-8999daef.js';
+import '../_chunks/dep-48be8fe9.js';
+import '../_chunks/dep-3959eba0.js';
+import '../_chunks/dep-27282969.js';
+import '../_chunks/dep-c3526061.js';
+import '../_chunks/dep-7c1ece64.js';
+import '../_chunks/dep-28a3624e.js';
+import '../_chunks/dep-9fc2fb1e.js';
+import '../_chunks/dep-6c5bcf43.js';
+import '../_chunks/dep-6efcb88d.js';
+import '../_chunks/dep-2fa3b127.js';
+import '../_chunks/dep-c0af7833.js';
+import '../_chunks/dep-f2373c31.js';
+import '../_chunks/dep-4ed23d42.js';
+import '../_chunks/dep-08663b7e.js';
+import '../_chunks/dep-838806e1.js';
+import '../_chunks/dep-4efba75e.js';
+import '../_chunks/dep-35a31018.js';
+import '../_chunks/dep-977401dd.js';
+import '../_chunks/dep-71148f32.js';
+import '../_chunks/dep-1efd5697.js';
+import '../_chunks/dep-e23b5ceb.js';
+import '../_chunks/dep-42c4d43f.js';
+import '../_chunks/dep-ff66d271.js';
+import '../_chunks/dep-9025a74a.js';
+import '../_chunks/dep-d2fe6cf0.js';
+import '../_chunks/dep-c569b4f0.js';
 import '../_util/useUpdateEffect.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Tree = /*#__PURE__*/forwardRef(function (props, ref) {
   var _classNames;
 

package/esm/tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../src/tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useState, useImperativeHandle, useMemo, RefObject } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { TreeNodeState, TreeNodeValue, TypeTreeNodeModel } from '../_common/js/tree/types';\nimport TreeNode from '../_common/js/tree/tree-node';\nimport { TreeOptionData } from '../common';\nimport { usePersistFn } from '../_util/usePersistFn';\nimport { TreeInstanceFunctions, TdTreeProps } from './type';\nimport { useTreeConfig } from './useTreeConfig';\nimport useControllable from './useControllable';\nimport { TreeItemProps } from './interface';\n\nimport TreeItem from './TreeItem';\nimport { useStore } from './useStore';\n\nexport type TreeProps = TdTreeProps;\n\n/**\n * 树组件\n */\nconst Tree = forwardRef((props: TreeProps, ref: React.Ref<TreeInstanceFunctions>) => {\n  const { treeClassNames, transitionNames, transitionClassNames, transitionDuration } = useTreeConfig();\n\n  // 可见节点集合\n  const [visibleNodes, setVisibleNodes] = useState([]);\n\n  const {\n    empty,\n    activable,\n    disabled,\n    checkable,\n    checkProps,\n    hover,\n    icon,\n    line,\n    label,\n    operations,\n    transition, // 动画默认开启\n    expandOnClickNode,\n    onClick,\n  } = props;\n\n  const { value, onChange, expanded, onExpand, onActive, actived } = useControllable(props);\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('tree');\n  const emptyText = t(local.empty);\n\n  const store = useStore(\n    {\n      ...props,\n      value,\n      onChange,\n      expanded,\n      onExpand,\n      onActive,\n      actived,\n    },\n    () => {\n      const nodes = store.getNodes();\n      const newVisibleNodes = nodes.filter((node) => node.visible);\n\n      setVisibleNodes(newVisibleNodes);\n    },\n  );\n\n  // 因为是被 useImperativeHandle 依赖的方法，使用 usePersistFn 变成持久化的。或者也可以使用 useCallback\n  const setExpanded = usePersistFn((node: TreeNode, isExpanded: boolean, e?: React.MouseEvent<HTMLDivElement>) => {\n    const expanded = node.setExpanded(isExpanded);\n    const treeNodeModel = node?.getModel();\n\n    e && onExpand?.(expanded, { node: treeNodeModel, e });\n    return expanded;\n  });\n\n  const setActived = usePersistFn((node: TreeNode, isActived: boolean) => {\n    const actived = node.setActived(isActived);\n    const treeNodeModel = node?.getModel();\n    onActive?.(actived, { node: treeNodeModel });\n    return actived;\n  });\n\n  const setChecked = usePersistFn((node: TreeNode, isChecked: boolean) => {\n    const checked = node.setChecked(isChecked);\n    const treeNodeModel = node?.getModel();\n    onChange?.(checked, { node: treeNodeModel });\n    return checked;\n  });\n\n  const handleItemClick: TreeItemProps['onClick'] = (node, options) => {\n    if (!node || disabled || node.disabled) {\n      return;\n    }\n    const { expand, active, event } = options;\n    if (expand) {\n      setExpanded(node, !node.isExpanded(), event);\n    }\n\n    if (active) {\n      setActived(node, !node.isActived());\n    }\n    const treeNodeModel = node?.getModel();\n    onClick?.({\n      node: treeNodeModel,\n      e: event,\n    });\n  };\n\n  const handleChange: TreeItemProps['onChange'] = (node) => {\n    if (!node || disabled || node.disabled) {\n      return;\n    }\n    setChecked(node, !node.isChecked());\n  };\n\n  /** 对外暴露的公共方法 * */\n  useImperativeHandle<unknown, TreeInstanceFunctions>(\n    ref,\n    () => ({\n      store,\n      appendTo(value, newData) {\n        let list = [];\n        if (Array.isArray(newData)) {\n          list = newData;\n        } else {\n          list = [newData];\n        }\n        list.forEach((item) => {\n          store.appendNodes(value, item);\n        });\n      },\n      getIndex(value: TreeNodeValue): number {\n        return store.getNodeIndex(value);\n      },\n      getItem(value: TreeNodeValue): TypeTreeNodeModel {\n        const node: TreeNode = store.getNode(value);\n        return node?.getModel();\n      },\n      getItems(value?: TreeNodeValue): TypeTreeNodeModel[] {\n        const nodes = store.getNodes(value);\n        return nodes.map((node: TreeNode) => node.getModel());\n      },\n      getParent(value: TreeNodeValue): TypeTreeNodeModel {\n        const node = store.getParent(value);\n        return node?.getModel();\n      },\n      getParents(value: TreeNodeValue): TypeTreeNodeModel[] {\n        const nodes = store.getParents(value);\n        return nodes.map((node: TreeNode) => node.getModel());\n      },\n      getPath(value: TreeNodeValue): TypeTreeNodeModel[] {\n        const node = store.getNode(value);\n        let pathNodes = [];\n        if (node) {\n          pathNodes = node.getPath().map((node: TreeNode) => node.getModel());\n        }\n        return pathNodes;\n      },\n      insertAfter(value: TreeNodeValue, newData: TreeOptionData): void {\n        return store.insertAfter(value, newData);\n      },\n      insertBefore(value: TreeNodeValue, newData: TreeOptionData): void {\n        return store.insertBefore(value, newData);\n      },\n      remove(value: TreeNodeValue): void {\n        return store.remove(value);\n      },\n      setItem(value: TreeNodeValue, options: TreeNodeState): void {\n        const node: TreeNode = this.store.getNode(value);\n        const spec = options;\n        if (node && spec) {\n          if ('expanded' in options) {\n            setExpanded(node, spec.expanded);\n            delete spec.expanded;\n          }\n          if ('actived' in options) {\n            setActived(node, spec.actived);\n            delete spec.actived;\n          }\n          if ('checked' in options) {\n            setChecked(node, spec.checked);\n            delete spec.checked;\n          }\n          node.set(spec);\n        }\n      },\n    }),\n    [store, setExpanded, setActived, setChecked],\n  );\n\n  /* ======== render ======= */\n  // https://github.com/reactjs/react-transition-group/issues/668\n  // CSSTransition 不指定 nodeRef 的时候会使用 findDOMNode 获取 dom\n  // 因为 CSSTransition 是个数组，与 visibleNodes 对应，所以这里根据 visibleNodes 的长度创建 ref 用来保存 dom\n  // visibleNodes 改变的时候，释放上一个 nodeList，防止内存泄漏\n  const nodeList = useMemo<RefObject<HTMLDivElement>[]>(\n    () => visibleNodes.map(() => React.createRef()),\n    [visibleNodes],\n  );\n\n  const renderEmpty = () => {\n    let emptyView = empty || emptyText;\n    if (empty instanceof Function) {\n      emptyView = empty();\n    }\n\n    return emptyView;\n  };\n\n  const renderItems = () => {\n    if (visibleNodes.length <= 0) {\n      return renderEmpty();\n    }\n\n    return (\n      <TransitionGroup name={transitionNames.treeNode} className={treeClassNames.treeList}>\n        {visibleNodes.map((node, index) => (\n          // https://github.com/reactjs/react-transition-group/issues/668\n          <CSSTransition\n            nodeRef={nodeList[index]}\n            key={node.value}\n            timeout={transitionDuration}\n            classNames={transitionClassNames}\n          >\n            <TreeItem\n              ref={nodeList[index]}\n              node={node}\n              empty={empty}\n              icon={icon}\n              label={label}\n              line={line}\n              transition={transition}\n              expandOnClickNode={expandOnClickNode}\n              activable={activable}\n              operations={operations}\n              checkProps={checkProps}\n              onClick={handleItemClick}\n              onChange={handleChange}\n            />\n          </CSSTransition>\n        ))}\n      </TransitionGroup>\n    );\n  };\n  return (\n    <div\n      className={classNames(treeClassNames.tree, {\n        [treeClassNames.disabled]: disabled,\n        [treeClassNames.treeHoverable]: hover,\n        [treeClassNames.treeCheckable]: checkable,\n        [treeClassNames.treeFx]: transition,\n        [treeClassNames.treeBlockNode]: expandOnClickNode,\n      })}\n    >\n      {renderItems()}\n    </div>\n  );\n});\n\nTree.displayName = 'Tree';\n\nTree.defaultProps = {\n  data: [],\n  empty: '',\n  expandLevel: 0,\n  icon: true,\n  line: false,\n  transition: true,\n  lazy: true,\n  valueMode: 'onlyLeaf',\n};\n\nexport default Tree;\n"],"names":["Tree","forwardRef","props","ref","useTreeConfig","treeClassNames","transitionNames","transitionClassNames","transitionDuration","useState","visibleNodes","setVisibleNodes","empty","activable","disabled","checkable","checkProps","hover","icon","line","label","operations","transition","expandOnClickNode","onClick","useControllable","value","onChange","expanded","onExpand","onActive","actived","useLocaleReceiver","local","t","emptyText","store","useStore","nodes","getNodes","newVisibleNodes","filter","node","visible","setExpanded","usePersistFn","isExpanded","e","expanded2","treeNodeModel","getModel","setActived","isActived","actived2","setChecked","isChecked","checked","handleItemClick","options","expand","active","event","handleChange","appendTo","value2","newData","list","Array","isArray","forEach","item","appendNodes","getIndex","getNodeIndex","getItem","getNode","getItems","map","getParent","getParents","getPath","pathNodes","node2","insertAfter","insertBefore","remove","setItem","spec","set","nodeList","useMemo","React","createRef","renderEmpty","emptyView","Function","renderItems","length","TransitionGroup","name","treeNode","className","treeList","index","CSSTransition","nodeRef","key","timeout","classNames","TreeItem","tree","treeHoverable","treeCheckable","treeFx","treeBlockNode","displayName","defaultProps","data","expandLevel","lazy","valueMode"],"mappings":"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"}
+{"version":3,"file":"Tree.js","sources":["../../src/tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useState, useImperativeHandle, useMemo, RefObject } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { TreeNodeState, TreeNodeValue, TypeTreeNodeModel } from '../_common/js/tree/types';\nimport TreeNode from '../_common/js/tree/tree-node';\nimport { TreeOptionData } from '../common';\nimport { usePersistFn } from '../_util/usePersistFn';\nimport { TreeInstanceFunctions, TdTreeProps } from './type';\nimport { useTreeConfig } from './useTreeConfig';\nimport useControllable from './useControllable';\nimport { TreeItemProps } from './interface';\n\nimport TreeItem from './TreeItem';\nimport { useStore } from './useStore';\n\nexport type TreeProps = TdTreeProps;\n\n/**\n * 树组件\n */\nconst Tree = forwardRef((props: TreeProps, ref: React.Ref<TreeInstanceFunctions>) => {\n  const { treeClassNames, transitionNames, transitionClassNames, transitionDuration } = useTreeConfig();\n\n  // 可见节点集合\n  const [visibleNodes, setVisibleNodes] = useState([]);\n\n  const {\n    empty,\n    activable,\n    disabled,\n    checkable,\n    checkProps,\n    hover,\n    icon,\n    line,\n    label,\n    operations,\n    transition, // 动画默认开启\n    expandOnClickNode,\n    onClick,\n  } = props;\n\n  const { value, onChange, expanded, onExpand, onActive, actived } = useControllable(props);\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('tree');\n  const emptyText = t(local.empty);\n\n  const store = useStore(\n    {\n      ...props,\n      value,\n      onChange,\n      expanded,\n      onExpand,\n      onActive,\n      actived,\n    },\n    () => {\n      const nodes = store.getNodes();\n      const newVisibleNodes = nodes.filter((node) => node.visible);\n\n      setVisibleNodes(newVisibleNodes);\n    },\n  );\n\n  // 因为是被 useImperativeHandle 依赖的方法，使用 usePersistFn 变成持久化的。或者也可以使用 useCallback\n  const setExpanded = usePersistFn((node: TreeNode, isExpanded: boolean, e?: React.MouseEvent<HTMLDivElement>) => {\n    const expanded = node.setExpanded(isExpanded);\n    const treeNodeModel = node?.getModel();\n\n    e && onExpand?.(expanded, { node: treeNodeModel, e });\n    return expanded;\n  });\n\n  const setActived = usePersistFn((node: TreeNode, isActived: boolean) => {\n    const actived = node.setActived(isActived);\n    const treeNodeModel = node?.getModel();\n    onActive?.(actived, { node: treeNodeModel });\n    return actived;\n  });\n\n  const setChecked = usePersistFn((node: TreeNode, isChecked: boolean) => {\n    const checked = node.setChecked(isChecked);\n    const treeNodeModel = node?.getModel();\n    onChange?.(checked, { node: treeNodeModel });\n    return checked;\n  });\n\n  const handleItemClick: TreeItemProps['onClick'] = (node, options) => {\n    if (!node || disabled || node.disabled) {\n      return;\n    }\n    const { expand, active, event } = options;\n    if (expand) {\n      setExpanded(node, !node.isExpanded(), event);\n    }\n\n    if (active) {\n      setActived(node, !node.isActived());\n    }\n    const treeNodeModel = node?.getModel();\n    onClick?.({\n      node: treeNodeModel,\n      e: event,\n    });\n  };\n\n  const handleChange: TreeItemProps['onChange'] = (node) => {\n    if (!node || disabled || node.disabled) {\n      return;\n    }\n    setChecked(node, !node.isChecked());\n  };\n\n  /** 对外暴露的公共方法 * */\n  useImperativeHandle<unknown, TreeInstanceFunctions>(\n    ref,\n    () => ({\n      store,\n      appendTo(value, newData) {\n        let list = [];\n        if (Array.isArray(newData)) {\n          list = newData;\n        } else {\n          list = [newData];\n        }\n        list.forEach((item) => {\n          store.appendNodes(value, item);\n        });\n      },\n      getIndex(value: TreeNodeValue): number {\n        return store.getNodeIndex(value);\n      },\n      getItem(value: TreeNodeValue): TypeTreeNodeModel {\n        const node: TreeNode = store.getNode(value);\n        return node?.getModel();\n      },\n      getItems(value?: TreeNodeValue): TypeTreeNodeModel[] {\n        const nodes = store.getNodes(value);\n        return nodes.map((node: TreeNode) => node.getModel());\n      },\n      getParent(value: TreeNodeValue): TypeTreeNodeModel {\n        const node = store.getParent(value);\n        return node?.getModel();\n      },\n      getParents(value: TreeNodeValue): TypeTreeNodeModel[] {\n        const nodes = store.getParents(value);\n        return nodes.map((node: TreeNode) => node.getModel());\n      },\n      getPath(value: TreeNodeValue): TypeTreeNodeModel[] {\n        const node = store.getNode(value);\n        let pathNodes = [];\n        if (node) {\n          pathNodes = node.getPath().map((node: TreeNode) => node.getModel());\n        }\n        return pathNodes;\n      },\n      insertAfter(value: TreeNodeValue, newData: TreeOptionData): void {\n        return store.insertAfter(value, newData);\n      },\n      insertBefore(value: TreeNodeValue, newData: TreeOptionData): void {\n        return store.insertBefore(value, newData);\n      },\n      remove(value: TreeNodeValue): void {\n        return store.remove(value);\n      },\n      setItem(value: TreeNodeValue, options: TreeNodeState): void {\n        const node: TreeNode = this.store.getNode(value);\n        const spec = options;\n        if (node && spec) {\n          if ('expanded' in options) {\n            setExpanded(node, spec.expanded);\n            delete spec.expanded;\n          }\n          if ('actived' in options) {\n            setActived(node, spec.actived);\n            delete spec.actived;\n          }\n          if ('checked' in options) {\n            setChecked(node, spec.checked);\n            delete spec.checked;\n          }\n          node.set(spec);\n        }\n      },\n    }),\n    [store, setExpanded, setActived, setChecked],\n  );\n\n  /* ======== render ======= */\n  // https://github.com/reactjs/react-transition-group/issues/668\n  // CSSTransition 不指定 nodeRef 的时候会使用 findDOMNode 获取 dom\n  // 因为 CSSTransition 是个数组，与 visibleNodes 对应，所以这里根据 visibleNodes 的长度创建 ref 用来保存 dom\n  // visibleNodes 改变的时候，释放上一个 nodeList，防止内存泄漏\n  const nodeList = useMemo<RefObject<HTMLDivElement>[]>(\n    () => visibleNodes.map(() => React.createRef()),\n    [visibleNodes],\n  );\n\n  const renderEmpty = () => {\n    let emptyView = empty || emptyText;\n    if (empty instanceof Function) {\n      emptyView = empty();\n    }\n\n    return emptyView;\n  };\n\n  const renderItems = () => {\n    if (visibleNodes.length <= 0) {\n      return renderEmpty();\n    }\n\n    return (\n      <TransitionGroup name={transitionNames.treeNode} className={treeClassNames.treeList}>\n        {visibleNodes.map((node, index) => (\n          // https://github.com/reactjs/react-transition-group/issues/668\n          <CSSTransition\n            nodeRef={nodeList[index]}\n            key={node.value}\n            timeout={transitionDuration}\n            classNames={transitionClassNames}\n          >\n            <TreeItem\n              ref={nodeList[index]}\n              node={node}\n              empty={empty}\n              icon={icon}\n              label={label}\n              line={line}\n              transition={transition}\n              expandOnClickNode={expandOnClickNode}\n              activable={activable}\n              operations={operations}\n              checkProps={checkProps}\n              onClick={handleItemClick}\n              onChange={handleChange}\n            />\n          </CSSTransition>\n        ))}\n      </TransitionGroup>\n    );\n  };\n  return (\n    <div\n      className={classNames(treeClassNames.tree, {\n        [treeClassNames.disabled]: disabled,\n        [treeClassNames.treeHoverable]: hover,\n        [treeClassNames.treeCheckable]: checkable,\n        [treeClassNames.treeFx]: transition,\n        [treeClassNames.treeBlockNode]: expandOnClickNode,\n      })}\n    >\n      {renderItems()}\n    </div>\n  );\n});\n\nTree.displayName = 'Tree';\n\nTree.defaultProps = {\n  data: [],\n  empty: '',\n  expandLevel: 0,\n  icon: true,\n  line: false,\n  transition: true,\n  lazy: true,\n  valueMode: 'onlyLeaf',\n};\n\nexport default Tree;\n"],"names":["Tree","forwardRef","props","ref","useTreeConfig","treeClassNames","transitionNames","transitionClassNames","transitionDuration","useState","visibleNodes","setVisibleNodes","empty","activable","disabled","checkable","checkProps","hover","icon","line","label","operations","transition","expandOnClickNode","onClick","useControllable","value","onChange","expanded","onExpand","onActive","actived","useLocaleReceiver","local","t","emptyText","store","useStore","nodes","getNodes","newVisibleNodes","filter","node","visible","setExpanded","usePersistFn","isExpanded","e","expanded2","treeNodeModel","getModel","setActived","isActived","actived2","setChecked","isChecked","checked","handleItemClick","options","expand","active","event","handleChange","appendTo","value2","newData","list","Array","isArray","forEach","item","appendNodes","getIndex","getNodeIndex","getItem","getNode","getItems","map","getParent","getParents","getPath","pathNodes","node2","insertAfter","insertBefore","remove","setItem","spec","set","nodeList","useMemo","React","createRef","renderEmpty","emptyView","Function","renderItems","length","TransitionGroup","name","treeNode","className","treeList","index","CSSTransition","nodeRef","key","timeout","classNames","TreeItem","tree","treeHoverable","treeCheckable","treeFx","treeBlockNode","displayName","defaultProps","data","expandLevel","lazy","valueMode"],"mappings":"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"}

package/esm/tree/TreeItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd2ff6be.js';
+import { _ as _defineProperty } from '../_chunks/dep-31796d32.js';
 import React__default, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { CaretRightSmallIcon } from 'tdesign-icons-react';
@@ -13,46 +13,48 @@ import useRipple from '../_util/useRipple.js';
 import { Checkbox } from '../checkbox/index.js';
 import { useTreeConfig } from './useTreeConfig.js';
 import '../loading/loading.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
-import 'react-dom';
+import '../_chunks/dep-81bda54a.js';
+import '../_chunks/dep-88fe1571.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-1c77104d.js';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-31240b08.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-bf215a19.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-1cc29dd4.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../_util/setStyle.js';
-import '../_chunks/dep-e1db5516.js';
+import '../_chunks/dep-0d85e9bd.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-252337e0.js';
 import '../_util/helper.js';
-import '../_chunks/dep-3aee7c63.js';
-import '../_chunks/dep-c8d6ce97.js';
-import '../_chunks/dep-c060cbaa.js';
-import '../_chunks/dep-b87b2179.js';
-import '../_chunks/dep-cdfb69ea.js';
+import '../_chunks/dep-2814904a.js';
+import '../_chunks/dep-7ed5b2c7.js';
+import '../_chunks/dep-4eebb4d5.js';
+import '../_chunks/dep-67dc9383.js';
+import '../_chunks/dep-5900f2c2.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
-import '../_chunks/dep-a3627124.js';
+import '../_chunks/dep-8d22ffec.js';
 import '../checkbox/style/index.js';
 import '../checkbox/type.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TreeItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var _classNames4;
 

package/esm/tree/TreeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.js","sources":["../../src/tree/TreeItem.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent, ReactNode, useRef } from 'react';\nimport classNames from 'classnames';\nimport { CaretRightSmallIcon } from 'tdesign-icons-react';\nimport Loading from '../loading';\nimport useRipple from '../_util/useRipple';\nimport TreeNode from '../_common/js/tree/tree-node';\nimport Checkbox from '../checkbox';\nimport { useTreeConfig } from './useTreeConfig';\nimport { TreeItemProps } from './interface';\n\n/**\n * 树节点组件\n */\nconst TreeItem = forwardRef((props: TreeItemProps, ref: React.Ref<HTMLDivElement>) => {\n  const { node, icon, label, line, expandOnClickNode, activable, checkProps, operations, onClick, onChange } = props;\n  const { level } = node;\n\n  const { treeClassNames } = useTreeConfig();\n\n  const handleClick = (evt: MouseEvent<HTMLDivElement>) => {\n    onClick?.(node, {\n      event: evt,\n      expand: expandOnClickNode,\n      active: activable,\n    });\n  };\n\n  const handleItemClick = (evt: MouseEvent<HTMLDivElement>) => {\n    if (node.loading) {\n      return;\n    }\n    onClick?.(node, {\n      event: evt,\n      expand: true,\n      active: false,\n    });\n  };\n\n  const handleIconClick = (evt: MouseEvent<HTMLDivElement>) => {\n    evt.stopPropagation();\n    handleItemClick(evt);\n  };\n\n  const stopPropagation = (e: MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  /* ======== render ======= */\n  const renderIcon = () => {\n    // 这里按 vue 的逻辑定义\n    let isDefaultIcon = false;\n    const renderIconNode = () => {\n      if (icon === false) {\n        return null;\n      }\n      if (icon instanceof Function) {\n        return icon(node.getModel());\n      }\n      if (React.isValidElement(icon)) {\n        return icon;\n      }\n      if (icon && icon !== true) {\n        // 非 ReactNode、Function、Boolean 类型，抛出错误提示\n        throw new Error('invalid type of icon');\n      }\n\n      if (!node.isLeaf()) {\n        isDefaultIcon = true;\n        if (node.loading && node.expanded) {\n          return <Loading loading={true} />;\n        }\n\n        return <CaretRightSmallIcon className={treeClassNames.treeIconRight} />;\n      }\n      return null;\n    };\n\n    const iconNode = renderIconNode();\n    return (\n      <span\n        className={classNames(treeClassNames.treeIcon, treeClassNames.folderIcon, {\n          [treeClassNames.treeIconDefault]: isDefaultIcon,\n        })}\n        onClick={handleIconClick}\n      >\n        {iconNode}\n      </span>\n    );\n  };\n\n  const renderLine = () => {\n    const iconVisible = icon !== false;\n\n    if (line === false) {\n      return null;\n    }\n\n    if (line instanceof Function) {\n      return line(node.getModel());\n    }\n\n    if (React.isValidElement(line)) {\n      return line;\n    }\n\n    if (node.parent && node.tree) {\n      // 如果节点的父节点，不是最后的节点\n      // 则需要绘制节点延长线\n      const shadowStyles: string[] = [];\n      const parents = node.getParents();\n      parents.pop();\n      parents.forEach((pnode: TreeNode, index: number) => {\n        if (!pnode.vmIsLast) {\n          shadowStyles.push(`calc(-${index + 1} * var(--space)) 0 var(--color)`);\n        }\n      });\n\n      const styles = {\n        '--level': level,\n        boxShadow: shadowStyles.join(','),\n      };\n\n      return (\n        <span\n          className={classNames(\n            // 每个节点绘制抵达上一层级的折线\n            treeClassNames.line,\n            {\n              // 叶子节点，折线宽度延长，因为没有 icon 呈现\n              // 任意节点，icon 不呈现时也是要延长折线宽度\n              [treeClassNames.lineIsLeaf]: node.vmIsLeaf || !iconVisible,\n              // 分支首节点，到上一节点的折线高度要缩短，让位给 icon 呈现\n              // 如果 icon 隐藏了，则不必缩短折线高度\n              [treeClassNames.lineIsFirst]: node.vmIsFirst && iconVisible,\n            },\n          )}\n          style={styles}\n          onClick={stopPropagation}\n        />\n      );\n    }\n    return null;\n  };\n\n  // 使用 斜八角动画\n  const labelRef = useRef();\n  useRipple(labelRef);\n\n  const renderLabel = () => {\n    const emptyView = '暂无数据';\n    let labelText: string | ReactNode = '';\n    if (label instanceof Function) {\n      labelText = label(node.getModel()) || emptyView;\n    } else {\n      labelText = node.label || emptyView;\n    }\n\n    const labelClasses = classNames(treeClassNames.treeLabel, treeClassNames.treeLabelStrictly, {\n      [treeClassNames.actived]: node.isActivable() ? node.actived : false,\n    });\n\n    if (node.isCheckable()) {\n      return (\n        <Checkbox\n          ref={labelRef}\n          // value={node.value}\n          checked={node.checked}\n          indeterminate={node.indeterminate}\n          disabled={node.isDisabled()}\n          name={String(node.value)}\n          onChange={() => onChange(node)}\n          className={labelClasses}\n          {...checkProps}\n        >\n          <span date-target=\"label\">{labelText}</span>\n        </Checkbox>\n      );\n    }\n    return (\n      <span ref={labelRef} date-target=\"label\" className={labelClasses}>\n        <span style={{ position: 'relative' }}>{labelText}</span>\n      </span>\n    );\n  };\n\n  const renderOperations = () => {\n    let operationsView = null;\n    if (operations) {\n      // ReactNode 类型处理\n      if (React.isValidElement(operations)) {\n        operationsView = operations;\n      } else if (operations instanceof Function) {\n        // Function 类型处理\n        const treeNodeModel = node?.getModel();\n        operationsView = operations(treeNodeModel);\n      } else {\n        // 非 ReactNode、Function 类型，抛出错误提示\n        throw new Error('invalid type of operations');\n      }\n    }\n\n    if (operationsView) {\n      return (\n        <span className={treeClassNames.treeOperations} date-target=\"operations\">\n          {operationsView}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  // ？？这里写两个属性，ts 就不会报错了\n  const styles = {\n    '--level': level,\n    boxShadow: '',\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-value={node.value}\n      data-level={level}\n      className={classNames(treeClassNames.treeNode, {\n        [treeClassNames.treeNodeOpen]: node.expanded,\n        [treeClassNames.actived]: node.isActivable() ? node.actived : false,\n        [treeClassNames.disabled]: node.isDisabled(),\n      })}\n      style={styles}\n      onClick={handleClick}\n    >\n      {renderLine()}\n      {renderIcon()}\n      {renderLabel()}\n      {renderOperations()}\n    </div>\n  );\n});\n\nTreeItem.displayName = 'TreeItem';\n\nexport default TreeItem;\n"],"names":["TreeItem","forwardRef","props","ref","node","icon","label","line","expandOnClickNode","activable","checkProps","operations","onClick","onChange","level","useTreeConfig","treeClassNames","handleClick","evt","event","expand","active","handleItemClick","loading","handleIconClick","stopPropagation","e","renderIcon","isDefaultIcon","renderIconNode","Function","getModel","React","isValidElement","Error","isLeaf","expanded","Loading","CaretRightSmallIcon","className","treeIconRight","iconNode","classNames","treeIcon","folderIcon","treeIconDefault","renderLine","iconVisible","parent","tree","shadowStyles","parents","getParents","pop","forEach","pnode","index","vmIsLast","push","styles2","boxShadow","join","lineIsLeaf","vmIsLeaf","lineIsFirst","vmIsFirst","style","labelRef","useRef","renderLabel","emptyView","labelText","labelClasses","treeLabel","treeLabelStrictly","actived","isActivable","isCheckable","Checkbox","checked","indeterminate","disabled","isDisabled","name","String","value","position","renderOperations","operationsView","treeNodeModel","treeOperations","styles","treeNode","treeNodeOpen","displayName"],"mappings":"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"}
+{"version":3,"file":"TreeItem.js","sources":["../../src/tree/TreeItem.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent, ReactNode, useRef } from 'react';\nimport classNames from 'classnames';\nimport { CaretRightSmallIcon } from 'tdesign-icons-react';\nimport Loading from '../loading';\nimport useRipple from '../_util/useRipple';\nimport TreeNode from '../_common/js/tree/tree-node';\nimport Checkbox from '../checkbox';\nimport { useTreeConfig } from './useTreeConfig';\nimport { TreeItemProps } from './interface';\n\n/**\n * 树节点组件\n */\nconst TreeItem = forwardRef((props: TreeItemProps, ref: React.Ref<HTMLDivElement>) => {\n  const { node, icon, label, line, expandOnClickNode, activable, checkProps, operations, onClick, onChange } = props;\n  const { level } = node;\n\n  const { treeClassNames } = useTreeConfig();\n\n  const handleClick = (evt: MouseEvent<HTMLDivElement>) => {\n    onClick?.(node, {\n      event: evt,\n      expand: expandOnClickNode,\n      active: activable,\n    });\n  };\n\n  const handleItemClick = (evt: MouseEvent<HTMLDivElement>) => {\n    if (node.loading) {\n      return;\n    }\n    onClick?.(node, {\n      event: evt,\n      expand: true,\n      active: false,\n    });\n  };\n\n  const handleIconClick = (evt: MouseEvent<HTMLDivElement>) => {\n    evt.stopPropagation();\n    handleItemClick(evt);\n  };\n\n  const stopPropagation = (e: MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  /* ======== render ======= */\n  const renderIcon = () => {\n    // 这里按 vue 的逻辑定义\n    let isDefaultIcon = false;\n    const renderIconNode = () => {\n      if (icon === false) {\n        return null;\n      }\n      if (icon instanceof Function) {\n        return icon(node.getModel());\n      }\n      if (React.isValidElement(icon)) {\n        return icon;\n      }\n      if (icon && icon !== true) {\n        // 非 ReactNode、Function、Boolean 类型，抛出错误提示\n        throw new Error('invalid type of icon');\n      }\n\n      if (!node.isLeaf()) {\n        isDefaultIcon = true;\n        if (node.loading && node.expanded) {\n          return <Loading loading={true} />;\n        }\n\n        return <CaretRightSmallIcon className={treeClassNames.treeIconRight} />;\n      }\n      return null;\n    };\n\n    const iconNode = renderIconNode();\n    return (\n      <span\n        className={classNames(treeClassNames.treeIcon, treeClassNames.folderIcon, {\n          [treeClassNames.treeIconDefault]: isDefaultIcon,\n        })}\n        onClick={handleIconClick}\n      >\n        {iconNode}\n      </span>\n    );\n  };\n\n  const renderLine = () => {\n    const iconVisible = icon !== false;\n\n    if (line === false) {\n      return null;\n    }\n\n    if (line instanceof Function) {\n      return line(node.getModel());\n    }\n\n    if (React.isValidElement(line)) {\n      return line;\n    }\n\n    if (node.parent && node.tree) {\n      // 如果节点的父节点，不是最后的节点\n      // 则需要绘制节点延长线\n      const shadowStyles: string[] = [];\n      const parents = node.getParents();\n      parents.pop();\n      parents.forEach((pnode: TreeNode, index: number) => {\n        if (!pnode.vmIsLast) {\n          shadowStyles.push(`calc(-${index + 1} * var(--space)) 0 var(--color)`);\n        }\n      });\n\n      const styles = {\n        '--level': level,\n        boxShadow: shadowStyles.join(','),\n      };\n\n      return (\n        <span\n          className={classNames(\n            // 每个节点绘制抵达上一层级的折线\n            treeClassNames.line,\n            {\n              // 叶子节点，折线宽度延长，因为没有 icon 呈现\n              // 任意节点，icon 不呈现时也是要延长折线宽度\n              [treeClassNames.lineIsLeaf]: node.vmIsLeaf || !iconVisible,\n              // 分支首节点，到上一节点的折线高度要缩短，让位给 icon 呈现\n              // 如果 icon 隐藏了，则不必缩短折线高度\n              [treeClassNames.lineIsFirst]: node.vmIsFirst && iconVisible,\n            },\n          )}\n          style={styles}\n          onClick={stopPropagation}\n        />\n      );\n    }\n    return null;\n  };\n\n  // 使用 斜八角动画\n  const labelRef = useRef();\n  useRipple(labelRef);\n\n  const renderLabel = () => {\n    const emptyView = '暂无数据';\n    let labelText: string | ReactNode = '';\n    if (label instanceof Function) {\n      labelText = label(node.getModel()) || emptyView;\n    } else {\n      labelText = node.label || emptyView;\n    }\n\n    const labelClasses = classNames(treeClassNames.treeLabel, treeClassNames.treeLabelStrictly, {\n      [treeClassNames.actived]: node.isActivable() ? node.actived : false,\n    });\n\n    if (node.isCheckable()) {\n      return (\n        <Checkbox\n          ref={labelRef}\n          // value={node.value}\n          checked={node.checked}\n          indeterminate={node.indeterminate}\n          disabled={node.isDisabled()}\n          name={String(node.value)}\n          onChange={() => onChange(node)}\n          className={labelClasses}\n          {...checkProps}\n        >\n          <span date-target=\"label\">{labelText}</span>\n        </Checkbox>\n      );\n    }\n    return (\n      <span ref={labelRef} date-target=\"label\" className={labelClasses}>\n        <span style={{ position: 'relative' }}>{labelText}</span>\n      </span>\n    );\n  };\n\n  const renderOperations = () => {\n    let operationsView = null;\n    if (operations) {\n      // ReactNode 类型处理\n      if (React.isValidElement(operations)) {\n        operationsView = operations;\n      } else if (operations instanceof Function) {\n        // Function 类型处理\n        const treeNodeModel = node?.getModel();\n        operationsView = operations(treeNodeModel);\n      } else {\n        // 非 ReactNode、Function 类型，抛出错误提示\n        throw new Error('invalid type of operations');\n      }\n    }\n\n    if (operationsView) {\n      return (\n        <span className={treeClassNames.treeOperations} date-target=\"operations\">\n          {operationsView}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  // ？？这里写两个属性，ts 就不会报错了\n  const styles = {\n    '--level': level,\n    boxShadow: '',\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-value={node.value}\n      data-level={level}\n      className={classNames(treeClassNames.treeNode, {\n        [treeClassNames.treeNodeOpen]: node.expanded,\n        [treeClassNames.actived]: node.isActivable() ? node.actived : false,\n        [treeClassNames.disabled]: node.isDisabled(),\n      })}\n      style={styles}\n      onClick={handleClick}\n    >\n      {renderLine()}\n      {renderIcon()}\n      {renderLabel()}\n      {renderOperations()}\n    </div>\n  );\n});\n\nTreeItem.displayName = 'TreeItem';\n\nexport default TreeItem;\n"],"names":["TreeItem","forwardRef","props","ref","node","icon","label","line","expandOnClickNode","activable","checkProps","operations","onClick","onChange","level","useTreeConfig","treeClassNames","handleClick","evt","event","expand","active","handleItemClick","loading","handleIconClick","stopPropagation","e","renderIcon","isDefaultIcon","renderIconNode","Function","getModel","React","isValidElement","Error","isLeaf","expanded","Loading","CaretRightSmallIcon","className","treeIconRight","iconNode","classNames","treeIcon","folderIcon","treeIconDefault","renderLine","iconVisible","parent","tree","shadowStyles","parents","getParents","pop","forEach","pnode","index","vmIsLast","push","styles2","boxShadow","join","lineIsLeaf","vmIsLeaf","lineIsFirst","vmIsFirst","style","labelRef","useRef","renderLabel","emptyView","labelText","labelClasses","treeLabel","treeLabelStrictly","actived","isActivable","isCheckable","Checkbox","checked","indeterminate","disabled","isDisabled","name","String","value","position","renderOperations","operationsView","treeNodeModel","treeOperations","styles","treeNode","treeNodeOpen","displayName"],"mappings":"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"}

package/esm/tree/index.js

@@ -1,21 +1,21 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Tree$1 from './Tree.js';
 import './type.js';
-import '../_chunks/dep-bd2ff6be.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
+import '../_chunks/dep-31796d32.js';
+import '../_chunks/dep-81bda54a.js';
+import '../_chunks/dep-88fe1571.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-252337e0.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/usePersistFn.js';
@@ -28,60 +28,66 @@ import './TreeItem.js';
 import 'tdesign-icons-react';
 import '../loading/index.js';
 import '../loading/loading.js';
-import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-1c77104d.js';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-31240b08.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-bf215a19.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-1cc29dd4.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../checkbox/index.js';
-import '../_chunks/dep-e1db5516.js';
+import '../_chunks/dep-0d85e9bd.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
 import '../_util/helper.js';
-import '../_chunks/dep-3aee7c63.js';
-import '../_chunks/dep-c8d6ce97.js';
-import '../_chunks/dep-c060cbaa.js';
-import '../_chunks/dep-b87b2179.js';
-import '../_chunks/dep-cdfb69ea.js';
-import '../_chunks/dep-a3627124.js';
+import '../_chunks/dep-2814904a.js';
+import '../_chunks/dep-7ed5b2c7.js';
+import '../_chunks/dep-4eebb4d5.js';
+import '../_chunks/dep-67dc9383.js';
+import '../_chunks/dep-5900f2c2.js';
+import '../_chunks/dep-8d22ffec.js';
 import '../checkbox/style/index.js';
 import '../checkbox/type.js';
 import './useStore.js';
-import '../_chunks/dep-00019a7f.js';
-import '../_chunks/dep-52f056ee.js';
-import '../_chunks/dep-dabea1d1.js';
-import '../_chunks/dep-7e18698b.js';
-import '../_chunks/dep-b48a9335.js';
-import '../_chunks/dep-4cfb170f.js';
-import '../_chunks/dep-fbe7c735.js';
-import '../_chunks/dep-5a5d372b.js';
-import '../_chunks/dep-9bd0c578.js';
-import '../_chunks/dep-1e5e4f5d.js';
-import '../_chunks/dep-78a5c5d6.js';
-import '../_chunks/dep-41d15e2c.js';
-import '../_chunks/dep-b0adec50.js';
-import '../_chunks/dep-6942efac.js';
-import '../_chunks/dep-f1425a72.js';
-import '../_chunks/dep-aef14cb6.js';
-import '../_chunks/dep-5c81b722.js';
-import '../_chunks/dep-eed45bfe.js';
-import '../_chunks/dep-e3f19b86.js';
-import '../_chunks/dep-54eb1aab.js';
-import '../_chunks/dep-6d27991d.js';
-import '../_chunks/dep-02952992.js';
-import '../_chunks/dep-81c92e69.js';
+import '../_chunks/dep-8999daef.js';
+import '../_chunks/dep-48be8fe9.js';
+import '../_chunks/dep-3959eba0.js';
+import '../_chunks/dep-27282969.js';
+import '../_chunks/dep-c3526061.js';
+import '../_chunks/dep-7c1ece64.js';
+import '../_chunks/dep-28a3624e.js';
+import '../_chunks/dep-9fc2fb1e.js';
+import '../_chunks/dep-6c5bcf43.js';
+import '../_chunks/dep-6efcb88d.js';
+import '../_chunks/dep-2fa3b127.js';
+import '../_chunks/dep-c0af7833.js';
+import '../_chunks/dep-f2373c31.js';
+import '../_chunks/dep-4ed23d42.js';
+import '../_chunks/dep-08663b7e.js';
+import '../_chunks/dep-838806e1.js';
+import '../_chunks/dep-4efba75e.js';
+import '../_chunks/dep-35a31018.js';
+import '../_chunks/dep-977401dd.js';
+import '../_chunks/dep-71148f32.js';
+import '../_chunks/dep-1efd5697.js';
+import '../_chunks/dep-e23b5ceb.js';
+import '../_chunks/dep-42c4d43f.js';
+import '../_chunks/dep-ff66d271.js';
+import '../_chunks/dep-9025a74a.js';
+import '../_chunks/dep-d2fe6cf0.js';
+import '../_chunks/dep-c569b4f0.js';
 import '../_util/useUpdateEffect.js';
 
 var Tree = Tree$1;

package/esm/tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tree/index.ts"],"sourcesContent":["import _Tree from './Tree';\n\nexport type { TreeProps } from './Tree';\nexport * from './type';\n\nexport const Tree = _Tree;\nexport default Tree;\n"],"names":["Tree","_Tree"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,OAAOC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tree/index.ts"],"sourcesContent":["import _Tree from './Tree';\n\nexport type { TreeProps } from './Tree';\nexport * from './type';\n\nexport const Tree = _Tree;\nexport default Tree;\n"],"names":["Tree","_Tree"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,OAAOC;;;;"}

package/esm/tree/interface.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */