@pointcloud/pcloud-components 0.1.30 → 0.1.32

package/dist/esm/AnimatedScrollList/index.js

@@ -0,0 +1,322 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React, { useRef, useEffect, useCallback, useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from "../ConfigProvider";
+import "./styles/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function AnimatedScrollList(props) {
+  var _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'up' : _props$direction,
+    _props$speed = props.speed,
+    speed = _props$speed === void 0 ? 50 : _props$speed,
+    _props$hoverStop = props.hoverStop,
+    hoverStop = _props$hoverStop === void 0 ? true : _props$hoverStop,
+    _props$autoStart = props.autoStart,
+    autoStart = _props$autoStart === void 0 ? true : _props$autoStart,
+    containerHeight = props.containerHeight,
+    containerWidth = props.containerWidth,
+    _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    renderItem = props.renderItem,
+    _props$itemKey = props.itemKey,
+    itemKey = _props$itemKey === void 0 ? 'id' : _props$itemKey,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$showScrollbar = props.showScrollbar,
+    showScrollbar = _props$showScrollbar === void 0 ? false : _props$showScrollbar,
+    _props$scrollWhenInsu = props.scrollWhenInsufficient,
+    scrollWhenInsufficient = _props$scrollWhenInsu === void 0 ? false : _props$scrollWhenInsu,
+    header = props.header;
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('animated-scroll-list');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-animated-scroll-list"), !!prefixCls), classname, className);
+  var containerRef = useRef(null);
+  var contentRef = useRef(null);
+  var animationFrameRef = useRef(null);
+  var lastTimestampRef = useRef(0);
+  var currentOffsetRef = useRef(0);
+  var isHoveringRef = useRef(false);
+  var isPausedRef = useRef(!autoStart);
+  var totalSizeRef = useRef(0);
+
+  // 判断是否为垂直方向
+  var isVertical = direction === 'up' || direction === 'down';
+  // 是否反向滚动
+  var isReverse = direction === 'down' || direction === 'right';
+
+  // 获取列表项的 key
+  var getItemKey = useCallback(function (item, index) {
+    var _item$itemKey;
+    if (typeof itemKey === 'function') {
+      return itemKey(item, index);
+    }
+    return (_item$itemKey = item === null || item === void 0 ? void 0 : item[itemKey]) !== null && _item$itemKey !== void 0 ? _item$itemKey : index;
+  }, [itemKey]);
+  var parsePixelValue = useCallback(function (value) {
+    var parsed = parseFloat(value || '');
+    return Number.isNaN(parsed) ? 0 : parsed;
+  }, []);
+
+  // 计算列表项尺寸（包含元素自身尺寸和滚动方向上的 margin）
+  var calculateItemDimensions = useCallback(function () {
+    if (!contentRef.current || data.length === 0) {
+      totalSizeRef.current = 0;
+      return 0;
+    }
+    var items = contentRef.current.children;
+    var firstGroupItems = Array.from(items).slice(0, data.length);
+    if (firstGroupItems.length === 0) {
+      totalSizeRef.current = 0;
+      return 0;
+    }
+    var totalSize = firstGroupItems.reduce(function (sum, item) {
+      var rect = item.getBoundingClientRect();
+      var styles = window.getComputedStyle(item);
+      var axisMargin = isVertical ? parsePixelValue(styles.marginTop) + parsePixelValue(styles.marginBottom) : parsePixelValue(styles.marginLeft) + parsePixelValue(styles.marginRight);
+      var size = isVertical ? rect.height : rect.width;
+      return sum + size + axisMargin;
+    }, 0);
+    totalSizeRef.current = totalSize;
+    return totalSize;
+  }, [data, isVertical, parsePixelValue]);
+  var applyTransform = useCallback(function (offset) {
+    if (!contentRef.current) return;
+    var value = isVertical ? "translateY(".concat(-offset, "px)") : "translateX(".concat(-offset, "px)");
+    contentRef.current.style.transform = value;
+  }, [isVertical]);
+
+  // 动画循环
+  var animate = useCallback(function (timestamp) {
+    if (!contentRef.current || isPausedRef.current || data.length === 0) {
+      animationFrameRef.current = null;
+      return;
+    }
+    if (lastTimestampRef.current === 0) {
+      lastTimestampRef.current = timestamp;
+      animationFrameRef.current = requestAnimationFrame(animate);
+      return;
+    }
+    var deltaSeconds = (timestamp - lastTimestampRef.current) / 1000;
+    lastTimestampRef.current = timestamp;
+    var distance = speed * deltaSeconds;
+
+    // 计算新的偏移量
+    // 反向滚动时，从 totalSize 开始递减；正向滚动时，从 0 开始递增
+    var newOffset = isReverse ? currentOffsetRef.current - distance : currentOffsetRef.current + distance;
+
+    // 如果总尺寸为 0，说明还没有计算完成，等待
+    if (totalSizeRef.current === 0) {
+      animationFrameRef.current = requestAnimationFrame(animate);
+      return;
+    }
+
+    // 无缝循环：当滚动超过一个完整列表的高度/宽度时，重置位置
+    if (isReverse) {
+      // 反向滚动：从 totalSize 开始向 0 滚动
+      if (newOffset <= 0) {
+        newOffset = totalSizeRef.current + newOffset;
+      }
+    } else {
+      // 正向滚动：从 0 开始向 totalSize 滚动
+      if (newOffset >= totalSizeRef.current) {
+        newOffset = newOffset - totalSizeRef.current;
+      }
+    }
+    currentOffsetRef.current = newOffset;
+
+    // 应用 transform
+    applyTransform(newOffset);
+    animationFrameRef.current = requestAnimationFrame(animate);
+  }, [speed, isReverse, data.length, applyTransform]);
+
+  // 启动动画
+  var startAnimation = useCallback(function () {
+    if (animationFrameRef.current || isPausedRef.current) return;
+    lastTimestampRef.current = 0;
+    animationFrameRef.current = requestAnimationFrame(animate);
+  }, [animate]);
+
+  // 停止动画
+  var stopAnimation = useCallback(function () {
+    if (animationFrameRef.current) {
+      cancelAnimationFrame(animationFrameRef.current);
+      animationFrameRef.current = null;
+    }
+    lastTimestampRef.current = 0;
+  }, []);
+
+  // 数据动态更新时保持动画平滑
+  useEffect(function () {
+    if (data.length === 0) {
+      stopAnimation();
+      totalSizeRef.current = 0;
+      currentOffsetRef.current = 0;
+      applyTransform(0);
+      return;
+    }
+    var rafId = null;
+    var timerId = null;
+    var measure = function measure() {
+      var _containerRef$current, _containerRef$current2, _containerRef$current3, _containerRef$current4;
+      var previousTotal = totalSizeRef.current;
+      var newTotal = calculateItemDimensions();
+      if (newTotal === 0) {
+        rafId = window.requestAnimationFrame(measure);
+        return;
+      }
+      var containerSize = isVertical ? (_containerRef$current = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.clientHeight) !== null && _containerRef$current !== void 0 ? _containerRef$current : 0 : (_containerRef$current3 = (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.clientWidth) !== null && _containerRef$current3 !== void 0 ? _containerRef$current3 : 0;
+      var shouldScroll = scrollWhenInsufficient || newTotal > containerSize;
+      var normalizedOffset = previousTotal > 0 ? currentOffsetRef.current % previousTotal : 0;
+      if (normalizedOffset < 0) {
+        normalizedOffset += previousTotal;
+      }
+      var progress = previousTotal > 0 ? normalizedOffset / previousTotal : isReverse ? 1 : 0;
+      var nextOffset = shouldScroll ? progress * newTotal : 0;
+      if (isReverse && shouldScroll && nextOffset === 0) {
+        nextOffset = newTotal;
+      }
+      currentOffsetRef.current = nextOffset;
+      applyTransform(nextOffset);
+      if (shouldScroll && autoStart && !isHoveringRef.current && !isPausedRef.current) {
+        startAnimation();
+      } else {
+        stopAnimation();
+      }
+    };
+    stopAnimation();
+    timerId = window.setTimeout(function () {
+      rafId = window.requestAnimationFrame(measure);
+    }, 80);
+    return function () {
+      if (timerId) {
+        window.clearTimeout(timerId);
+      }
+      if (rafId) {
+        window.cancelAnimationFrame(rafId);
+      }
+    };
+  }, [data, calculateItemDimensions, applyTransform, isVertical, isReverse, scrollWhenInsufficient, autoStart, startAnimation, stopAnimation]);
+
+  // 处理鼠标进入
+  var handleMouseEnter = useCallback(function () {
+    if (!hoverStop) return;
+    isHoveringRef.current = true;
+    stopAnimation();
+  }, [hoverStop, stopAnimation]);
+
+  // 处理鼠标离开
+  var handleMouseLeave = useCallback(function () {
+    if (!hoverStop) return;
+    isHoveringRef.current = false;
+    if (!isPausedRef.current) {
+      startAnimation();
+    }
+  }, [hoverStop, startAnimation]);
+
+  // 监听 visibilitychange
+  useEffect(function () {
+    var handleVisibilityChange = function handleVisibilityChange() {
+      if (document.hidden) {
+        stopAnimation();
+      } else {
+        if (!isPausedRef.current && !isHoveringRef.current) {
+          startAnimation();
+        }
+      }
+    };
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    return function () {
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+    };
+  }, [startAnimation, stopAnimation]);
+
+  // 初始化动画
+  useEffect(function () {
+    if (autoStart && !isPausedRef.current && data.length > 0) {
+      // 等待尺寸计算完成后再启动动画
+      var checkAndStart = function checkAndStart() {
+        if (containerRef.current && contentRef.current && totalSizeRef.current > 0) {
+          var containerSize = isVertical ? containerRef.current.clientHeight : containerRef.current.clientWidth;
+          var shouldScroll = scrollWhenInsufficient || totalSizeRef.current > containerSize;
+          if (shouldScroll) {
+            startAnimation();
+          }
+        } else if (totalSizeRef.current === 0) {
+          // 如果尺寸还没计算完成，延迟重试
+          setTimeout(checkAndStart, 50);
+        }
+      };
+      checkAndStart();
+      return function () {
+        stopAnimation();
+      };
+    }
+    return function () {
+      stopAnimation();
+    };
+  }, [autoStart, data, startAnimation, stopAnimation, scrollWhenInsufficient, isVertical]);
+
+  // 渲染列表项（复制一份用于无缝循环）
+  var renderItems = useCallback(function () {
+    if (data.length === 0) return null;
+    var items = data.map(function (item, index) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "data-scroll-item",
+        children: renderItem(item, index)
+      }, "first-".concat(getItemKey(item, index)));
+    });
+
+    // 复制一份用于无缝循环
+    var duplicatedItems = data.map(function (item, index) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "data-scroll-item",
+        children: renderItem(item, index)
+      }, "second-".concat(getItemKey(item, index)));
+    });
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [items, duplicatedItems]
+    });
+  }, [data, renderItem, getItemKey]);
+
+  // 容器样式
+  var containerStyle = _objectSpread({
+    height: containerHeight,
+    width: containerWidth,
+    overflow: showScrollbar ? 'auto' : 'hidden',
+    position: 'relative'
+  }, style);
+
+  // 内容容器样式
+  var contentStyle = {
+    display: 'flex',
+    flexDirection: isVertical ? 'column' : 'row',
+    willChange: 'transform'
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: wrapperClass,
+    children: [header && /*#__PURE__*/_jsx("div", {
+      className: "".concat(classname, "-header"),
+      children: header
+    }), /*#__PURE__*/_jsx("div", {
+      ref: containerRef,
+      className: "".concat(classname, "-body"),
+      style: containerStyle,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: /*#__PURE__*/_jsx("div", {
+        ref: contentRef,
+        className: "".concat(classname, "-content"),
+        style: contentStyle,
+        children: renderItems()
+      })
+    })]
+  });
+}
+export default /*#__PURE__*/React.memo(AnimatedScrollList);

package/dist/esm/AnimatedScrollList/interface.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+export declare type ScrollDirection = 'up' | 'down' | 'left' | 'right';
+export interface IAnimatedScrollListProps {
+    /**
+     * @description 滚动方向
+     * @default 'up'
+     */
+    direction?: ScrollDirection;
+    /**
+     * @description 滚动速度，单位 px/s
+     * @default 50
+     */
+    speed?: number;
+    /**
+     * @description 是否在鼠标悬停时暂停滚动
+     * @default true
+     */
+    hoverStop?: boolean;
+    /**
+     * @description 是否自动开始滚动
+     * @default true
+     */
+    autoStart?: boolean;
+    /**
+     * @description 容器高度（垂直滚动时）或宽度（水平滚动时）
+     */
+    containerHeight?: number | string;
+    /**
+     * @description 容器宽度（水平滚动时）或高度（垂直滚动时）
+     */
+    containerWidth?: number | string;
+    /**
+     * @description 列表数据
+     */
+    data: any[];
+    /**
+     * @description 渲染列表项的方法
+     * @param item 列表项数据
+     * @param index 索引
+     * @returns React.ReactNode
+     */
+    renderItem: (_item: any, _index: number) => React.ReactNode;
+    /**
+     * @description 列表项的唯一标识字段，用于 key
+     * @default 'id'
+     */
+    itemKey?: string | ((_item: any, _index: number) => string | number);
+    /**
+     * @description 自定义类名
+     */
+    className?: string;
+    /**
+     * @description 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description 是否显示滚动条
+     * @default false
+     */
+    showScrollbar?: boolean;
+    /**
+     * @description 当列表项数量不足一屏时是否仍然滚动
+     * @default false
+     */
+    scrollWhenInsufficient?: boolean;
+    /**
+     * @description 表头内容，传入后表头固定，内容区域自动滚动
+     */
+    header?: React.ReactNode;
+}
+export declare type AnimatedScrollListProps = IAnimatedScrollListProps;

package/dist/esm/AnimatedScrollList/interface.js

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

package/dist/esm/AnimatedScrollList/styles/index.less

@@ -0,0 +1,22 @@
+@import '../../commonStyle/index.less';
+
+.@{prefix}-animated-scroll-list {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+
+  &-header {
+    flex-shrink: 0;
+  }
+
+  &-body {
+    position: relative;
+    overflow: hidden;
+  }
+
+  &-content {
+    position: relative;
+  }
+}

package/dist/esm/ColorPicker/index.d.ts

@@ -1,17 +1,18 @@
+/// <reference types="react" />
 import { ColorPickerProps, TwitterPickerProps, HuePickerProps, AlphaPickerProps, BlockPickerProps, ChromePickerProps, CompactPickerProps, CirclePickerProps, SliderPickerProps } from './interface';
 import './index.less';
 declare const ColorPicker: {
-    (props: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+    (props: ColorPickerProps): JSX.Element;
     PSPicker(props: ColorPickerProps & {
         title?: string;
-    }): import("react/jsx-runtime").JSX.Element;
-    SliderPicker(props: SliderPickerProps): import("react/jsx-runtime").JSX.Element;
-    AlphaPicker(props: AlphaPickerProps): import("react/jsx-runtime").JSX.Element;
-    BlockPicker(props: BlockPickerProps): import("react/jsx-runtime").JSX.Element;
-    ChromePicker(props: ChromePickerProps): import("react/jsx-runtime").JSX.Element;
-    CirclePicker(props: CirclePickerProps): import("react/jsx-runtime").JSX.Element;
-    CompactPicker(props: CompactPickerProps): import("react/jsx-runtime").JSX.Element;
-    HuePicker(props: HuePickerProps): import("react/jsx-runtime").JSX.Element;
-    TwitterPicker(props: TwitterPickerProps): import("react/jsx-runtime").JSX.Element;
+    }): JSX.Element;
+    SliderPicker(props: SliderPickerProps): JSX.Element;
+    AlphaPicker(props: AlphaPickerProps): JSX.Element;
+    BlockPicker(props: BlockPickerProps): JSX.Element;
+    ChromePicker(props: ChromePickerProps): JSX.Element;
+    CirclePicker(props: CirclePickerProps): JSX.Element;
+    CompactPicker(props: CompactPickerProps): JSX.Element;
+    HuePicker(props: HuePickerProps): JSX.Element;
+    TwitterPicker(props: TwitterPickerProps): JSX.Element;
 };
 export default ColorPicker;

package/dist/esm/ColorPicker/index.js

@@ -9,8 +9,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useState, useContext } from 'react';
 import classNames from 'classnames';
 import { Popconfirm } from 'antd';
-import { SketchPicker, PhotoshopPicker, SliderPicker, AlphaPicker, BlockPicker, ChromePicker, CirclePicker, CompactPicker, HuePicker, TwitterPicker } from 'react-color';
 import { ConfigContext } from "../ConfigProvider";
+import { SketchPicker, PhotoshopPicker, SliderPicker, AlphaPicker, BlockPicker, ChromePicker, CirclePicker, CompactPicker, HuePicker, TwitterPicker } from 'react-color';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/dist/esm/ConfigProvider/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ConfigProviderProps } from './interface';
 export declare const defaultPrefixCls = "pui";
 export declare const ConfigContext: React.Context<ConfigProviderProps>;
-declare const ConfigProvider: (props: ConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
 export default ConfigProvider;

package/dist/esm/ConfigProvider/index.js

@@ -1,18 +1,35 @@
-import React, { createContext } from 'react';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "prefixCls", "getPrefixCls"];
+import React, { createContext, useMemo } from 'react';
+import { ConfigProvider as AntdConfigProvider } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var defaultPrefixCls = 'pui';
 
 // export const ConfigContext = createContext<ConfigProviderProps>({} as ConfigProviderProps);
 export var ConfigContext = /*#__PURE__*/createContext({
+  // prefixCls: defaultPrefixCls,
   getPrefixCls: function getPrefixCls(componentName, customPrefix) {
     return "".concat(customPrefix || defaultPrefixCls, "-").concat(componentName);
   }
 });
 var ConfigProvider = function ConfigProvider(props) {
-  var children = props.children;
+  var children = props.children,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? defaultPrefixCls : _props$prefixCls,
+    getPrefixCls = props.getPrefixCls,
+    antdProps = _objectWithoutProperties(props, _excluded);
+  var contextValue = useMemo(function () {
+    return {
+      prefixCls: prefixCls,
+      getPrefixCls: getPrefixCls
+    };
+  }, [prefixCls, getPrefixCls]);
   return /*#__PURE__*/_jsx(ConfigContext.Provider, {
-    value: props,
-    children: children
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(AntdConfigProvider, _objectSpread(_objectSpread({}, antdProps), {}, {
+      children: children
+    }))
   });
 };
 export default ConfigProvider;

package/dist/esm/ConfigProvider/interface.d.ts

@@ -1,11 +1,9 @@
-import * as React from 'react';
-export interface ConfigProviderProps {
+import { ConfigProviderProps as AntdConfigProviderProps } from 'antd/lib/config-provider';
+export interface ConfigProviderProps extends AntdConfigProviderProps {
     /**
      * @description 全局组件类名前缀
      * @default pui
      */
     prefixCls?: string;
     getPrefixCls?: (_componentName: string, _customPrefix?: string) => string;
-    children?: React.ReactNode;
 }
-export declare type OtherProps = Omit<ConfigProviderProps, 'children'>;

package/dist/esm/ErrorBoundary/index.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import './index.less';
 declare function ErrorBoundary({ err }: {
     err?: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default ErrorBoundary;

package/dist/esm/InfiniteScrollList/index.d.ts

@@ -59,5 +59,5 @@ interface ISLProps<T, P> {
     endMessage?: React.ReactNode;
 }
 export declare type InfiniteScrollListProps<T, P> = ISLProps<T, P>;
-declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => import("react/jsx-runtime").JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => JSX.Element)>;
 export default _default;

package/dist/esm/LabelValue/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILabelValueProps } from './interface';
 import './styles/index.less';
-declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon, formatter, style }: ILabelValueProps): import("react/jsx-runtime").JSX.Element;
+declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon, formatter, style }: ILabelValueProps): JSX.Element;
 declare namespace LabelValue {
     var defaultProps: {
         className: string;

package/dist/esm/Loading/loading.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { ILoadingInstance, LoadingInstanceProps } from './interface';
 import './styles/index.less';
-declare function Loading(props: LoadingInstanceProps): import("react/jsx-runtime").JSX.Element;
+declare function Loading(props: LoadingInstanceProps): JSX.Element;
 declare namespace Loading {
     var newInstance: (args?: LoadingInstanceProps | undefined) => ILoadingInstance;
 }

package/dist/esm/LoginForm/index.js

@@ -9,8 +9,8 @@ var _excluded = ["extraItems", "onFinish", "loginText", "loginButtonDisabled", "
 import React, { useState, useEffect, forwardRef, useContext, useMemo } from 'react';
 import classNames from 'classnames';
 import { DForm } from "./..";
-import { defaultUsernameItem, defaultPasswordItem, defaultLoginButtonItem } from "./defaultConfig";
 import { ConfigContext } from "../ConfigProvider";
+import { defaultUsernameItem, defaultPasswordItem, defaultLoginButtonItem } from "./defaultConfig";
 import { jsx as _jsx } from "react/jsx-runtime";
 var mergeItemProps = function mergeItemProps(defaultItem, item, options) {
   var baseMerged = _objectSpread(_objectSpread({}, defaultItem), item);

package/dist/esm/NoData/index.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { INoDataProps } from './interface';
 import './styles/index.less';
-declare const NoData: (props: INoDataProps) => import("react/jsx-runtime").JSX.Element;
+declare const NoData: (props: INoDataProps) => JSX.Element;
 export default NoData;

package/dist/esm/OrgTree/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { OrgTreeProps } from './interface';
+import './index.less';
+declare const OrgTree: import("react").ForwardRefExoticComponent<OrgTreeProps & import("react").RefAttributes<any>>;
+export default OrgTree;

package/dist/esm/OrgTree/index.js

@@ -0,0 +1,58 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["data", "className", "style", "collapsable", "expandAll", "labelWidth", "labelClassName"];
+import { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
+import { ConfigContext } from "../ConfigProvider";
+import OrgTreeComponent from 'react-org-tree';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var OrgTree = /*#__PURE__*/forwardRef(function (props, ref) {
+  var data = props.data,
+    className = props.className,
+    style = props.style,
+    _props$collapsable = props.collapsable,
+    collapsable = _props$collapsable === void 0 ? true : _props$collapsable,
+    _props$expandAll = props.expandAll,
+    expandAll = _props$expandAll === void 0 ? false : _props$expandAll,
+    labelWidth = props.labelWidth,
+    labelClassName = props.labelClassName,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('org-tree');
+  var orgTreeRef = useRef(null);
+
+  // 暴露组件方法
+  useImperativeHandle(ref, function () {
+    return {
+      // 获取组织树实例
+      getOrgTreeInstance: function getOrgTreeInstance() {
+        return orgTreeRef.current;
+      }
+    };
+  });
+
+  // 处理样式相关属性
+  var treeStyle = {};
+  if (labelWidth) {
+    treeStyle['--org-tree-label-width'] = typeof labelWidth === 'number' ? "".concat(labelWidth, "px") : labelWidth;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(prefixCls, " ").concat(className || ''),
+    style: style,
+    children: /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-container"),
+      children: /*#__PURE__*/_jsx(OrgTreeComponent, _objectSpread({
+        ref: orgTreeRef,
+        data: data,
+        collapsable: collapsable,
+        expandAll: expandAll,
+        labelWidth: labelWidth,
+        labelClassName: labelClassName,
+        style: treeStyle
+      }, otherProps))
+    })
+  });
+});
+OrgTree.displayName = 'OrgTree';
+export default OrgTree;

package/dist/esm/OrgTree/index.less

@@ -0,0 +1,15 @@
+@import '../commonStyle/index.less';
+
+.@{prefix}-org-tree {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .org-tree-node-label {
+    cursor: pointer;
+  }
+}