doui-react 1.0.0

package/es/table/type/index.d.ts

@@ -0,0 +1,113 @@
+import { FunctionReturn } from "../../api";
+import { FormProps } from "../../form";
+import { ListOperation } from "../../hooks";
+import { Column } from "..";
+import { TableProps as AntdTableProps } from 'antd';
+import { ReactNode } from 'react';
+export * from './action';
+export * from './column';
+export type DataSource = any[];
+export interface TableContext {
+    /**
+     * @description 表格数据
+     */
+    dataSource: DataSource;
+    /**
+     * @description 修改表格数据
+     */
+    setDataSource(data: DataSource): void;
+    /**
+     * @description 选中的行 `key`
+     */
+    selectedRowKeys: string[];
+    /**
+     * @description 设置选中的行 `key`
+     */
+    setSelectedRowKeys(keys?: string[]): void;
+    /**
+     * @description 刷新表格
+     */
+    refresh(props?: RefreshProps): Promise<void>;
+    /**
+     * @description 操作表单的方法
+     * @link ListOperation: /components/hooks#listoperation
+     */
+    operation: ListOperation;
+    /**
+     * @description 设置表格上下文
+     */
+    setContext(state: any): void;
+    rowKey: string;
+    editorValueKey: string;
+    [key: string]: any;
+}
+export interface RefreshProps {
+    /**
+     * @description 是否只显示 loading 状态
+     * @default false
+     */
+    onlyLoading?: boolean;
+    [name: string]: any;
+}
+/**
+ * @noExtends
+ */
+export interface CommonProps extends TableContext {
+    /**
+     * @description 当前列的值
+     */
+    current?: any;
+    /**
+     * @description 当前行的值
+     */
+    record: any;
+    /**
+     * @description 当前行的索引
+     */
+    index: number;
+    [name: string]: any;
+}
+type UnionTableType = Omit<FormProps, 'onChange' | 'title'> & Omit<AntdTableProps<any>, 'columns' | 'dataSource' | 'scroll' | 'footer'>;
+/**
+ * @noExtends
+ */
+export interface TableProps extends UnionTableType {
+    /**
+     * @description 表格列配置，具体项见下表
+     * @link Column: #column
+     */
+    columns: Column[];
+    /**
+     * @description 表格数据
+     */
+    dataSource?: DataSource | ((props: any) => FunctionReturn<DataSource>);
+    /**
+     * @description 每一行的唯一标示
+     * @default id
+     */
+    rowKey?: string;
+    /**
+     * @description 表格宽度
+     * @default 100%
+     */
+    width?: number | string;
+    /**
+     * @description 空数据时显示的文本
+     * @default No data
+     */
+    emptyText?: ReactNode;
+    /**
+     * @description 表格最大高度
+     * @default 100%
+     */
+    maxHeight?: number | string;
+    /**
+     * @description 点击表格行的回调
+     * @link CommonProps: #commonprops
+     */
+    onRowClick?(props: CommonProps): FunctionReturn<void>;
+    scroll?: boolean | AntdTableProps<any>['scroll'];
+    footer?: ReactNode;
+    editorValueKey?: string;
+    autoCollectFormValue?: boolean;
+}

package/es/table/type/index.js

@@ -0,0 +1,11 @@
+export * from "./action";
+export * from "./column";
+
+/**
+ * @noExtends
+ */
+
+/**
+ * @noExtends
+ */
+export {};

package/es/tabs/component/constant.d.ts

@@ -0,0 +1,2 @@
+export declare const textPropKeys: string[];
+export declare const tabPropKeys: string[];

package/es/tabs/component/constant.js

@@ -0,0 +1,2 @@
+export var textPropKeys = ['className', 'style', 'rows', 'tooltip', 'autoShowTooltip'];
+export var tabPropKeys = ['forceRender', 'closeIcon', 'closable', 'destroyInactiveTabPane', 'animated', 'active'];

package/es/tabs/component/index.d.ts

@@ -0,0 +1,2 @@
+import { TabsProps } from "..";
+export declare function Tabs({ tabMaxWidth, ...props }: TabsProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/tabs/component/index.js

@@ -0,0 +1,18 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tabMaxWidth"];
+import { Tabs as AntdTabs } from 'antd';
+import styles from "../style";
+import { generateTabItems, getRenderTabBar } from "./utils";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Tabs(_ref) {
+  var _ref$tabMaxWidth = _ref.tabMaxWidth,
+    tabMaxWidth = _ref$tabMaxWidth === void 0 ? 200 : _ref$tabMaxWidth,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var tabsProps = _objectSpread(_objectSpread({}, props), {}, {
+    items: generateTabItems(props),
+    renderTabBar: getRenderTabBar(props),
+    css: styles.wrapper(tabMaxWidth)
+  });
+  return _jsx(AntdTabs, _objectSpread({}, tabsProps));
+}

package/es/tabs/component/utils.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { TabsProps } from "..";
+import { RenderTabBar } from 'rc-tabs/lib/interface';
+type RenderTabBarProps = Parameters<RenderTabBar>[0];
+export declare function getRenderTabBar({ type, items, size, tabBarGutter, tabBarStyle }: TabsProps): (({ activeKey, onTabClick }: RenderTabBarProps) => import("@emotion/react/jsx-runtime").JSX.Element) | undefined;
+export declare function generateTabItems({ items }: TabsProps): {
+    label: import("@emotion/react/jsx-runtime").JSX.Element;
+    key: string;
+    style?: import("react").CSSProperties | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+    id?: string | undefined;
+    icon?: import("react").ReactNode;
+    prefixCls?: string | undefined;
+    disabled?: boolean | undefined;
+    animated?: boolean | undefined;
+    destroyInactiveTabPane?: boolean | undefined;
+    forceRender?: boolean | undefined;
+    closable?: boolean | undefined;
+    closeIcon?: import("react").ReactNode;
+    tabKey?: string | undefined;
+    active?: boolean | undefined;
+}[];
+export {};

package/es/tabs/component/utils.js

@@ -0,0 +1,55 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Radio } from "../../radio";
+import { Text } from "../../text";
+import _ from 'lodash';
+import { tabPropKeys, textPropKeys } from "./constant";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function getRenderTabBar(_ref) {
+  var type = _ref.type,
+    items = _ref.items,
+    size = _ref.size,
+    tabBarGutter = _ref.tabBarGutter,
+    tabBarStyle = _ref.tabBarStyle;
+  if (type !== 'radio') {
+    return;
+  }
+  return function (_ref2) {
+    var activeKey = _ref2.activeKey,
+      onTabClick = _ref2.onTabClick;
+    var options = _.map(items, function (item) {
+      return _objectSpread(_objectSpread({}, _.omit(item, tabPropKeys)), {}, {
+        value: item.key
+      });
+    });
+    var radioProps = {
+      size: size,
+      options: options,
+      gap: tabBarGutter,
+      style: tabBarStyle,
+      value: activeKey,
+      onChange: onTabClick
+    };
+    return _jsx(Radio, _objectSpread({}, radioProps));
+  };
+}
+export function generateTabItems(_ref3) {
+  var items = _ref3.items;
+  return _.map(items, function (item) {
+    var _parseOptionProps = parseOptionProps(item),
+      tabProps = _parseOptionProps.tabProps,
+      textProps = _parseOptionProps.textProps;
+    return _objectSpread(_objectSpread({}, tabProps), {}, {
+      label: _jsx(Text, _objectSpread(_objectSpread({}, textProps), {}, {
+        children: tabProps.label
+      }))
+    });
+  });
+}
+function parseOptionProps(props) {
+  var textProps = _.pick(props, textPropKeys);
+  var tabProps = _.omit(props, textPropKeys);
+  return {
+    textProps: textProps,
+    tabProps: tabProps
+  };
+}

package/es/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/tabs/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

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

@@ -0,0 +1,5 @@
+import { TabsProps } from "..";
+declare const style: {
+    wrapper: (tabMaxWidth: TabsProps['tabMaxWidth']) => import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/tabs/style/index.js

@@ -0,0 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { getClassName, transformValueWithStyleUnit } from "../../api";
+import { css } from '@emotion/react';
+var style = {
+  wrapper: function wrapper(tabMaxWidth) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ant-tabs-tab-btn,\n    .", " {\n      max-width: ", ";\n    }\n\n    .ant-radio-group {\n      margin-bottom: 16px;\n    }\n  "])), getClassName('radio'), transformValueWithStyleUnit(tabMaxWidth));
+  }
+};
+export default style;

package/es/tabs/type/index.d.ts

@@ -0,0 +1,20 @@
+import { SelectOption } from "../../select";
+import { TabsProps as AntdTabsProps } from 'antd';
+import { TabsType } from 'antd/lib/tabs';
+import { Tab } from 'rc-tabs/lib/interface';
+export interface TabProps extends Tab, Omit<SelectOption, 'label'> {
+}
+export interface TabsProps extends Omit<AntdTabsProps, 'type'> {
+    /**
+     * @description `tab` 样式
+     * @default line
+     * @replaceAll 'line' | 'card' | 'radio' | 'editable-card'
+     */
+    type?: TabsType | 'radio';
+    /**
+     * @description `tab` 的最大宽度
+     * @default 200px
+     */
+    tabMaxWidth?: number | string;
+    items?: TabProps[];
+}

package/es/tabs/type/index.js

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

package/es/text/component/index.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from "..";
+export declare function Text({ children, tooltip, rows, autoShowTooltip, ...props }: TextProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export * from './utils';

package/es/text/component/index.js

@@ -0,0 +1,57 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "tooltip", "rows", "autoShowTooltip"];
+import { generateTooltip } from "./..";
+import { getTooltipProps } from "../../tooltip";
+import { Tooltip, Typography } from 'antd';
+import style from "../style";
+import { useText } from "./use-text";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var Paragraph = Typography.Paragraph;
+export function Text(_ref) {
+  var children = _ref.children,
+    tooltip = _ref.tooltip,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 1 : _ref$rows,
+    _ref$autoShowTooltip = _ref.autoShowTooltip,
+    autoShowTooltip = _ref$autoShowTooltip === void 0 ? true : _ref$autoShowTooltip,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useText = useText({
+      children: children
+    }),
+    key = _useText.key;
+  if (tooltip === false || !rows) {
+    return _jsx("div", _objectSpread(_objectSpread({
+      css: style.wordBreak
+    }, props), {}, {
+      children: children
+    }));
+  }
+  var ellipsis = {
+    rows: rows,
+    tooltip: getTooltipProps(_objectSpread({
+      align: {
+        offset: [0, 5]
+      }
+    }, generateTooltip(tooltip !== null && tooltip !== void 0 ? tooltip : children)))
+  };
+  if (autoShowTooltip) {
+    return _jsx(Paragraph, _objectSpread(_objectSpread({
+      css: style.wrapper
+    }, props), {}, {
+      ellipsis: ellipsis,
+      children: children
+    }), key);
+  }
+  return _jsx(Tooltip, _objectSpread(_objectSpread({}, ellipsis.tooltip), {}, {
+    children: _jsx(Paragraph, _objectSpread(_objectSpread({
+      css: style.wrapper
+    }, props), {}, {
+      ellipsis: {
+        rows: rows
+      },
+      children: children
+    }))
+  }));
+}
+export * from "./utils";

package/es/text/component/use-text.d.ts

@@ -0,0 +1,4 @@
+import { TextProps } from "..";
+export declare function useText({ children }: TextProps): {
+    key: number;
+};

package/es/text/component/use-text.js

@@ -0,0 +1,24 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useDebounce, useWindowResize } from "../../hooks";
+import { useState } from 'react';
+import { useUpdateEffect } from 'react-use';
+export function useText(_ref) {
+  var children = _ref.children;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    key = _useState2[0],
+    setKey = _useState2[1];
+  var reset = useDebounce(setKey, 150);
+  useWindowResize(function (_ref2) {
+    var width = _ref2.width;
+    return reset(width);
+  });
+
+  // 修复某些场景下，tooltip 会自动显示的问题
+  useUpdateEffect(function () {
+    reset(Date.now());
+  }, [children]);
+  return {
+    key: key
+  };
+}

package/es/text/component/utils.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from "..";
+import type { TooltipProps } from 'antd/lib/tooltip';
+export declare function generateTooltip(tooltip: TextProps['tooltip']): TooltipProps;

package/es/text/component/utils.js

@@ -0,0 +1,9 @@
+import { isReactNode } from "../../api";
+export function generateTooltip(tooltip) {
+  if (isReactNode(tooltip)) {
+    return {
+      title: tooltip
+    };
+  }
+  return tooltip;
+}

package/es/text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/text/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

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

@@ -0,0 +1,5 @@
+declare const style: {
+    wrapper: import("@emotion/react").SerializedStyles;
+    wordBreak: import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/text/style/index.js

@@ -0,0 +1,8 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { css } from '@emotion/react';
+var style = {
+  wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &.ant-typography {\n      color: inherit;\n      margin-bottom: 0;\n      max-width: 100%;\n    }\n  "]))),
+  wordBreak: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    word-break: break-word;\n  "])))
+};
+export default style;

package/es/text/type/index.d.ts

@@ -0,0 +1,19 @@
+import { EllipsisConfig } from 'antd/lib/typography/Base';
+import type { TypographyProps } from 'antd/lib/typography/Typography';
+export interface TextProps extends Omit<TypographyProps<any>, 'onChange'> {
+    /**
+     * @description 最多显示的行数，设置为 `0` 时，不显示省略号
+     * @default 1
+     */
+    rows?: number | false;
+    /**
+     * @description 提示信息
+     * @replaceAll ReactNode | TooltipProps
+     * @link TooltipProps: https://4x.ant.design/components/tooltip-cn/#API
+     */
+    tooltip?: EllipsisConfig['tooltip'];
+    /**
+     * 只有当文本超出时，才显示提示信息，设置为 `false` 时，始终显示提示信息
+     */
+    autoShowTooltip?: boolean;
+}

package/es/text/type/index.js

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

package/es/tooltip/component/index.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { getPopupContainer } from "../../api";
+import { TooltipProps } from "..";
+export declare const tooltipOverlayClassName: string;
+export declare function getTooltipProps(props: TooltipProps): {
+    color?: string | undefined;
+    title?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
+    overlay?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
+    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+    placement?: import("antd/lib/tooltip").TooltipPlacement | undefined;
+    builtinPlacements?: import("rc-trigger").BuildInPlacements | undefined;
+    openClassName?: string | undefined;
+    arrowPointAtCenter: boolean;
+    autoAdjustOverflow?: boolean | import("antd/lib/tooltip").AdjustOverflow | undefined;
+    getPopupContainer: typeof getPopupContainer;
+    children?: import("react").ReactNode;
+    visible?: boolean | undefined;
+    open?: boolean | undefined;
+    defaultVisible?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
+    onOpenChange?: ((visible: boolean) => void) | undefined;
+    afterVisibleChange?: ((visible: boolean) => void) | undefined;
+    afterOpenChange?: ((visible: boolean) => void) | undefined;
+    zIndex?: number | undefined;
+    animation?: string | undefined;
+    motion?: import("rc-motion").CSSMotionProps | undefined;
+    id?: string | undefined;
+    onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
+    trigger?: string | string[] | undefined;
+    transitionName?: string | undefined;
+    overlayStyle?: import("react").CSSProperties | undefined;
+    overlayClassName: string;
+    prefixCls?: string | undefined;
+    mouseEnterDelay?: number | undefined;
+    mouseLeaveDelay?: number | undefined;
+    getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+    destroyTooltipOnHide?: boolean | {
+        keepParent?: boolean | undefined;
+    } | undefined;
+    align?: import("rc-trigger/lib/interface").AlignType | undefined;
+    showArrow?: boolean | undefined;
+    arrowContent?: import("react").ReactNode;
+    popupVisible?: boolean | undefined;
+    overlayInnerStyle?: import("react").CSSProperties | undefined;
+};
+export declare function Tooltip(props: TooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/tooltip/component/index.js

@@ -0,0 +1,19 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { getPopupContainer } from "../../api";
+import { css } from '@emotion/css';
+import { Tooltip as AntdTooltip } from 'antd';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var tooltipOverlayClassName = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  --tooltip-background-color: #02334a;\n\n  .ant-tooltip-inner {\n    border-radius: 8px;\n    white-space: pre-wrap;\n    line-height: 1.3;\n    background-color: var(--tooltip-background-color);\n  }\n\n  .ant-tooltip-arrow-content {\n    --antd-arrow-background-color: var(--tooltip-background-color);\n  }\n"])));
+export function getTooltipProps(props) {
+  return _objectSpread({
+    overlayClassName: tooltipOverlayClassName,
+    arrowPointAtCenter: true,
+    getPopupContainer: getPopupContainer
+  }, props);
+}
+export function Tooltip(props) {
+  var mergedProps = getTooltipProps(props);
+  return _jsx(AntdTooltip, _objectSpread({}, mergedProps));
+}

package/es/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/tooltip/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

package/es/tooltip/type/index.d.ts

@@ -0,0 +1,8 @@
+import { TooltipPropsWithOverlay } from 'antd/lib/tooltip';
+export interface TooltipProps extends TooltipPropsWithOverlay {
+    /**
+     * @description 背景颜色
+     * @default #02334a
+     */
+    color?: string;
+}

package/es/tooltip/type/index.js

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

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

@@ -0,0 +1,2 @@
+import { TreeProps } from '../type';
+export declare function Tree(props: TreeProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/tree/component/index.js

@@ -0,0 +1,23 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { VStack } from "../../stack";
+import { TreeSelect } from "../../tree-select";
+import { useMeasure } from 'react-use';
+import styles from "../style";
+import { getPopupContainer } from "./utils";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Tree(props) {
+  var _useMeasure = useMeasure(),
+    _useMeasure2 = _slicedToArray(_useMeasure, 2),
+    ref = _useMeasure2[0],
+    height = _useMeasure2[1].height;
+  return _jsx(VStack, {
+    refs: ref,
+    css: styles.wrapper,
+    children: _jsx(TreeSelect, _objectSpread({
+      open: true,
+      getPopupContainer: getPopupContainer,
+      listHeight: height
+    }, props))
+  });
+}

package/es/tree/component/utils.d.ts

@@ -0,0 +1 @@
+export declare function getPopupContainer(trigger: HTMLElement): HTMLElement;

package/es/tree/component/utils.js

@@ -0,0 +1,3 @@
+export function getPopupContainer(trigger) {
+  return trigger.parentNode;
+}

package/es/tree/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/tree/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

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

@@ -0,0 +1,4 @@
+declare const style: {
+    wrapper: import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/tree/style/index.js

@@ -0,0 +1,7 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+var style = {
+  wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 100%;\n\n    .ant-select-tree,\n    .ant-tree-select-dropdown {\n      background: unset;\n      box-shadow: unset;\n    }\n\n    .ant-select-selector,\n    .ant-select-arrow {\n      opacity: 0 !important;\n      height: 0 !important;\n      border: none !important;\n      padding: 0 !important;\n      overflow: hidden !important;\n\n      ~ div {\n        position: unset !important;\n      }\n    }\n\n    .ant-tree-select-dropdown {\n      position: unset !important;\n      width: 100% !important;\n      min-width: unset !important;\n      padding: 0;\n    }\n  "])))
+};
+export default style;

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

@@ -0,0 +1,2 @@
+import { TreeSelectProps } from "../../tree-select";
+export type TreeProps = TreeSelectProps;

package/es/tree/type/index.js

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

package/es/tree-select/component/index.d.ts

@@ -0,0 +1,2 @@
+import { TreeSelectProps } from '../type';
+export declare function TreeSelect(props: TreeSelectProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/tree-select/component/index.js

@@ -0,0 +1,15 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { TreeSelect as AntdTreeSelect } from 'antd';
+import { useTreeSelect } from "./use-tree-select";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function TreeSelect(props) {
+  var params = useTreeSelect(props);
+  return _jsx(AntdTreeSelect, _objectSpread({
+    maxTagCount: "responsive",
+    fieldNames: {
+      label: 'label',
+      value: 'value',
+      children: 'options'
+    }
+  }, params));
+}

package/es/tree-select/component/use-tree-select.d.ts

@@ -0,0 +1,2 @@
+import { TreeSelectProps } from "..";
+export declare function useTreeSelect({ presetProcessOption, treeNodeAlign, ...props }: TreeSelectProps): any;