tdesign-react 0.17.0-beta.0 → 0.18.1

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 '../_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\n/**\n * 树组件\n */\nconst Tree = forwardRef((props: TdTreeProps, 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 '../_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 interface TreeProps extends 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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"}

package/esm/tree/TreeItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
 import React__default, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { LoadingIcon, CaretRightSmallIcon } from 'tdesign-icons-react';
@@ -19,18 +19,19 @@ import '../checkbox/Checkbox.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
-import '../_chunks/dep-208842c6.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-79c7181c.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../checkbox/CheckboxGroup.js';
-import '../_chunks/dep-bf742b46.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-cbd5adc9.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-7e897399.js';
 import '../checkbox/style/index.js';
+import '../_type/components/checkbox/index.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; }
 

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, LoadingIcon } from 'tdesign-icons-react';\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 <LoadingIcon className={treeClassNames.loading} />;\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","LoadingIcon","className","CaretRightSmallIcon","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, LoadingIcon } from 'tdesign-icons-react';\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 <LoadingIcon className={treeClassNames.loading} />;\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","LoadingIcon","className","CaretRightSmallIcon","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.d.ts

@@ -1,4 +1,5 @@
-import type { TdTreeProps as TreeProps, TreeNodeValue, TreeNodeModel } from '../_type/components/tree';
-import Tree from './Tree';
-export type { TreeProps, TreeNodeValue, TreeNodeModel };
+/// <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 default Tree;

package/esm/tree/index.js

@@ -1,21 +1,21 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import Tree from './Tree.js';
-export { default } from './Tree.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
+import Tree$1 from './Tree.js';
+import '../_type/components/tree/index.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.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-208842c6.js';
+import '../_chunks/dep-79c7181c.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/usePersistFn.js';
@@ -34,39 +34,44 @@ import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
 import '../checkbox/CheckboxGroup.js';
-import '../_chunks/dep-bf742b46.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-cbd5adc9.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-7e897399.js';
 import '../checkbox/style/index.js';
+import '../_type/components/checkbox/index.js';
 import './useStore.js';
-import '../_chunks/dep-7ff0c58a.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-d420d2e8.js';
-import '../_chunks/dep-18aceb94.js';
-import '../_chunks/dep-9e89d07e.js';
-import '../_chunks/dep-d5cf8459.js';
-import '../_chunks/dep-caea8b6e.js';
-import '../_chunks/dep-77c01d8f.js';
-import '../_chunks/dep-7dd0fd27.js';
-import '../_chunks/dep-00f34490.js';
-import '../_chunks/dep-7c858e55.js';
-import '../_chunks/dep-c4f120c5.js';
-import '../_chunks/dep-074c7dd6.js';
-import '../_chunks/dep-d54a9111.js';
-import '../_chunks/dep-86eac0a0.js';
-import '../_chunks/dep-28102e5b.js';
-import '../_chunks/dep-604c006c.js';
-import '../_chunks/dep-7fc224ab.js';
-import '../_chunks/dep-83594ecc.js';
-import '../_chunks/dep-e2701664.js';
-import '../_chunks/dep-caae6a41.js';
-import '../_chunks/dep-0859ba52.js';
-import '../_chunks/dep-537b0b45.js';
-import '../_chunks/dep-0bd33a33.js';
-import '../_chunks/dep-60bee262.js';
-import '../_chunks/dep-406368fe.js';
+import '../_chunks/dep-cd8b9911.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-0a958aee.js';
+import '../_chunks/dep-ac24e8fd.js';
+import '../_chunks/dep-53a5fcb7.js';
+import '../_chunks/dep-b78554de.js';
+import '../_chunks/dep-c7c70ac0.js';
+import '../_chunks/dep-c4d6268b.js';
+import '../_chunks/dep-9c3437dc.js';
+import '../_chunks/dep-f18dfb6c.js';
+import '../_chunks/dep-4758c2cb.js';
+import '../_chunks/dep-1d2d6811.js';
+import '../_chunks/dep-b5420e42.js';
+import '../_chunks/dep-766ddb96.js';
+import '../_chunks/dep-7fd82250.js';
+import '../_chunks/dep-bbdfa874.js';
+import '../_chunks/dep-40f6ccc8.js';
+import '../_chunks/dep-4adf27fa.js';
+import '../_chunks/dep-99336593.js';
+import '../_chunks/dep-420a010b.js';
+import '../_chunks/dep-0e364f89.js';
+import '../_chunks/dep-222f3011.js';
+import '../_chunks/dep-2fdea8b5.js';
+import '../_chunks/dep-8d2e5702.js';
+import '../_chunks/dep-bc117952.js';
+import '../_chunks/dep-ce96caf9.js';
 import '../_util/useUpdateEffect.js';
+
+var Tree = Tree$1;
+
+export { Tree, Tree as default };
 //# sourceMappingURL=index.js.map

package/esm/tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;"}

package/esm/tree/interface.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/tree/useControllable.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-bd3f1446.js';
+import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
 import useDefault from '../_util/useDefault.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_chunks/dep-d056abc2.js';
 import 'react';
 import '../_util/noop.js';
 

package/esm/tree/useStore.js

@@ -1,45 +1,45 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import { useRef } from 'react';
-import '../_chunks/dep-f10228f2.js';
-import { _ as _ListCache, a as _MapCache } from '../_chunks/dep-7ff0c58a.js';
-import { _ as _Map } from '../_chunks/dep-18aceb94.js';
-import { _ as _assignValue, a as _baseAssignValue } from '../_chunks/dep-7c858e55.js';
-import { i as isArguments_1 } from '../_chunks/dep-074c7dd6.js';
-import { i as isArray_1 } from '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import { i as isBuffer$3, a as isTypedArray_1, _ as _baseKeys, b as _isPrototype, c as _getTag, d as _nodeUtil } from '../_chunks/dep-28102e5b.js';
-import { _ as _isIndex } from '../_chunks/dep-c4f120c5.js';
-import { i as isArrayLike_1 } from '../_chunks/dep-7fc224ab.js';
-import { i as isObject_1 } from '../_chunks/dep-d5cf8459.js';
-import '../_chunks/dep-caea8b6e.js';
-import { a as _root, b as _Symbol$2 } from '../_chunks/dep-fbff26c5.js';
-import { _ as _arrayPush } from '../_chunks/dep-86eac0a0.js';
-import { _ as _getPrototype, a as _SetCache, b as _cacheHas, T as TreeStore } from '../_chunks/dep-83594ecc.js';
-import { i as isObjectLike_1 } from '../_chunks/dep-3146ebd9.js';
-import { _ as _baseUnary } from '../_chunks/dep-604c006c.js';
-import { e as eq_1 } from '../_chunks/dep-7dd0fd27.js';
+import '../_chunks/dep-9052d175.js';
+import { _ as _ListCache, a as _MapCache } from '../_chunks/dep-cd8b9911.js';
+import { _ as _Map } from '../_chunks/dep-ac24e8fd.js';
+import { _ as _assignValue, a as _baseAssignValue } from '../_chunks/dep-4758c2cb.js';
+import { i as isArguments_1 } from '../_chunks/dep-b5420e42.js';
+import { i as isArray_1 } from '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import { i as isBuffer$3, a as isTypedArray_1, _ as _baseKeys, b as _isPrototype, c as _getTag, d as _nodeUtil } from '../_chunks/dep-bbdfa874.js';
+import { _ as _isIndex } from '../_chunks/dep-1d2d6811.js';
+import { i as isArrayLike_1 } from '../_chunks/dep-4adf27fa.js';
+import { i as isObject_1 } from '../_chunks/dep-b78554de.js';
+import '../_chunks/dep-c7c70ac0.js';
+import { a as _root, b as _Symbol$2 } from '../_chunks/dep-2f74dba2.js';
+import { _ as _arrayPush } from '../_chunks/dep-7fd82250.js';
+import { _ as _getPrototype, a as _SetCache, b as _cacheHas, T as TreeStore } from '../_chunks/dep-99336593.js';
+import { i as isObjectLike_1 } from '../_chunks/dep-7e897399.js';
+import { _ as _baseUnary } from '../_chunks/dep-40f6ccc8.js';
+import { e as eq_1 } from '../_chunks/dep-9c3437dc.js';
 import useUpdateEffect from '../_util/useUpdateEffect.js';
 import { usePersistFn } from '../_util/usePersistFn.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-d420d2e8.js';
-import '../_chunks/dep-00f34490.js';
-import '../_chunks/dep-9e89d07e.js';
-import '../_chunks/dep-77c01d8f.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-d54a9111.js';
-import '../_chunks/dep-e2701664.js';
-import '../_chunks/dep-caae6a41.js';
-import '../_chunks/dep-0859ba52.js';
-import '../_chunks/dep-7562bb74.js';
-import '../_chunks/dep-537b0b45.js';
-import '../_chunks/dep-0bd33a33.js';
-import '../_chunks/dep-60bee262.js';
-import '../_chunks/dep-406368fe.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-0a958aee.js';
+import '../_chunks/dep-f18dfb6c.js';
+import '../_chunks/dep-53a5fcb7.js';
+import '../_chunks/dep-c4d6268b.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-766ddb96.js';
+import '../_chunks/dep-420a010b.js';
+import '../_chunks/dep-0e364f89.js';
+import '../_chunks/dep-222f3011.js';
+import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-2fdea8b5.js';
+import '../_chunks/dep-8d2e5702.js';
+import '../_chunks/dep-bc117952.js';
+import '../_chunks/dep-ce96caf9.js';
 
 var ListCache$2 = _ListCache;
 /**

package/esm/tree/useTreeConfig.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/tree-select/TreeSelect.js

@@ -1,20 +1,20 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bd3f1446.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
+import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
 import React__default, { forwardRef, useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
-import { i as isArray_1 } from '../_chunks/dep-2a177d24.js';
-import { i as isEmpty_1 } from '../_chunks/dep-7373cede.js';
-import { i as isString_1 } from '../_chunks/dep-31190e87.js';
-import '../_chunks/dep-f10228f2.js';
-import { _ as _baseGetTag } from '../_chunks/dep-fbff26c5.js';
-import { i as isObjectLike_1 } from '../_chunks/dep-3146ebd9.js';
-import { i as isFunction_1 } from '../_chunks/dep-9e89d07e.js';
+import { i as isArray_1 } from '../_chunks/dep-776ae9a7.js';
+import { i as isEmpty_1 } from '../_chunks/dep-cb44c6cb.js';
+import { i as isString_1 } from '../_chunks/dep-8bc12c0f.js';
+import '../_chunks/dep-9052d175.js';
+import { _ as _baseGetTag } from '../_chunks/dep-2f74dba2.js';
+import { i as isObjectLike_1 } from '../_chunks/dep-7e897399.js';
+import { i as isFunction_1 } from '../_chunks/dep-53a5fcb7.js';
 import { CloseCircleFilledIcon, LoadingIcon } from 'tdesign-icons-react';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
 import useCommonClassName from '../_util/useCommonClassName.js';
@@ -22,26 +22,25 @@ import useConfig from '../_util/useConfig.js';
 import useDefault from '../_util/useDefault.js';
 import { Popup } from '../popup/index.js';
 import { Tag } from '../tag/index.js';
-import '../tree/index.js';
-import { T as TreeStore } from '../_chunks/dep-83594ecc.js';
+import { Tree } from '../tree/index.js';
+import { T as TreeStore } from '../_chunks/dep-99336593.js';
 import FakeArrow from '../common/FakeArrow.js';
 import { Input } from '../input/index.js';
-import Tree from '../tree/Tree.js';
-import '../_chunks/dep-7562bb74.js';
-import '../_chunks/dep-28102e5b.js';
-import '../_chunks/dep-d54a9111.js';
-import '../_chunks/dep-604c006c.js';
-import '../_chunks/dep-18aceb94.js';
-import '../_chunks/dep-77c01d8f.js';
-import '../_chunks/dep-d5cf8459.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-caea8b6e.js';
-import '../_chunks/dep-074c7dd6.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-7fc224ab.js';
+import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-bbdfa874.js';
+import '../_chunks/dep-766ddb96.js';
+import '../_chunks/dep-40f6ccc8.js';
+import '../_chunks/dep-ac24e8fd.js';
+import '../_chunks/dep-c4d6268b.js';
+import '../_chunks/dep-b78554de.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-c7c70ac0.js';
+import '../_chunks/dep-b5420e42.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-4adf27fa.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-208842c6.js';
+import '../_chunks/dep-79c7181c.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/noop.js';
@@ -54,11 +53,14 @@ import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/style/index.js';
+import '../_type/components/popup/index.js';
 import '../tag/Tag.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../tag/CheckTag.js';
 import '../tag/style/index.js';
+import '../_type/components/tag/index.js';
+import '../tree/Tree.js';
 import 'react-transition-group';
 import '../_util/usePersistFn.js';
 import '../tree/useTreeConfig.js';
@@ -70,28 +72,31 @@ import '../checkbox/index.js';
 import '../checkbox/Checkbox.js';
 import '../common/Check.js';
 import '../checkbox/CheckboxGroup.js';
-import '../_chunks/dep-bf742b46.js';
+import '../_chunks/dep-cbd5adc9.js';
 import '../checkbox/style/index.js';
+import '../_type/components/checkbox/index.js';
 import '../tree/useStore.js';
-import '../_chunks/dep-7ff0c58a.js';
-import '../_chunks/dep-d420d2e8.js';
-import '../_chunks/dep-7dd0fd27.js';
-import '../_chunks/dep-00f34490.js';
-import '../_chunks/dep-7c858e55.js';
-import '../_chunks/dep-c4f120c5.js';
-import '../_chunks/dep-86eac0a0.js';
+import '../_chunks/dep-cd8b9911.js';
+import '../_chunks/dep-0a958aee.js';
+import '../_chunks/dep-9c3437dc.js';
+import '../_chunks/dep-f18dfb6c.js';
+import '../_chunks/dep-4758c2cb.js';
+import '../_chunks/dep-1d2d6811.js';
+import '../_chunks/dep-7fd82250.js';
 import '../_util/useUpdateEffect.js';
-import '../_chunks/dep-e2701664.js';
-import '../_chunks/dep-caae6a41.js';
-import '../_chunks/dep-0859ba52.js';
-import '../_chunks/dep-537b0b45.js';
-import '../_chunks/dep-0bd33a33.js';
-import '../_chunks/dep-60bee262.js';
-import '../_chunks/dep-406368fe.js';
+import '../_chunks/dep-420a010b.js';
+import '../_chunks/dep-0e364f89.js';
+import '../_chunks/dep-222f3011.js';
+import '../_chunks/dep-2fdea8b5.js';
+import '../_chunks/dep-8d2e5702.js';
+import '../_chunks/dep-bc117952.js';
+import '../_chunks/dep-ce96caf9.js';
+import '../_type/components/tree/index.js';
 import '../input/Input.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../input/style/index.js';
+import '../_type/components/input/index.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;
@@ -376,10 +381,10 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
         var nodeValue = valueType === "object" ? value3.value : value3;
         var node = ((_treeRef$current2 = treeRef.current) === null || _treeRef$current2 === void 0 ? void 0 : _treeRef$current2.getItem(nodeValue)) || defaultGetTreeItem(nodeValue);
-        return {
+        return node ? {
           label: node.data[realLabel],
           value: node.data[realValue]
-        };
+        } : {};
       }));
     } else {
       setNodeInfo(null);