@tiny-design/react 1.0.4

package/es/transition/transition.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { CSSTransitionProps } from "react-transition-group/CSSTransition";
+
+//#region src/transition/transition.d.ts
+type AnimationName = 'zoom-center-top' | 'zoom-center-bottom' | 'zoom-center-left' | 'zoom-center-right' | 'zoom-top-start' | 'zoom-top' | 'zoom-top-end' | 'zoom-bottom-start' | 'zoom-bottom' | 'zoom-bottom-end' | 'zoom-left-start' | 'zoom-left' | 'zoom-left-end' | 'zoom-right-start' | 'zoom-right' | 'zoom-right-end' | 'slide-up' | 'slide-down';
+type TransitionProps = {
+  /** Animation prefix */prefix?: string; /** Preset animation name */
+  animation?: AnimationName; /** Prevent the transition conflict with the inner component */
+  wrapper?: boolean;
+  children?: React.ReactNode;
+} & Partial<CSSTransitionProps<HTMLElement>>;
+declare const Transition: {
+  (props: TransitionProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { AnimationName, Transition, TransitionProps };
+//# sourceMappingURL=transition.d.ts.map

package/es/transition/transition.js

@@ -0,0 +1,21 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { CSSTransition } from "react-transition-group";
+//#region src/transition/transition.tsx
+const Transition = (props) => {
+	const { timeout = 300, unmountOnExit = true, appear = true, prefix = "ty", animation, classNames, nodeRef, children, wrapper, ...otherProps } = props;
+	return /* @__PURE__ */ jsx(CSSTransition, {
+		...otherProps,
+		timeout,
+		appear,
+		unmountOnExit,
+		nodeRef,
+		classNames: classNames ? classNames : `${prefix}-${animation}`,
+		children: wrapper ? /* @__PURE__ */ jsx("div", { children }) : children
+	});
+};
+Transition.displayName = "Transition";
+//#endregion
+export { Transition as default };
+
+//# sourceMappingURL=transition.js.map

package/es/transition/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","names":[],"sources":["../../src/transition/transition.tsx"],"sourcesContent":["import React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { CSSTransitionProps } from 'react-transition-group/CSSTransition';\n\nexport type AnimationName =\n  | 'zoom-center-top'\n  | 'zoom-center-bottom'\n  | 'zoom-center-left'\n  | 'zoom-center-right'\n  | 'zoom-top-start'\n  | 'zoom-top'\n  | 'zoom-top-end'\n  | 'zoom-bottom-start'\n  | 'zoom-bottom'\n  | 'zoom-bottom-end'\n  | 'zoom-left-start'\n  | 'zoom-left'\n  | 'zoom-left-end'\n  | 'zoom-right-start'\n  | 'zoom-right'\n  | 'zoom-right-end'\n  | 'slide-up'\n  | 'slide-down';\n\nexport type TransitionProps = {\n  /** Animation prefix */\n  prefix?: string;\n\n  /** Preset animation name */\n  animation?: AnimationName;\n\n  /** Prevent the transition conflict with the inner component */\n  wrapper?: boolean;\n  children?: React.ReactNode;\n} & Partial<CSSTransitionProps<HTMLElement>>;\n\nconst Transition = (props: TransitionProps): React.ReactElement => {\n  const {\n    timeout = 300,\n    unmountOnExit = true,\n    appear = true,\n    prefix = 'ty',\n    animation,\n    classNames,\n    nodeRef,\n    children,\n    wrapper,\n    ...otherProps\n  } = props;\n\n  return (\n    <CSSTransition\n      {...(otherProps as CSSTransitionProps<HTMLElement>)}\n      timeout={timeout}\n      appear={appear}\n      unmountOnExit={unmountOnExit}\n      nodeRef={nodeRef}\n      classNames={classNames ? classNames : `${prefix}-${animation}`}>\n      {wrapper ? <div>{children}</div> : (children as React.ReactElement)}\n    </CSSTransition>\n  );\n};\n\nTransition.displayName = 'Transition';\n\nexport default Transition;\n"],"mappings":";;;;AAoCA,MAAM,cAAc,UAA+C;CACjE,MAAM,EACJ,UAAU,KACV,gBAAgB,MAChB,SAAS,MACT,SAAS,MACT,WACA,YACA,SACA,UACA,SACA,GAAG,eACD;AAEJ,QACE,oBAAC,eAAD;EACE,GAAK;EACI;EACD;EACO;EACN;EACT,YAAY,aAAa,aAAa,GAAG,OAAO,GAAG;YAClD,UAAU,oBAAC,OAAD,EAAM,UAAe,CAAA,GAAI;EACtB,CAAA;;AAIpB,WAAW,cAAc"}

package/es/tree/index.d.ts

@@ -0,0 +1 @@
+import { Tree } from "./tree.js";

package/es/tree/index.js

@@ -0,0 +1,11 @@
+import '../style/base.css';
+import './style/index.css';
+import '../collapse-transition/style/index.css';
+import '../checkbox/style/index.css';
+import Tree from "./tree.js";
+//#region src/tree/index.tsx
+var tree_default = Tree;
+//#endregion
+export { tree_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/tree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tree/index.tsx"],"sourcesContent":["import Tree from './tree';\n\nexport default Tree;\n"],"mappings":";;AAEA,IAAA,eAAe"}

package/es/tree/style/_index.scss

@@ -0,0 +1,66 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-tree {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: $tree-font-size;
+}
+
+.#{$prefix}-tree-node {
+  margin: 2px 0;
+
+  &__switcher {
+    width: 20px;
+    height: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  &__arrow {
+    color: var(--ty-tree-arrow-color);
+    transform: rotate(-90deg);
+    transition: transform 250ms;
+
+    &_active {
+      transform: rotate(0deg);
+    }
+  }
+
+  &__label {
+    padding: 1px 2px;
+    margin-left: -4px;
+  }
+
+  &__title {
+    cursor: pointer;
+    align-items: center;
+    min-height: 24px;
+    display: inline-flex;
+    transition: background-color 250ms;
+  }
+
+  &__label {
+    flex: 1;
+    transition: background-color 250ms;
+
+    &:hover {
+      background-color: var(--ty-tree-hover-bg);
+    }
+  }
+
+  .#{$prefix}-checkbox {
+    margin-right: 0;
+  }
+
+  &_block {
+    .#{$prefix}-tree-node__title {
+      display: flex;
+
+      &:hover {
+        background-color: var(--ty-tree-hover-bg);
+      }
+    }
+  }
+}

package/es/tree/style/index.css

@@ -0,0 +1,52 @@
+.ty-tree {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 1rem;
+}
+
+.ty-tree-node {
+  margin: 2px 0;
+}
+.ty-tree-node__switcher {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ty-tree-node__arrow {
+  color: var(--ty-tree-arrow-color);
+  transform: rotate(-90deg);
+  transition: transform 250ms;
+}
+.ty-tree-node__arrow_active {
+  transform: rotate(0deg);
+}
+.ty-tree-node__label {
+  padding: 1px 2px;
+  margin-left: -4px;
+}
+.ty-tree-node__title {
+  cursor: pointer;
+  align-items: center;
+  min-height: 24px;
+  display: inline-flex;
+  transition: background-color 250ms;
+}
+.ty-tree-node__label {
+  flex: 1;
+  transition: background-color 250ms;
+}
+.ty-tree-node__label:hover {
+  background-color: var(--ty-tree-hover-bg);
+}
+.ty-tree-node .ty-checkbox {
+  margin-right: 0;
+}
+.ty-tree-node_block .ty-tree-node__title {
+  display: flex;
+}
+.ty-tree-node_block .ty-tree-node__title:hover {
+  background-color: var(--ty-tree-hover-bg);
+}

package/es/tree/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/tree/style/index.js

@@ -0,0 +1,3 @@
+import "./index.css";
+import "../../collapse-transition/style/index.css";
+import "../../checkbox/style/index.css";

package/es/tree/tree-instance.js

@@ -0,0 +1,108 @@
+//#region src/tree/tree-instance.ts
+var TreeInstance = class {
+	constructor(data, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll) {
+		this.treeNodes = this.handleTreeNode(data, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll, "");
+	}
+	handleTreeNode(data, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll, parentKey) {
+		return data.map((item, idx) => {
+			const { key, title, children, disableCheckbox, disabled, ...otherProps } = item;
+			const uniqueKey = parentKey ? parentKey + `-${idx}` : `${idx}`;
+			const node = {
+				...otherProps,
+				key,
+				uniqueKey,
+				title: title || "---",
+				disabled: disabled || false,
+				disableCheckbox: disableCheckbox || false,
+				checked: key ? defaultCheckedKeys.includes(key) : false,
+				indeterminate: false,
+				expanded: defaultExpandAll || (key ? defaultExpandedKeys.includes(key) : false),
+				parentKey
+			};
+			if (children) {
+				node.children = this.handleTreeNode(children, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll, uniqueKey);
+				const indeterminate = this.isIndeterminate(node);
+				return {
+					...node,
+					indeterminate
+				};
+			}
+			return node;
+		});
+	}
+	get nodes() {
+		return this.treeNodes;
+	}
+	getNodeByUniqueKey(uniqueKey) {
+		const keys = uniqueKey.split("-").map((item) => parseInt(item));
+		let curr = this.treeNodes;
+		let target = void 0;
+		for (const key of keys) if (curr) {
+			target = curr[key];
+			curr = target?.children;
+		}
+		return target;
+	}
+	isIndeterminate(node) {
+		if (node.children) {
+			if (node.children.some((n) => n.indeterminate)) return true;
+			const numOfChecked = node.children.filter((n) => n.checked).length;
+			return numOfChecked > 0 && numOfChecked < node.children.length;
+		}
+		return false;
+	}
+	checkChildren(children, isChecked) {
+		children.forEach((child) => {
+			if (child.disabled) return;
+			child.checked = isChecked;
+			child.indeterminate = this.isIndeterminate(child);
+			if (child.children) this.checkChildren(child.children, isChecked);
+		});
+	}
+	checkParent(node) {
+		if (node.disabled) return;
+		const children = node.children;
+		node.checked = children.filter((n) => n.checked).length === children.length;
+		node.indeterminate = this.isIndeterminate(node);
+		const parentNode = this.getNodeByUniqueKey(node.parentKey);
+		if (parentNode) this.checkParent(parentNode);
+	}
+	setNodeChecked(uniqueKey, isChecked) {
+		const node = this.getNodeByUniqueKey(uniqueKey);
+		if (node) {
+			node.checked = isChecked;
+			if (node.children) this.checkChildren(node.children, isChecked);
+			node.indeterminate = this.isIndeterminate(node);
+			const parentNode = this.getNodeByUniqueKey(node.parentKey);
+			if (parentNode) this.checkParent(parentNode);
+		}
+	}
+	setNodeExpanded(uniqueKey, isExpanded) {
+		const node = this.getNodeByUniqueKey(uniqueKey);
+		if (node) node.expanded = isExpanded;
+	}
+	/**
+	* Check whether the value of a specific prop is true
+	*/
+	isPropValueTrue(node, prop, list) {
+		const { key, uniqueKey, children } = node;
+		if (node[prop]) list.push(key ? key : uniqueKey);
+		if (children) children.forEach((child) => {
+			this.isPropValueTrue(child, prop, list);
+		});
+	}
+	getCheckedKeys() {
+		const keys = [];
+		this.nodes.forEach((node) => this.isPropValueTrue(node, "checked", keys));
+		return keys;
+	}
+	getExpandedKeys() {
+		const keys = [];
+		this.nodes.forEach((node) => this.isPropValueTrue(node, "expanded", keys));
+		return keys;
+	}
+};
+//#endregion
+export { TreeInstance };
+
+//# sourceMappingURL=tree-instance.js.map

package/es/tree/tree-instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-instance.js","names":[],"sources":["../../src/tree/tree-instance.ts"],"sourcesContent":["import React from 'react';\nimport { TreeData } from './types';\n\nexport type Node = {\n  // data source key provided by user\n  key?: string;\n  // unique key managed by TreeInstance. x-x-x\n  uniqueKey: string;\n  title: React.ReactNode;\n  checked: boolean;\n  indeterminate: boolean;\n  expanded: boolean;\n  disabled: boolean;\n  disableCheckbox: boolean;\n  parentKey: string;\n  icon?: (isExpanded: boolean) => React.ReactNode;\n  children?: Node[];\n};\n\nexport class TreeInstance {\n  private readonly treeNodes: Node[];\n\n  constructor(\n    data: TreeData[],\n    defaultCheckedKeys: string[],\n    defaultExpandedKeys: string[],\n    defaultExpandAll: boolean\n  ) {\n    this.treeNodes = this.handleTreeNode(\n      data,\n      defaultCheckedKeys,\n      defaultExpandedKeys,\n      defaultExpandAll,\n      ''\n    );\n  }\n\n  private handleTreeNode(\n    data: TreeData[],\n    defaultCheckedKeys: string[],\n    defaultExpandedKeys: string[],\n    defaultExpandAll: boolean,\n    parentKey: string\n  ): Node[] {\n    return data.map((item, idx) => {\n      const { key, title, children, disableCheckbox, disabled, ...otherProps } = item;\n      const uniqueKey = parentKey ? parentKey + `-${idx}` : `${idx}`;\n      const node: Node = {\n        ...otherProps,\n        key,\n        uniqueKey,\n        title: title || '---',\n        disabled: disabled || false,\n        disableCheckbox: disableCheckbox || false,\n        checked: key ? defaultCheckedKeys.includes(key) : false,\n        indeterminate: false,\n        expanded: defaultExpandAll || (key ? defaultExpandedKeys.includes(key) : false),\n        parentKey,\n      };\n\n      if (children) {\n        node.children = this.handleTreeNode(\n          children,\n          defaultCheckedKeys,\n          defaultExpandedKeys,\n          defaultExpandAll,\n          uniqueKey\n        );\n        const indeterminate = this.isIndeterminate(node);\n        return {\n          ...node,\n          indeterminate,\n        };\n      }\n      return node;\n    });\n  }\n\n  get nodes(): Node[] {\n    return this.treeNodes;\n  }\n\n  getNodeByUniqueKey(uniqueKey: string): Node | undefined {\n    const keys = uniqueKey.split('-').map((item) => parseInt(item));\n\n    let curr: Node[] | undefined = this.treeNodes;\n    let target: Node | undefined = undefined;\n    for (const key of keys) {\n      if (curr) {\n        target = curr[key];\n        curr = target?.children;\n      }\n    }\n\n    return target;\n  }\n\n  isIndeterminate(node: Node): boolean {\n    if (node.children) {\n      if (node.children.some((n) => n.indeterminate)) {\n        return true;\n      }\n      const numOfChecked = node.children.filter((n) => n.checked).length;\n      return numOfChecked > 0 && numOfChecked < node.children.length;\n    }\n    return false;\n  }\n\n  checkChildren(children: Node[], isChecked: boolean): void {\n    children.forEach((child) => {\n      if (child.disabled) {\n        return;\n      }\n\n      child.checked = isChecked;\n      child.indeterminate = this.isIndeterminate(child);\n      if (child.children) {\n        this.checkChildren(child.children, isChecked);\n      }\n    });\n  }\n\n  checkParent(node: Node): void {\n    if (node.disabled) {\n      return;\n    }\n\n    const children = node.children as Node[];\n    const numOfChecked = children.filter((n) => n.checked).length;\n    node.checked = numOfChecked === children.length;\n    node.indeterminate = this.isIndeterminate(node);\n    const parentNode = this.getNodeByUniqueKey(node.parentKey);\n    if (parentNode) {\n      this.checkParent(parentNode);\n    }\n  }\n\n  setNodeChecked(uniqueKey: string, isChecked: boolean): void {\n    const node = this.getNodeByUniqueKey(uniqueKey);\n    if (node) {\n      node.checked = isChecked;\n      // update children node\n      // if children are existing, make them all checked\n      if (node.children) {\n        this.checkChildren(node.children, isChecked);\n      }\n      node.indeterminate = this.isIndeterminate(node);\n      // check parent node\n      // if siblings of current node are all checked, set the parent node checked\n      const parentNode = this.getNodeByUniqueKey(node.parentKey);\n      if (parentNode) {\n        this.checkParent(parentNode);\n      }\n    }\n  }\n\n  setNodeExpanded(uniqueKey: string, isExpanded: boolean): void {\n    const node = this.getNodeByUniqueKey(uniqueKey);\n    if (node) {\n      node.expanded = isExpanded;\n    }\n  }\n\n  /**\n   * Check whether the value of a specific prop is true\n   */\n  private isPropValueTrue(node: Node, prop: string, list: string[]): void {\n    const { key, uniqueKey, children } = node;\n    if ((node as any)[prop]) {\n      list.push(key ? key : uniqueKey);\n    }\n    if (children) {\n      children.forEach((child) => {\n        this.isPropValueTrue(child, prop, list);\n      });\n    }\n  }\n\n  getCheckedKeys(): string[] {\n    const keys: string[] = [];\n    this.nodes.forEach((node) => this.isPropValueTrue(node, 'checked', keys));\n    return keys;\n  }\n\n  getExpandedKeys(): string[] {\n    const keys: string[] = [];\n    this.nodes.forEach((node) => this.isPropValueTrue(node, 'expanded', keys));\n    return keys;\n  }\n}\n"],"mappings":"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"}

package/es/tree/tree-node.js

@@ -0,0 +1,73 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { TreeArrow } from "../_utils/components.js";
+import Checkbox from "../checkbox/checkbox.js";
+import collapse_transition_default from "../collapse-transition/index.js";
+import { createElement, useContext } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/tree/tree-node.tsx
+const TreeNode = (props) => {
+	const { indent, blockNode, level, node, checkable, className, treeClassName, onCheckboxChange, onExpandChange, prefixCls: customisedCls } = props;
+	const prefixCls = getPrefixCls("tree-node", useContext(ConfigContext).prefixCls, customisedCls);
+	const { title, checked, icon, expanded, disableCheckbox, indeterminate } = node;
+	const nodeIcon = icon || props.icon;
+	const disabled = node.disabled || props.disabled;
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_block`]: blockNode,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const switcherOnClick = (e) => {
+		e.stopPropagation();
+		onExpandChange(node.uniqueKey, !expanded, e);
+	};
+	const checkboxOnChange = (e) => {
+		e.stopPropagation();
+		onCheckboxChange(node.uniqueKey, e);
+	};
+	return /* @__PURE__ */ jsxs("li", {
+		className: cls,
+		role: "treeitem",
+		"aria-expanded": node.children ? expanded : void 0,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: `${prefixCls}__title`,
+			style: { paddingLeft: indent * level },
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: `${prefixCls}__switcher`,
+					onClick: switcherOnClick,
+					children: node.children && (nodeIcon ? nodeIcon(expanded) : /* @__PURE__ */ jsx(TreeArrow, { className: classNames(`${prefixCls}__arrow`, { [`${prefixCls}__arrow_active`]: expanded }) }))
+				}),
+				checkable && /* @__PURE__ */ jsx(Checkbox, {
+					checked,
+					indeterminate,
+					onChange: checkboxOnChange,
+					disabled: disabled || disableCheckbox
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: `${prefixCls}__label`,
+					onClick: switcherOnClick,
+					children: title
+				})
+			]
+		}), node.children && /* @__PURE__ */ jsx(collapse_transition_default, {
+			isShow: expanded,
+			children: /* @__PURE__ */ jsx("ul", {
+				className: treeClassName,
+				role: "group",
+				"aria-level": level + 1,
+				children: node.children && node.children.map((node) => /* @__PURE__ */ createElement(TreeNode, {
+					...props,
+					key: node.uniqueKey,
+					node,
+					level: level + 1
+				}))
+			})
+		})]
+	});
+};
+TreeNode.displayName = "TreeNode";
+//#endregion
+export { TreeNode as default };
+
+//# sourceMappingURL=tree-node.js.map

package/es/tree/tree-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.js","names":["CollapseTransition"],"sources":["../../src/tree/tree-node.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { BaseProps } from '../_utils/props';\nimport { TreeArrow } from '../_utils/components';\nimport CollapseTransition from '../collapse-transition';\nimport Checkbox from '../checkbox/checkbox';\nimport { Node } from './tree-instance';\n\ninterface TreeNodeProps extends BaseProps {\n  node: Node;\n  level: number;\n  treeClassName: string;\n  onCheckboxChange: (uniqueKey: string, e: React.ChangeEvent<HTMLInputElement>) => void;\n  onExpandChange: (key: string, isExpanded: boolean, e: React.MouseEvent) => void;\n  // tree props\n  indent: number;\n  blockNode: boolean;\n  checkable: boolean;\n  disabled: boolean;\n  icon?: (isExpanded: boolean) => React.ReactNode;\n}\n\nconst TreeNode = (props: TreeNodeProps): JSX.Element => {\n  const {\n    indent,\n    blockNode,\n    level,\n    node,\n    checkable,\n    className,\n    treeClassName,\n    onCheckboxChange,\n    onExpandChange,\n    prefixCls: customisedCls,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('tree-node', configContext.prefixCls, customisedCls);\n  const { title, checked, icon, expanded, disableCheckbox, indeterminate } = node;\n  const nodeIcon = icon || props.icon;\n  const disabled = node.disabled || props.disabled;\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_block`]: blockNode,\n    [`${prefixCls}_disabled`]: disabled,\n  });\n\n  const switcherOnClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n    e.stopPropagation();\n    onExpandChange(node.uniqueKey, !expanded, e);\n  };\n\n  const checkboxOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    onCheckboxChange(node.uniqueKey, e);\n  };\n\n  return (\n    <li className={cls} role=\"treeitem\" aria-expanded={node.children ? expanded : undefined}>\n      <div className={`${prefixCls}__title`} style={{ paddingLeft: indent * level }}>\n        <span className={`${prefixCls}__switcher`} onClick={switcherOnClick}>\n          {node.children &&\n            (nodeIcon ? (\n              nodeIcon(expanded)\n            ) : (\n              <TreeArrow\n                className={classNames(`${prefixCls}__arrow`, {\n                  [`${prefixCls}__arrow_active`]: expanded,\n                })}\n              />\n            ))}\n        </span>\n        {checkable && (\n          <Checkbox\n            checked={checked}\n            indeterminate={indeterminate}\n            onChange={checkboxOnChange}\n            disabled={disabled || disableCheckbox}\n          />\n        )}\n        <span className={`${prefixCls}__label`} onClick={switcherOnClick}>\n          {title}\n        </span>\n      </div>\n      {node.children && (\n        <CollapseTransition isShow={expanded}>\n          <ul className={treeClassName} role=\"group\" aria-level={level + 1}>\n            {node.children &&\n              node.children.map((node) => (\n                <TreeNode {...props} key={node.uniqueKey} node={node} level={level + 1} />\n              ))}\n          </ul>\n        </CollapseTransition>\n      )}\n    </li>\n  );\n};\n\nTreeNode.displayName = 'TreeNode';\n\nexport default TreeNode;\n"],"mappings":";;;;;;;;;AAwBA,MAAM,YAAY,UAAsC;CACtD,MAAM,EACJ,QACA,WACA,OACA,MACA,WACA,WACA,eACA,kBACA,gBACA,WAAW,kBACT;CAEJ,MAAM,YAAY,aAAa,aADT,WAAW,cAAc,CACW,WAAW,cAAc;CACnF,MAAM,EAAE,OAAO,SAAS,MAAM,UAAU,iBAAiB,kBAAkB;CAC3E,MAAM,WAAW,QAAQ,MAAM;CAC/B,MAAM,WAAW,KAAK,YAAY,MAAM;CACxC,MAAM,MAAM,WAAW,WAAW,WAAW;GAC1C,GAAG,UAAU,UAAU;GACvB,GAAG,UAAU,aAAa;EAC5B,CAAC;CAEF,MAAM,mBAAmB,MAAyC;AAChE,IAAE,iBAAiB;AACnB,iBAAe,KAAK,WAAW,CAAC,UAAU,EAAE;;CAG9C,MAAM,oBAAoB,MAA2C;AACnE,IAAE,iBAAiB;AACnB,mBAAiB,KAAK,WAAW,EAAE;;AAGrC,QACE,qBAAC,MAAD;EAAI,WAAW;EAAK,MAAK;EAAW,iBAAe,KAAK,WAAW,WAAW,KAAA;YAA9E,CACE,qBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAU,OAAO,EAAE,aAAa,SAAS,OAAO;aAA7E;IACE,oBAAC,QAAD;KAAM,WAAW,GAAG,UAAU;KAAa,SAAS;eACjD,KAAK,aACH,WACC,SAAS,SAAS,GAElB,oBAAC,WAAD,EACE,WAAW,WAAW,GAAG,UAAU,UAAU,GAC1C,GAAG,UAAU,kBAAkB,UACjC,CAAC,EACF,CAAA;KAED,CAAA;IACN,aACC,oBAAC,UAAD;KACW;KACM;KACf,UAAU;KACV,UAAU,YAAY;KACtB,CAAA;IAEJ,oBAAC,QAAD;KAAM,WAAW,GAAG,UAAU;KAAU,SAAS;eAC9C;KACI,CAAA;IACH;MACL,KAAK,YACJ,oBAACA,6BAAD;GAAoB,QAAQ;aAC1B,oBAAC,MAAD;IAAI,WAAW;IAAe,MAAK;IAAQ,cAAY,QAAQ;cAC5D,KAAK,YACJ,KAAK,SAAS,KAAK,SACjB,8BAAC,UAAD;KAAU,GAAI;KAAO,KAAK,KAAK;KAAiB;KAAM,OAAO,QAAQ;KAAK,CAAA,CAC1E;IACD,CAAA;GACc,CAAA,CAEpB;;;AAIT,SAAS,cAAc"}

package/es/tree/tree.d.ts

@@ -0,0 +1,8 @@
+import { TreeProps } from "./types.js";
+import React from "react";
+
+//#region src/tree/tree.d.ts
+declare const Tree: React.ForwardRefExoticComponent<Omit<TreeProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { Tree };
+//# sourceMappingURL=tree.d.ts.map

package/es/tree/tree.js

@@ -0,0 +1,50 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { TreeInstance } from "./tree-instance.js";
+import TreeNode from "./tree-node.js";
+import React, { createElement, useContext, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/tree/tree.tsx
+const Tree = React.forwardRef((props, ref) => {
+	const { data = [], defaultCheckedKeys = [], defaultExpandedKeys = [], defaultExpandAll = false, indent = 20, blockNode = true, checkable = false, disabled = false, onCheck, onExpand, className, prefixCls: customisedCls } = props;
+	const cls = classNames(getPrefixCls("tree", useContext(ConfigContext).prefixCls, customisedCls), className);
+	const treeInstance = useRef(new TreeInstance(data, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll));
+	const [treeNodes, setTreeNodes] = useState(treeInstance.current.nodes);
+	const onCheckboxChange = (key, e) => {
+		const tree = treeInstance.current;
+		tree.setNodeChecked(key, e.currentTarget.checked);
+		setTreeNodes([...treeInstance.current.nodes]);
+		onCheck && onCheck(tree.getCheckedKeys(), e);
+	};
+	const onExpandChange = (key, isExpanded, e) => {
+		const tree = treeInstance.current;
+		tree.setNodeExpanded(key, isExpanded);
+		setTreeNodes([...treeInstance.current.nodes]);
+		onExpand && onExpand(tree.getExpandedKeys(), e);
+	};
+	return /* @__PURE__ */ jsx("ul", {
+		className: cls,
+		ref,
+		role: "tree",
+		"aria-level": 0,
+		children: treeNodes.map((item) => /* @__PURE__ */ createElement(TreeNode, {
+			...props,
+			key: item.uniqueKey,
+			node: item,
+			level: 0,
+			indent,
+			blockNode,
+			checkable,
+			disabled,
+			treeClassName: cls,
+			onCheckboxChange,
+			onExpandChange
+		}))
+	});
+});
+Tree.displayName = "Tree";
+//#endregion
+export { Tree as default };
+
+//# sourceMappingURL=tree.js.map

package/es/tree/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","names":[],"sources":["../../src/tree/tree.tsx"],"sourcesContent":["import React, { useContext, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { TreeProps } from './types';\nimport { TreeInstance } from './tree-instance';\nimport TreeNode from './tree-node';\n\nconst Tree = React.forwardRef<HTMLUListElement, TreeProps>(\n  (props: TreeProps, ref): JSX.Element => {\n    const {\n      data = [],\n      defaultCheckedKeys = [],\n      defaultExpandedKeys = [],\n      defaultExpandAll = false,\n      indent = 20,\n      blockNode = true,\n      checkable = false,\n      disabled = false,\n      onCheck,\n      onExpand,\n      className,\n      prefixCls: customisedCls,\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('tree', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const treeInstance = useRef(\n      new TreeInstance(data, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll)\n    );\n    const [treeNodes, setTreeNodes] = useState(treeInstance.current.nodes);\n\n    const onCheckboxChange = (key: string, e: React.ChangeEvent<HTMLInputElement>) => {\n      const tree = treeInstance.current;\n      tree.setNodeChecked(key, e.currentTarget.checked);\n      setTreeNodes([...treeInstance.current.nodes]);\n      onCheck && onCheck(tree.getCheckedKeys(), e);\n    };\n\n    const onExpandChange = (key: string, isExpanded: boolean, e: React.MouseEvent) => {\n      const tree = treeInstance.current;\n      tree.setNodeExpanded(key, isExpanded);\n      setTreeNodes([...treeInstance.current.nodes]);\n      onExpand && onExpand(tree.getExpandedKeys(), e);\n    };\n\n    return (\n      <ul className={cls} ref={ref} role=\"tree\" aria-level={0}>\n        {treeNodes.map((item) => (\n          <TreeNode\n            {...props}\n            key={item.uniqueKey}\n            node={item}\n            level={0}\n            indent={indent}\n            blockNode={blockNode}\n            checkable={checkable}\n            disabled={disabled}\n            treeClassName={cls}\n            onCheckboxChange={onCheckboxChange}\n            onExpandChange={onExpandChange}\n          />\n        ))}\n      </ul>\n    );\n  }\n);\n\nTree.displayName = 'Tree';\n\nexport default Tree;\n"],"mappings":";;;;;;;;AAQA,MAAM,OAAO,MAAM,YAChB,OAAkB,QAAqB;CACtC,MAAM,EACJ,OAAO,EAAE,EACT,qBAAqB,EAAE,EACvB,sBAAsB,EAAE,EACxB,mBAAmB,OACnB,SAAS,IACT,YAAY,MACZ,YAAY,OACZ,WAAW,OACX,SACA,UACA,WACA,WAAW,kBACT;CAGJ,MAAM,MAAM,WADM,aAAa,QADT,WAAW,cAAc,CACM,WAAW,cAAc,EAC5C,UAAU;CAC5C,MAAM,eAAe,OACnB,IAAI,aAAa,MAAM,oBAAoB,qBAAqB,iBAAiB,CAClF;CACD,MAAM,CAAC,WAAW,gBAAgB,SAAS,aAAa,QAAQ,MAAM;CAEtE,MAAM,oBAAoB,KAAa,MAA2C;EAChF,MAAM,OAAO,aAAa;AAC1B,OAAK,eAAe,KAAK,EAAE,cAAc,QAAQ;AACjD,eAAa,CAAC,GAAG,aAAa,QAAQ,MAAM,CAAC;AAC7C,aAAW,QAAQ,KAAK,gBAAgB,EAAE,EAAE;;CAG9C,MAAM,kBAAkB,KAAa,YAAqB,MAAwB;EAChF,MAAM,OAAO,aAAa;AAC1B,OAAK,gBAAgB,KAAK,WAAW;AACrC,eAAa,CAAC,GAAG,aAAa,QAAQ,MAAM,CAAC;AAC7C,cAAY,SAAS,KAAK,iBAAiB,EAAE,EAAE;;AAGjD,QACE,oBAAC,MAAD;EAAI,WAAW;EAAU;EAAK,MAAK;EAAO,cAAY;YACnD,UAAU,KAAK,SACd,8BAAC,UAAD;GACE,GAAI;GACJ,KAAK,KAAK;GACV,MAAM;GACN,OAAO;GACC;GACG;GACA;GACD;GACV,eAAe;GACG;GACF;GAChB,CAAA,CACF;EACC,CAAA;EAGV;AAED,KAAK,cAAc"}

package/es/tree/types.d.ts

@@ -0,0 +1,28 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/tree/types.d.ts
+type TreeData = {
+  key?: string;
+  title?: React.ReactNode;
+  disableCheckbox?: boolean;
+  disabled?: boolean;
+  icon?: (isExpanded: boolean) => React.ReactNode;
+  children?: TreeData[];
+};
+interface TreeProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['ul']>, 'onSelect'> {
+  data?: TreeData[];
+  indent?: number;
+  checkable?: boolean;
+  blockNode?: boolean;
+  disabled?: boolean;
+  defaultCheckedKeys?: string[];
+  defaultExpandedKeys?: string[];
+  defaultExpandAll?: boolean;
+  icon?: (isExpanded: boolean) => React.ReactNode;
+  onCheck?: (checkedKeys: string[], e: React.ChangeEvent) => void;
+  onExpand?: (expandedKeys: string[], e: React.MouseEvent) => void;
+}
+//#endregion
+export { TreeProps };
+//# sourceMappingURL=types.d.ts.map

package/es/typography/heading.d.ts

@@ -0,0 +1,7 @@
+import { HeadingProps } from "./types.js";
+
+//#region src/typography/heading.d.ts
+declare const Heading: (props: HeadingProps) => JSX.Element | null;
+//#endregion
+export { Heading };
+//# sourceMappingURL=heading.d.ts.map

package/es/typography/heading.js

@@ -0,0 +1,31 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/typography/heading.tsx
+const headingGenerator = (htmlType, displayName) => {
+	const Component = React.forwardRef((props, ref) => {
+		const { prefixCls: customisedCls, className, children, ...otherProps } = props;
+		const cls = classNames(getPrefixCls("typography", useContext(ConfigContext).prefixCls, customisedCls), className);
+		return React.createElement(htmlType, {
+			...otherProps,
+			ref,
+			className: cls
+		}, children);
+	});
+	Component.displayName = displayName;
+	return Component;
+};
+const Heading = (props) => {
+	const { level = 1, ...otherProps } = props;
+	if (level < 1 || level > 6) {
+		console.warn("The heading level parameter is invalid.");
+		return null;
+	}
+	return /* @__PURE__ */ jsx(headingGenerator(`h${level}`, `H${level}`), { ...otherProps });
+};
+//#endregion
+export { Heading as default };
+
+//# sourceMappingURL=heading.js.map

package/es/typography/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/typography/heading.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { HeadingProps } from './types';\n\nconst headingGenerator = (htmlType: string, displayName: string) => {\n  const Component = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n    (props: HeadingProps, ref): JSX.Element => {\n      const { prefixCls: customisedCls, className, children, ...otherProps } = props;\n      const configContext = useContext(ConfigContext);\n      const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n      const cls = classNames(prefixCls, className);\n\n      return React.createElement(\n        htmlType,\n        {\n          ...otherProps,\n          ref,\n          className: cls,\n        },\n        children\n      );\n    }\n  );\n\n  Component.displayName = displayName;\n\n  return Component;\n};\n\nconst Heading = (props: HeadingProps): JSX.Element | null => {\n  const { level = 1, ...otherProps } = props;\n  if (level < 1 || level > 6) {\n    console.warn('The heading level parameter is invalid.');\n    return null;\n  }\n  const Component = headingGenerator(`h${level}`, `H${level}`);\n  return <Component {...otherProps} />;\n};\n\nexport default Heading;\n"],"mappings":";;;;;;AAMA,MAAM,oBAAoB,UAAkB,gBAAwB;CAClE,MAAM,YAAY,MAAM,YACrB,OAAqB,QAAqB;EACzC,MAAM,EAAE,WAAW,eAAe,WAAW,UAAU,GAAG,eAAe;EAGzE,MAAM,MAAM,WADM,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,EAClD,UAAU;AAE5C,SAAO,MAAM,cACX,UACA;GACE,GAAG;GACH;GACA,WAAW;GACZ,EACD,SACD;GAEJ;AAED,WAAU,cAAc;AAExB,QAAO;;AAGT,MAAM,WAAW,UAA4C;CAC3D,MAAM,EAAE,QAAQ,GAAG,GAAG,eAAe;AACrC,KAAI,QAAQ,KAAK,QAAQ,GAAG;AAC1B,UAAQ,KAAK,0CAA0C;AACvD,SAAO;;AAGT,QAAO,oBADW,iBAAiB,IAAI,SAAS,IAAI,QAAQ,EACrD,EAAW,GAAI,YAAc,CAAA"}

package/es/typography/index.d.ts

@@ -0,0 +1,15 @@
+import { Heading } from "./heading.js";
+import { Typography } from "./typography.js";
+import { Paragraph } from "./paragraph.js";
+import { Text } from "./text.js";
+
+//#region src/typography/index.d.ts
+type ITypography = typeof Typography & {
+  Heading: typeof Heading;
+  Paragraph: typeof Paragraph;
+  Text: typeof Text;
+};
+declare const DefaultTypo: ITypography;
+//#endregion
+export { DefaultTypo };
+//# sourceMappingURL=index.d.ts.map

package/es/typography/index.js

@@ -0,0 +1,15 @@
+import '../style/base.css';
+import './style/index.css';
+import Heading from "./heading.js";
+import Typography from "./typography.js";
+import Paragraph from "./paragraph.js";
+import Text from "./text.js";
+//#region src/typography/index.tsx
+const DefaultTypo = Typography;
+DefaultTypo.Heading = Heading;
+DefaultTypo.Paragraph = Paragraph;
+DefaultTypo.Text = Text;
+//#endregion
+export { DefaultTypo as default };
+
+//# sourceMappingURL=index.js.map

package/es/typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/typography/index.tsx"],"sourcesContent":["import Heading from './heading';\nimport Typography from './typography';\nimport Paragraph from './paragraph';\nimport Text from './text';\n\ntype ITypography = typeof Typography & {\n  Heading: typeof Heading;\n  Paragraph: typeof Paragraph;\n  Text: typeof Text;\n};\n\nconst DefaultTypo = Typography as ITypography;\nDefaultTypo.Heading = Heading;\nDefaultTypo.Paragraph = Paragraph;\nDefaultTypo.Text = Text;\n\nexport default DefaultTypo;\n"],"mappings":";;;;;AAWA,MAAM,cAAc;AACpB,YAAY,UAAU;AACtB,YAAY,YAAY;AACxB,YAAY,OAAO"}

package/es/typography/paragraph.d.ts

@@ -0,0 +1,8 @@
+import { ParagraphProps } from "./types.js";
+import React from "react";
+
+//#region src/typography/paragraph.d.ts
+declare const Paragraph: React.ForwardRefExoticComponent<Omit<ParagraphProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Paragraph };
+//# sourceMappingURL=paragraph.d.ts.map

package/es/typography/paragraph.js

@@ -0,0 +1,20 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/typography/paragraph.tsx
+const Paragraph = React.forwardRef((props, ref) => {
+	const { className, children, prefixCls: customisedCls, ...otherProps } = props;
+	return /* @__PURE__ */ jsx("p", {
+		ref,
+		className: classNames(className, getPrefixCls("typography", useContext(ConfigContext).prefixCls, customisedCls)),
+		...otherProps,
+		children
+	});
+});
+Paragraph.displayName = "Paragraph";
+//#endregion
+export { Paragraph as default };
+
+//# sourceMappingURL=paragraph.js.map

package/es/typography/paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.js","names":[],"sources":["../../src/typography/paragraph.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ParagraphProps } from './types';\n\nconst Paragraph = React.forwardRef<HTMLParagraphElement, ParagraphProps>(\n  (props: ParagraphProps, ref): JSX.Element => {\n    const { className, children, prefixCls: customisedCls, ...otherProps } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n    const cls = classNames(className, prefixCls);\n    return (\n      <p ref={ref} className={cls} {...otherProps}>\n        {children}\n      </p>\n    );\n  }\n);\n\nParagraph.displayName = 'Paragraph';\n\nexport default Paragraph;\n"],"mappings":";;;;;;AAMA,MAAM,YAAY,MAAM,YACrB,OAAuB,QAAqB;CAC3C,MAAM,EAAE,WAAW,UAAU,WAAW,eAAe,GAAG,eAAe;AAIzE,QACE,oBAAC,KAAD;EAAQ;EAAK,WAFH,WAAW,WADL,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,CACxC;EAEb,GAAI;EAC9B;EACC,CAAA;EAGT;AAED,UAAU,cAAc"}