@pisell/materials 6.8.3 → 6.8.5

package/lib/components/PisellProcedure/hooks/useSidebarHeight.js

@@ -33,13 +33,24 @@ var useSidebarHeight = (isSizeStable, sizeValues) => {
   (0, import_react.useEffect)(() => {
     sizeValuesRef.current = sizeValues;
   }, [sizeValues]);
+  const getBodyScaleY = (0, import_react.useCallback)(() => {
+    try {
+      if (typeof window === "undefined" || typeof document === "undefined") {
+        return 1;
+      }
+      const bodyTransform = getComputedStyle(document.body).transform;
+      let scaleY = 1;
+      if (bodyTransform !== "none") {
+        const matrix = new DOMMatrix(bodyTransform);
+        scaleY = matrix.d;
+      }
+      return scaleY;
+    } catch (error) {
+      return 1;
+    }
+  }, []);
   const calculateHeight = (0, import_react.useCallback)(() => {
-    const {
-      containerSelector,
-      containerHeight,
-      headerHeight,
-      footerHeight
-    } = sizeValuesRef.current;
+    const { containerSelector, containerHeight, headerHeight, footerHeight } = sizeValuesRef.current;
     let baseHeight;
     if (containerSelector && containerSelector.trim() && containerHeight && containerHeight > 0) {
       baseHeight = containerHeight;
@@ -49,8 +60,10 @@ var useSidebarHeight = (isSizeStable, sizeValues) => {
     const bodyPadding = 16 * 2;
     const headerHeightValue = headerHeight || 0;
     const calculatedHeight = baseHeight - headerHeightValue - footerHeight - bodyPadding;
-    return calculatedHeight;
-  }, [sizeValuesRef.current]);
+    const scaleY = getBodyScaleY();
+    const scaledHeight = calculatedHeight / scaleY;
+    return Math.round(scaledHeight * 100) / 100;
+  }, [sizeValuesRef.current, getBodyScaleY]);
   (0, import_react.useEffect)(() => {
     if (typeof window === "undefined" || typeof document === "undefined") {
       return;

package/lib/components/PisellProcedure/index.d.ts

@@ -2,4 +2,4 @@
  * PisellProcedure 组件导出
  */
 export { default } from './PisellProcedure';
-export type { PisellProcedureProps, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, FooterPositionMode, BackConfirmModalConfig, BodyLayoutMode, BodyLayoutRatio, BodyDirection, StepItem, StepChangeResult, } from './types';
+export type { PisellProcedureProps, PisellProcedureRef, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, FooterPositionMode, BackConfirmModalConfig, BodyLayoutMode, BodyLayoutRatio, BodyDirection, StepItem, StepChangeResult, } from './types';

package/lib/components/PisellProcedure/types.d.ts

@@ -24,6 +24,41 @@ export interface StepChangeResult {
     /** 当前步骤数据 */
     currentItem: StepItem | null;
 }
+/**
+ * PisellProcedure Ref 暴露的方法
+ * @description 通过 ref 可以调用的组件方法
+ */
+export interface PisellProcedureRef {
+    /**
+     * 跳转到上一步
+     * @returns 步骤变化结果，如果无法跳转则返回 null
+     */
+    goPrev: () => StepChangeResult | null;
+    /**
+     * 跳转到下一步
+     * @returns 步骤变化结果，如果无法跳转则返回 null
+     */
+    goNext: () => StepChangeResult | null;
+    /**
+     * 跳转到指定步骤
+     * @param step - 目标步骤索引
+     * @returns 步骤变化结果，如果无法跳转则返回 null
+     */
+    goToStep: (step: number) => StepChangeResult | null;
+    /**
+     * 获取当前步骤索引
+     * @returns 当前步骤索引
+     */
+    getCurrentStep: () => number;
+    /**
+     * 打开移动端总结弹窗
+     */
+    openSummaryModal: () => void;
+    /**
+     * 关闭移动端总结弹窗
+     */
+    closeSummaryModal: () => void;
+}
 /**
  * 返回确认弹窗配置
  */

package/lib/components/PisellScrollView/components/Actions/index.d.ts

@@ -8,5 +8,5 @@ interface ActionsContainerProps {
     containerRef: React.RefObject<HTMLDivElement>;
     onClick: (direction: 'left' | 'right' | 'top' | 'bottom') => void;
 }
-declare const ActionsContainer: ({ containerRef, scrollState, overflow, scrollActionsConfig, onClick, }: ActionsContainerProps) => React.JSX.Element | null;
+declare const ActionsContainer: ({ containerRef, scrollState, overflow, scrollActionsConfig, onClick, }: ActionsContainerProps) => JSX.Element | null;
 export default ActionsContainer;

package/lib/components/PisellScrollView/hooks/useScrollState.d.ts

@@ -1,8 +1,12 @@
 import { RefObject } from 'react';
-import { ScrollEventData } from '../types';
-export declare const useScrollState: ({ containerRef, overflow }: {
+import { ScrollEventData, PisellScrollViewProps } from '../types';
+/**
+ * 滚动状态管理 Hook
+ * @description 管理滚动容器的状态，包括滚动位置、溢出检测等
+ */
+export declare const useScrollState: ({ containerRef, overflow, }: {
     containerRef: RefObject<HTMLElement>;
-    overflow: PisellScrollViewProps;
+    overflow: PisellScrollViewProps['overflow'];
 }) => {
     scrollState: ScrollEventData;
     updateScrollState: () => void;

package/lib/components/PisellScrollView/hooks/useScrollState.js

@@ -23,84 +23,183 @@ __export(useScrollState_exports, {
 });
 module.exports = __toCommonJS(useScrollState_exports);
 var import_react = require("react");
-var useScrollState = ({ containerRef, overflow }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [scrollState, setScrollState] = (0, import_react.useState)({
+var debounce = (fn, delay) => {
+  let timeoutId = null;
+  return (...args) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      fn(...args);
+      timeoutId = null;
+    }, delay);
+  };
+};
+var useScrollState = ({
+  containerRef,
+  overflow
+}) => {
+  const [scrollState, setScrollState] = (0, import_react.useState)(() => ({
     scrollTop: 0,
     scrollLeft: 0,
     percentY: 0,
     percentX: 0,
-    scrollHeight: ((_a = containerRef.current) == null ? void 0 : _a.scrollHeight) || 0,
-    scrollWidth: ((_b = containerRef.current) == null ? void 0 : _b.scrollWidth) || 0,
-    clientHeight: ((_c = containerRef.current) == null ? void 0 : _c.clientHeight) || 0,
-    clientWidth: ((_d = containerRef.current) == null ? void 0 : _d.clientWidth) || 0,
+    scrollHeight: 0,
+    scrollWidth: 0,
+    clientHeight: 0,
+    clientWidth: 0,
     direction: null,
-    isScrollToTop: overflow === "y" ? true : false,
+    isScrollToTop: overflow === "y" || overflow === "both",
     isScrollToBottom: false,
-    isScrollToLeft: overflow === "x" ? true : false,
+    isScrollToLeft: overflow === "x" || overflow === "both",
     isScrollToRight: false,
     isOverflows: false
-  });
-  (0, import_react.useEffect)(() => {
-    if (!containerRef.current) {
-      return;
-    }
-    const { scrollHeight, clientHeight, scrollWidth, clientWidth } = containerRef.current;
-    const isOverflows = scrollHeight > clientHeight || scrollWidth > clientWidth;
+  }));
+  const isMountedRef = (0, import_react.useRef)(true);
+  const resizeObserverRef = (0, import_react.useRef)(null);
+  const calculateScrollState = (0, import_react.useCallback)(
+    (prevState = null) => {
+      const container = containerRef.current;
+      if (!container) return null;
+      try {
+        const {
+          scrollTop,
+          scrollLeft,
+          scrollHeight,
+          scrollWidth,
+          clientHeight,
+          clientWidth
+        } = container;
+        const isOverflows = scrollHeight > clientHeight || scrollWidth > clientWidth;
+        const isScrollToTop = scrollTop <= 0;
+        const isScrollToBottom = scrollTop + clientHeight >= scrollHeight - 1;
+        const isScrollToLeft = scrollLeft <= 0;
+        const isScrollToRight = scrollLeft + clientWidth >= scrollWidth - 1;
+        let direction = null;
+        if (prevState) {
+          const deltaY = Math.abs(scrollTop - prevState.scrollTop);
+          const deltaX = Math.abs(scrollLeft - prevState.scrollLeft);
+          if (deltaY > deltaX && deltaY > 0) {
+            direction = scrollTop > prevState.scrollTop ? "down" : "up";
+          } else if (deltaX > 0) {
+            direction = scrollLeft > prevState.scrollLeft ? "right" : "left";
+          } else {
+            direction = prevState.direction;
+          }
+        }
+        const maxScrollTop = Math.max(0, scrollHeight - clientHeight);
+        const maxScrollLeft = Math.max(0, scrollWidth - clientWidth);
+        const percentY = maxScrollTop > 0 ? scrollTop / maxScrollTop * 100 : 0;
+        const percentX = maxScrollLeft > 0 ? scrollLeft / maxScrollLeft * 100 : 0;
+        return {
+          scrollTop,
+          scrollLeft,
+          scrollHeight,
+          scrollWidth,
+          clientHeight,
+          clientWidth,
+          percentY,
+          percentX,
+          direction,
+          isScrollToTop,
+          isScrollToBottom,
+          isScrollToLeft,
+          isScrollToRight,
+          isOverflows
+        };
+      } catch (error) {
+        console.warn("[useScrollState] 计算滚动状态时出错:", error);
+        return null;
+      }
+    },
+    [containerRef]
+  );
+  const updateScrollState = (0, import_react.useCallback)(() => {
+    if (!isMountedRef.current) return;
     setScrollState((prev) => {
-      return {
-        ...prev,
-        isOverflows
-      };
+      const newState = calculateScrollState(prev);
+      return newState || prev;
     });
-  }, [(_e = containerRef.current) == null ? void 0 : _e.scrollWidth, (_f = containerRef.current) == null ? void 0 : _f.scrollHeight, (_g = containerRef.current) == null ? void 0 : _g.clientHeight, (_h = containerRef.current) == null ? void 0 : _h.clientWidth]);
-  const updateScrollState = (0, import_react.useCallback)(() => {
+  }, [calculateScrollState]);
+  const updateOverflowState = (0, import_react.useCallback)(() => {
+    if (!isMountedRef.current) return;
+    const newState = calculateScrollState(null);
+    if (newState) {
+      setScrollState((prev) => ({
+        ...prev,
+        scrollHeight: newState.scrollHeight,
+        scrollWidth: newState.scrollWidth,
+        clientHeight: newState.clientHeight,
+        clientWidth: newState.clientWidth,
+        isOverflows: newState.isOverflows,
+        isScrollToTop: newState.isScrollToTop,
+        isScrollToBottom: newState.isScrollToBottom,
+        isScrollToLeft: newState.isScrollToLeft,
+        isScrollToRight: newState.isScrollToRight
+      }));
+    }
+  }, [calculateScrollState]);
+  (0, import_react.useEffect)(() => {
+    isMountedRef.current = true;
     const container = containerRef.current;
     if (!container) return;
-    const {
-      scrollTop,
-      scrollLeft,
-      scrollHeight,
-      scrollWidth,
-      clientHeight,
-      clientWidth
-    } = container;
-    const isScrollToTop = scrollTop <= 0;
-    const isScrollToBottom = scrollTop + clientHeight >= scrollHeight;
-    const isScrollToLeft = scrollLeft <= 0;
-    const isScrollToRight = scrollLeft + clientWidth >= scrollWidth;
-    setScrollState((prev) => {
-      let direction = null;
-      if (Math.abs(scrollTop - prev.scrollTop) > Math.abs(scrollLeft - prev.scrollLeft)) {
-        direction = scrollTop > prev.scrollTop ? "down" : "up";
-      } else if (scrollLeft !== prev.scrollLeft) {
-        direction = scrollLeft > prev.scrollLeft ? "right" : "left";
-      } else {
-        direction = prev.direction;
+    const debouncedUpdateOverflow = debounce(updateOverflowState, 50);
+    updateOverflowState();
+    if (typeof ResizeObserver === "undefined") {
+      const handleResize = () => debouncedUpdateOverflow();
+      window.addEventListener("resize", handleResize);
+      return () => {
+        isMountedRef.current = false;
+        window.removeEventListener("resize", handleResize);
+      };
+    }
+    try {
+      resizeObserverRef.current = new ResizeObserver((entries) => {
+        if (entries.length > 0 && isMountedRef.current) {
+          debouncedUpdateOverflow();
+        }
+      });
+      resizeObserverRef.current.observe(container);
+      const children = container.children;
+      for (let i = 0; i < children.length; i++) {
+        resizeObserverRef.current.observe(children[i]);
       }
-      const maxScrollTop = scrollHeight - clientHeight;
-      const maxScrollLeft = scrollWidth - clientWidth;
-      const percentY = maxScrollTop > 0 ? scrollTop / maxScrollTop * 100 : 0;
-      const percentX = maxScrollLeft > 0 ? scrollLeft / maxScrollLeft * 100 : 0;
-      const isOverflows = scrollHeight > clientHeight || scrollWidth > clientWidth;
-      return {
-        scrollTop,
-        scrollLeft,
-        scrollHeight,
-        scrollWidth,
-        clientHeight,
-        clientWidth,
-        percentY,
-        percentX,
-        direction,
-        isScrollToTop,
-        isScrollToBottom,
-        isScrollToLeft,
-        isScrollToRight,
-        isOverflows
+      const mutationObserver = new MutationObserver((mutations) => {
+        if (!isMountedRef.current || !resizeObserverRef.current) return;
+        mutations.forEach((mutation) => {
+          mutation.addedNodes.forEach((node) => {
+            var _a;
+            if (node instanceof Element) {
+              (_a = resizeObserverRef.current) == null ? void 0 : _a.observe(node);
+            }
+          });
+        });
+        debouncedUpdateOverflow();
+      });
+      mutationObserver.observe(container, {
+        childList: true,
+        subtree: false
+      });
+      const handleWindowResize = () => debouncedUpdateOverflow();
+      window.addEventListener("resize", handleWindowResize);
+      return () => {
+        var _a;
+        isMountedRef.current = false;
+        (_a = resizeObserverRef.current) == null ? void 0 : _a.disconnect();
+        resizeObserverRef.current = null;
+        mutationObserver.disconnect();
+        window.removeEventListener("resize", handleWindowResize);
       };
-    });
-  }, [containerRef]);
+    } catch (error) {
+      console.warn("[useScrollState] 初始化 ResizeObserver 失败:", error);
+      const handleResize = () => debouncedUpdateOverflow();
+      window.addEventListener("resize", handleResize);
+      return () => {
+        isMountedRef.current = false;
+        window.removeEventListener("resize", handleResize);
+      };
+    }
+  }, [containerRef, updateOverflowState]);
   return { scrollState, updateScrollState };
 };
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/PisellSteps/PisellSteps.js

@@ -37,6 +37,7 @@ var import_react = __toESM(require("react"));
 var import_PisellSteps = require("./PisellSteps.less");
 var import_hooks = require("./hooks");
 var import_utils = require("./utils");
+var import_PisellScrollView = require("../PisellScrollView");
 var PisellSteps = ({
   // 基础属性
   type = "default",
@@ -56,7 +57,6 @@ var PisellSteps = ({
   // 扩展功能属性
   clickable = false,
   allowClickFinished = true,
-  connectorStyle,
   gridLayout = false,
   gridColumns,
   itemGap,
@@ -64,6 +64,9 @@ var PisellSteps = ({
   anchorContainer,
   mobileMode = "full",
   mobileBreakpoint = 744,
+  // 滚动模式属性
+  enableScrollMode = false,
+  scrollActionsConfig,
   // 低代码属性
   __designMode,
   __id,
@@ -196,6 +199,44 @@ var PisellSteps = ({
     }
     return customStyle;
   }, [style, itemGap, gridColumns, gridLayout]);
+  const defaultScrollActionsConfig = (0, import_react.useMemo)(() => ({
+    show: true,
+    type: "lrArrows",
+    scrollDistance: 200,
+    ...scrollActionsConfig
+  }), [scrollActionsConfig]);
+  const renderStepsContent = (forceHorizontal = false) => /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Steps,
+    {
+      current: Math.max(0, currentStep - initial),
+      direction: forceHorizontal ? "horizontal" : direction,
+      size: size === "large" ? "default" : size,
+      status,
+      items: processedItems,
+      labelPlacement,
+      type,
+      progressDot,
+      responsive: forceHorizontal ? false : responsive,
+      ...restProps,
+      ...other || {}
+    }
+  );
+  const renderDesktopSteps = () => {
+    if (enableScrollMode) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_PisellScrollView.PisellScrollView,
+        {
+          className: "pisell-steps-scroll-view",
+          overflow: "x",
+          scrollbarStyle: "none",
+          scrollActionsConfig: defaultScrollActionsConfig,
+          snapScroll: { enabled: false }
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-steps-scroll-content" }, renderStepsContent(true))
+      );
+    }
+    return renderStepsContent(false);
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -204,21 +245,7 @@ var PisellSteps = ({
       "data-component": "pisell-steps",
       "data-id": __id
     },
-    showMobileCurrentView ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-steps-mobile-current__info" }, (currentStepItem == null ? void 0 : currentStepItem.title) && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-steps-mobile-current__number" }, currentStepItem.title), (currentStepItem == null ? void 0 : currentStepItem.description) && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-steps-mobile-current__title" }, currentStepItem.description)) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Steps,
-      {
-        current: Math.max(0, currentStep - initial),
-        direction,
-        size: size === "large" ? "default" : size,
-        status,
-        items: processedItems,
-        labelPlacement,
-        type,
-        progressDot,
-        ...restProps,
-        ...other || {}
-      }
-    ))
+    showMobileCurrentView ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-steps-mobile-current__info" }, (currentStepItem == null ? void 0 : currentStepItem.title) && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-steps-mobile-current__number" }, currentStepItem.title), (currentStepItem == null ? void 0 : currentStepItem.description) && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-steps-mobile-current__title" }, currentStepItem.description)) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderDesktopSteps())
   );
 };
 PisellSteps.displayName = "PisellSteps";

package/lib/components/PisellSteps/PisellSteps.less

@@ -318,3 +318,15 @@
     line-height: 28px;
   }
 }
+
+// ============ 滚动模式样式 ============
+.@{pisell-steps-prefix}-scroll-view {
+  width: 100%;
+  position: relative;
+
+  // 滚动内容容器
+  .@{pisell-steps-prefix}-scroll-content {
+    display: inline-flex;
+    min-width: max-content;
+  }
+}

package/lib/components/PisellSteps/types.d.ts

@@ -1,5 +1,6 @@
 import type { StepsProps, StepProps } from 'antd';
 import type { CSSProperties, ReactNode } from 'react';
+import type { ScrollActionsConfig } from '../PisellScrollView/types';
 /**
  * 步骤状态类型
  */
@@ -156,10 +157,6 @@ export interface PisellStepsProps extends Omit<StepsProps, 'items' | 'onChange'
      * @default true
      */
     allowClickFinished?: boolean;
-    /**
-     * 连接器自定义样式
-     */
-    connectorStyle?: CSSProperties;
     /**
      * 是否开启栅格布局
      * @default false
@@ -196,6 +193,17 @@ export interface PisellStepsProps extends Omit<StepsProps, 'items' | 'onChange'
      * @default 744
      */
     mobileBreakpoint?: number;
+    /**
+     * 是否启用横向滚动模式
+     * @description 当步骤条宽度不足时，启用横向滚动并显示左右箭头按钮
+     * @default false
+     */
+    enableScrollMode?: boolean;
+    /**
+     * 滚动箭头配置
+     * @description 配置滚动箭头的显示类型和滚动距离
+     */
+    scrollActionsConfig?: ScrollActionsConfig;
     /**
      * 设计模式标识（低代码引擎使用）
      */

package/lib/components/PisellSuperTabs/PisellSuperTabs.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { PisellSuperTabsProps } from './types';
 import './PisellSuperTabs.less';
 /**
@@ -7,7 +6,7 @@ import './PisellSuperTabs.less';
  * @template T - 数据源项的类型
  */
 declare const PisellSuperTabs: {
-    <T>(props: PisellSuperTabsProps<T>): React.JSX.Element;
+    <T>(props: PisellSuperTabsProps<T>): JSX.Element;
     displayName: string;
 };
 export default PisellSuperTabs;

package/lib/components/PisellTabbar/PisellTabbar.d.ts

@@ -1,3 +1,20 @@
-import PisellTabbar2 from '../PisellTabbar2';
+import React from 'react';
+import { PisellTabbarProps } from './types';
 import './PisellTabbar.less';
-export default PisellTabbar2;
+/**
+ * PisellTabbar - 多层级 Tabbar 组件
+ *
+ * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PisellTabbar
+ *   dataSource={categoryData}
+ *   value={[1, 10, 100]}
+ *   onChange={(value) => console.log('当前选中:', value)}
+ * />
+ * ```
+ */
+declare const PisellTabbar: React.FC<PisellTabbarProps>;
+export default PisellTabbar;

package/lib/components/PisellTabbar/PisellTabbar.js

@@ -39,7 +39,6 @@ var import_hooks = require("./hooks");
 var import_utils = require("./utils");
 var import_constants = require("./constants");
 var import_mock = __toESM(require("./mock"));
-var import_PisellTabbar2 = __toESM(require("../PisellTabbar2"));
 var import_PisellTabbar = require("./PisellTabbar.less");
 var PisellTabbar = (props) => {
   const {
@@ -183,4 +182,4 @@ var PisellTabbar = (props) => {
   )) : null;
 };
 PisellTabbar.displayName = "PisellTabbar";
-var PisellTabbar_default = import_PisellTabbar2.default;
+var PisellTabbar_default = PisellTabbar;

package/lib/components/PisellTabbar2/PisellTabbar.js

@@ -235,7 +235,6 @@ var PisellTabbar = (props) => {
           position: "absolute",
           top: 40,
           right: 0,
-          // zIndex: 99,
           height: "calc(100% - 40px)",
           transition: "0.3s ease-in-out"
         },

package/lib/components/appVersionControl/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { AppVersionControlProps } from './types';
 import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => React.JSX.Element;
+declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
 export default AppVersionControl;

package/lib/components/auto-complete-number/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;
@@ -6,5 +5,5 @@ interface AutoCompleteNumberProps {
     value?: any;
     onChange?: any;
 }
-declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => React.JSX.Element;
+declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => JSX.Element;
 export default AutoCompleteNumber;

package/lib/components/badge/index.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { BadgeProps as OriginalBadgeprops } from 'antd';
 import './index.less';
 export interface Badgeprops extends OriginalBadgeprops {
     styleType: 'default' | 'warning';
 }
-declare const Badge: (props: any) => React.JSX.Element;
+declare const Badge: (props: any) => JSX.Element;
 export default Badge;

package/lib/components/batch-editor/fields/Image/index.d.ts

@@ -3,5 +3,5 @@ export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
     value?: string;
 }
 import "./index.less";
-declare const Image: (props: ImageProps) => React.JSX.Element | null;
+declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

package/lib/components/batch-editor/fields/Text/index.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-declare const Text: (props: TextProps) => React.JSX.Element;
+declare const Text: (props: TextProps) => JSX.Element;
 export default Text;

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
-    image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
-    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
+    image: (props: import("./Image").ImageProps) => JSX.Element | null;
+    text: (props: import("./Text").TextProps) => JSX.Element;
 };
 export default _default;

package/lib/components/batch-editor/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];
@@ -7,5 +6,5 @@ interface BatchEditorProps {
     rowKey: string;
     otherTableProps: any;
 }
-declare const BatchEditor: (props: BatchEditorProps) => React.JSX.Element;
+declare const BatchEditor: (props: BatchEditorProps) => JSX.Element;
 export default BatchEditor;

package/lib/components/browserSelect/index.d.ts

@@ -17,5 +17,5 @@ interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHT
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 16:43
  */
-declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
+declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
 export default BrowserSelect;

package/lib/components/calendar/index.d.ts

@@ -1,2 +1,2 @@
-declare const Calendar: (props: any) => import("react").JSX.Element;
+declare const Calendar: (props: any) => JSX.Element;
 export default Calendar;