tdesign-react 0.18.2 → 0.19.0

package/cjs/tree/Tree.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
-var slicedToArray = require('../_chunks/dep-7555b3cd.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var slicedToArray = require('../_chunks/dep-40a2cedf.js');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var classNames = require('classnames');
@@ -19,7 +19,7 @@ var tree_useTreeConfig = require('./useTreeConfig.js');
 var tree_useControllable = require('./useControllable.js');
 var tree_TreeItem = require('./TreeItem.js');
 var tree_useStore = require('./useStore.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/useConfig.js');
@@ -31,47 +31,49 @@ require('../loading/loading.js');
 require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-d0bc53f1.js');
-require('../_chunks/dep-2bf84a94.js');
-require('../_chunks/dep-d2731646.js');
-require('../_chunks/dep-3e8d1212.js');
-require('../_chunks/dep-39714d3a.js');
+require('../_chunks/dep-3df5c5b3.js');
+require('../_chunks/dep-a67a7b7d.js');
+require('../_chunks/dep-abac90a1.js');
+require('../_chunks/dep-7d18dcc4.js');
+require('../_chunks/dep-bbf1db9b.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
-require('../_chunks/dep-7a3bfc35.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../checkbox/index.js');
-require('../_chunks/dep-8fc609bb.js');
+require('../_chunks/dep-565ea508.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../_chunks/dep-76f334ae.js');
+require('../_chunks/dep-3d292398.js');
 require('../_util/helper.js');
-require('../_chunks/dep-90dd4b65.js');
-require('../_chunks/dep-6c7c7494.js');
-require('../_chunks/dep-4ad44dd8.js');
-require('../_chunks/dep-21a4ea13.js');
-require('../_chunks/dep-d527c393.js');
-require('../_chunks/dep-5ba782c6.js');
-require('../_chunks/dep-d3f303fd.js');
-require('../_chunks/dep-213765c2.js');
-require('../_chunks/dep-45c93631.js');
-require('../_chunks/dep-d3e9cd11.js');
-require('../_chunks/dep-7649e4c5.js');
-require('../_chunks/dep-ec553228.js');
-require('../_chunks/dep-78fa7073.js');
-require('../_chunks/dep-bfe5e12b.js');
-require('../_chunks/dep-cfa0c25c.js');
-require('../_chunks/dep-1d87ce38.js');
-require('../_chunks/dep-c66ba301.js');
-require('../_chunks/dep-dedf3e86.js');
-require('../_chunks/dep-cd4964a2.js');
-require('../_chunks/dep-4a7d4d19.js');
-require('../_chunks/dep-acdae713.js');
-require('../_chunks/dep-4eb371ce.js');
-require('../_chunks/dep-26d8057f.js');
-require('../_chunks/dep-95812a03.js');
+require('../_chunks/dep-e02361d3.js');
+require('../_chunks/dep-123db6f2.js');
+require('../_chunks/dep-857a0a77.js');
+require('../_chunks/dep-077799eb.js');
+require('../_chunks/dep-d8e0635d.js');
+require('../_chunks/dep-734fb7d2.js');
+require('../_chunks/dep-56da0f72.js');
+require('../_chunks/dep-b7472311.js');
+require('../_chunks/dep-a3eb13e7.js');
+require('../_chunks/dep-79f85966.js');
+require('../_chunks/dep-cf31b2b3.js');
+require('../_chunks/dep-105f015c.js');
+require('../_chunks/dep-cba23ce0.js');
+require('../_chunks/dep-001c9c2f.js');
+require('../_chunks/dep-64a234c7.js');
+require('../_chunks/dep-4662ee8b.js');
+require('../_chunks/dep-ab1a9f53.js');
+require('../_chunks/dep-7f0d9b78.js');
+require('../_chunks/dep-de1454af.js');
+require('../_chunks/dep-753d11ad.js');
+require('../_chunks/dep-0ad6381b.js');
+require('../_chunks/dep-70d71bfa.js');
+require('../_chunks/dep-e2b00dfe.js');
+require('../_chunks/dep-7c5c4bf2.js');
+require('../_chunks/dep-90f7aaf9.js');
+require('../_chunks/dep-24c744c5.js');
+require('../_chunks/dep-b8275f56.js');
 require('../_util/useUpdateEffect.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -138,12 +140,13 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
     setVisibleNodes(newVisibleNodes);
   });
-  var setExpanded = _util_usePersistFn.usePersistFn(function (node, isExpanded) {
+  var setExpanded = _util_usePersistFn.usePersistFn(function (node, isExpanded, e) {
     var expanded2 = node.setExpanded(isExpanded);
     var treeNodeModel = node === null || node === void 0 ? void 0 : node.getModel();
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(expanded2, {
-      node: treeNodeModel
-    });
+    e && (onExpand === null || onExpand === void 0 ? void 0 : onExpand(expanded2, {
+      node: treeNodeModel,
+      e: e
+    }));
     return expanded2;
   });
   var setActived = _util_usePersistFn.usePersistFn(function (node, isActived) {
@@ -173,7 +176,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
         event = options.event;
 
     if (expand) {
-      setExpanded(node, !node.isExpanded());
+      setExpanded(node, !node.isExpanded(), event);
     }
 
     if (active) {

package/cjs/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 '../_type';\nimport { usePersistFn } from '../_util/usePersistFn';\nimport { TreeInstanceFunctions, TdTreeProps } from '../_type/components/tree';\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) => {\n    const expanded = node.setExpanded(isExpanded);\n    const treeNodeModel = node?.getModel();\n\n    onExpand?.(expanded, {\n      node: treeNodeModel,\n    });\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());\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","expanded2","treeNodeModel","getModel","setActived","isActived","actived2","setChecked","isChecked","checked","handleItemClick","options","expand","active","event","e","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/cjs/tree/TreeItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
@@ -17,37 +17,36 @@ var _util_useRipple = require('../_util/useRipple.js');
 var checkbox_index = require('../checkbox/index.js');
 var tree_useTreeConfig = require('./useTreeConfig.js');
 require('../loading/loading.js');
-require('../_chunks/dep-7555b3cd.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-40a2cedf.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-d0bc53f1.js');
-require('../_chunks/dep-2bf84a94.js');
-require('../_chunks/dep-d2731646.js');
-require('../_chunks/dep-3e8d1212.js');
-require('../_chunks/dep-39714d3a.js');
+require('../_chunks/dep-3df5c5b3.js');
+require('../_chunks/dep-a67a7b7d.js');
+require('../_chunks/dep-abac90a1.js');
+require('../_chunks/dep-7d18dcc4.js');
+require('../_chunks/dep-bbf1db9b.js');
 require('../_util/easing.js');
 require('../_util/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../common/Portal.js');
-require('../_chunks/dep-7a3bfc35.js');
 require('../_util/setStyle.js');
-require('../_chunks/dep-8fc609bb.js');
+require('../_chunks/dep-565ea508.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../_chunks/dep-76f334ae.js');
+require('../_chunks/dep-3d292398.js');
 require('../_util/helper.js');
-require('../_chunks/dep-90dd4b65.js');
-require('../_chunks/dep-6c7c7494.js');
-require('../_chunks/dep-4ad44dd8.js');
-require('../_chunks/dep-21a4ea13.js');
-require('../_chunks/dep-d527c393.js');
+require('../_chunks/dep-e02361d3.js');
+require('../_chunks/dep-123db6f2.js');
+require('../_chunks/dep-857a0a77.js');
+require('../_chunks/dep-077799eb.js');
+require('../_chunks/dep-d8e0635d.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
-require('../_chunks/dep-5ba782c6.js');
+require('../_chunks/dep-734fb7d2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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/cjs/tree/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export type { TreeProps } from './Tree';
-export * from '../_type/components/tree';
-export declare const Tree: import("react").ForwardRefExoticComponent<import("./Tree").TreeProps & import("react").RefAttributes<import("../_type/components/tree").TreeInstanceFunctions<import("../_type").TreeOptionData>>>;
+export * from './type';
+export declare const Tree: import("react").ForwardRefExoticComponent<import("./Tree").TreeProps & import("react").RefAttributes<import("./type").TreeInstanceFunctions<import("../common").TreeOptionData>>>;
 export default Tree;

package/cjs/tree/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,9 +9,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tree_Tree = require('./Tree.js');
-require('../_chunks/dep-3690810b.js');
-require('../_chunks/dep-7555b3cd.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-4c7f195b.js');
+require('../_chunks/dep-40a2cedf.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('react');
 require('react-transition-group');
 require('classnames');
@@ -31,48 +31,50 @@ require('../loading/loading.js');
 require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-d0bc53f1.js');
-require('../_chunks/dep-2bf84a94.js');
-require('../_chunks/dep-d2731646.js');
-require('../_chunks/dep-3e8d1212.js');
-require('../_chunks/dep-39714d3a.js');
+require('../_chunks/dep-3df5c5b3.js');
+require('../_chunks/dep-a67a7b7d.js');
+require('../_chunks/dep-abac90a1.js');
+require('../_chunks/dep-7d18dcc4.js');
+require('../_chunks/dep-bbf1db9b.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
-require('../_chunks/dep-7a3bfc35.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../checkbox/index.js');
-require('../_chunks/dep-8fc609bb.js');
+require('../_chunks/dep-565ea508.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../_chunks/dep-76f334ae.js');
+require('../_chunks/dep-3d292398.js');
 require('../_util/helper.js');
-require('../_chunks/dep-90dd4b65.js');
-require('../_chunks/dep-6c7c7494.js');
-require('../_chunks/dep-4ad44dd8.js');
-require('../_chunks/dep-21a4ea13.js');
-require('../_chunks/dep-d527c393.js');
-require('../_chunks/dep-5ba782c6.js');
+require('../_chunks/dep-e02361d3.js');
+require('../_chunks/dep-123db6f2.js');
+require('../_chunks/dep-857a0a77.js');
+require('../_chunks/dep-077799eb.js');
+require('../_chunks/dep-d8e0635d.js');
+require('../_chunks/dep-734fb7d2.js');
 require('./useStore.js');
-require('../_chunks/dep-d3f303fd.js');
-require('../_chunks/dep-213765c2.js');
-require('../_chunks/dep-45c93631.js');
-require('../_chunks/dep-d3e9cd11.js');
-require('../_chunks/dep-7649e4c5.js');
-require('../_chunks/dep-ec553228.js');
-require('../_chunks/dep-78fa7073.js');
-require('../_chunks/dep-bfe5e12b.js');
-require('../_chunks/dep-cfa0c25c.js');
-require('../_chunks/dep-1d87ce38.js');
-require('../_chunks/dep-c66ba301.js');
-require('../_chunks/dep-dedf3e86.js');
-require('../_chunks/dep-cd4964a2.js');
-require('../_chunks/dep-4a7d4d19.js');
-require('../_chunks/dep-acdae713.js');
-require('../_chunks/dep-4eb371ce.js');
-require('../_chunks/dep-26d8057f.js');
-require('../_chunks/dep-95812a03.js');
+require('../_chunks/dep-56da0f72.js');
+require('../_chunks/dep-b7472311.js');
+require('../_chunks/dep-a3eb13e7.js');
+require('../_chunks/dep-79f85966.js');
+require('../_chunks/dep-cf31b2b3.js');
+require('../_chunks/dep-105f015c.js');
+require('../_chunks/dep-cba23ce0.js');
+require('../_chunks/dep-001c9c2f.js');
+require('../_chunks/dep-64a234c7.js');
+require('../_chunks/dep-4662ee8b.js');
+require('../_chunks/dep-ab1a9f53.js');
+require('../_chunks/dep-7f0d9b78.js');
+require('../_chunks/dep-de1454af.js');
+require('../_chunks/dep-753d11ad.js');
+require('../_chunks/dep-0ad6381b.js');
+require('../_chunks/dep-70d71bfa.js');
+require('../_chunks/dep-e2b00dfe.js');
+require('../_chunks/dep-7c5c4bf2.js');
+require('../_chunks/dep-90f7aaf9.js');
+require('../_chunks/dep-24c744c5.js');
+require('../_chunks/dep-b8275f56.js');
 require('../_util/useUpdateEffect.js');
 
 var Tree = tree_Tree["default"];

package/cjs/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/components/tree';\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/cjs/tree/interface.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent, ReactNode } from 'react';
-import { TNode } from '../_type/common';
+import { TNode } from '../common';
 import TreeNode from '../_common/js/tree/tree-node';
 import { TypeTreeEventState, TypeTreeNodeModel } from '../_common/js/tree/types';
 export interface TypeEventState extends TypeTreeEventState {

package/cjs/tree/interface.js

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