@zat-design/sisyphus-react 4.5.8-beta.5 → 4.5.8

package/es/ProForm/components/combination/FormList/components/Empty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FormInstance, FormListOperation } from 'antd';
 import type { InternalNamePath } from 'antd/es/form/interface';
 import type { ToolbarActionType } from '../propsType';
@@ -10,5 +9,5 @@ interface EmptyProps {
     namePath?: InternalNamePath;
     emptyBtnText?: string;
 }
-declare const Empty: ({ disabled, toolbarProps, operation, form, namePath, emptyBtnText }: EmptyProps) => import("react").JSX.Element;
+declare const Empty: ({ disabled, toolbarProps, operation, form, namePath, emptyBtnText }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
 export default Empty;

package/es/ProForm/components/combination/ProCascader/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { ProCascaderType } from './propsType';
-declare const _default: import("react").MemoExoticComponent<(props: ProCascaderType) => import("react").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: ProCascaderType) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/ProForm/hooks/useForm.d.ts

@@ -5,4 +5,4 @@ export interface FormInstanceOption {
     formKey?: string;
     source?: string;
 }
-export declare const useForm: <T>(originForm?: ModifiedFormInstanceType<T> | FormInstanceOption, options?: FormInstanceOption) => [ModifiedFormInstanceType<T>];
+export declare const useForm: <T>(originForm?: FormInstanceOption | ModifiedFormInstanceType<T>, options?: FormInstanceOption) => [ModifiedFormInstanceType<T>];

package/es/ProLayout/components/Layout/Menu/OpenMenu/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OpenMenuPropsType } from './propsType';
-declare const OpenMenu: (props: OpenMenuPropsType) => import("react").JSX.Element;
+declare const OpenMenu: (props: OpenMenuPropsType) => import("react/jsx-runtime").JSX.Element;
 export default OpenMenu;

package/es/ProLayout/components/ProCollapse/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { ProCollapseType } from './PropTypes';
-declare const ProCollapse: (props: ProCollapseType) => React.JSX.Element;
+declare const ProCollapse: (props: ProCollapseType) => import("react/jsx-runtime").JSX.Element;
 export default ProCollapse;

package/es/ProLayout/components/ProFooter/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { ProFooterType } from './PropTypes';
-declare const _default: import("react").MemoExoticComponent<(props: ProFooterType) => import("react").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: ProFooterType) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/ProLayout/components/ProHeader/components/Copy/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 declare const Copy: ({ text }: {
     text: any;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Copy;

package/es/ProLayout/components/ProHeader/components/Describe/index.d.ts

@@ -8,13 +8,13 @@ type DescribeValueItem = Pick<DescribeColumnType, 'tag' | 'link' | 'value' | 'co
 export declare const DescribeTag: ({ tag, parentKey, }: {
     tag?: DescribeColumnType['tag'];
     parentKey: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * 单行值渲染：link → <a>，copyable+字符串 → 复制按钮，末尾追加 tag
  */
 export declare const DescribeValue: ({ value, link, copyable, tag, parentKey, }: DescribeValueItem & {
     parentKey: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * 多值渲染：以「、」连接；超 3 个显示「共N个，」前缀；内容溢出时显示「...」并用 Tooltip 展示全部
  */
@@ -22,5 +22,5 @@ export declare const DescribeItems: ({ items, parentKey, containerRef, }: {
     items: DescribeValueItem[];
     parentKey: string;
     containerRef: React.RefObject<HTMLDivElement>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/es/ProLayout/components/ProHeader/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ProHeaderType } from './PropTypes';
-declare const _default: React.MemoExoticComponent<(props: ProHeaderType) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/ProLayout/components/TabsManager/components/TabContextMenu.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TabContextMenuProps } from '../propTypes';
 /**
  * 右键菜单组件 - 兼容Antd 4.x和5.x
  */
-declare function TabContextMenu({ tabId, children, closable, onClose, onCloseOthers, onCloseRight, onCloseAll, pinned, pinDisabled, onTogglePin, menuItems: customMenuItems, tabMenuClick, tab, tabs, }: TabContextMenuProps): import("react").JSX.Element;
+declare function TabContextMenu({ tabId, children, closable, onClose, onCloseOthers, onCloseRight, onCloseAll, pinned, pinDisabled, onTogglePin, menuItems: customMenuItems, tabMenuClick, tab, tabs, }: TabContextMenuProps): import("react/jsx-runtime").JSX.Element;
 export default TabContextMenu;
 export { TabContextMenu };

package/es/ProLayout/components/TabsManager/components/TabsHeader.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { TabsProps } from 'antd';
 export interface TabsHeaderProps {
     activeKey: string | undefined;
@@ -8,4 +7,4 @@ export interface TabsHeaderProps {
     draggable?: boolean;
     onReorder?: (activeId: string, overId: string) => void;
 }
-export declare function TabsHeader({ activeKey, tabsItems, onTabChange, onTabEdit, draggable, onReorder, }: TabsHeaderProps): React.JSX.Element;
+export declare function TabsHeader({ activeKey, tabsItems, onTabChange, onTabEdit, draggable, onReorder, }: TabsHeaderProps): import("react/jsx-runtime").JSX.Element;

package/es/ProLayout/components/TabsManager/components/TabsHeader.js

@@ -51,6 +51,7 @@ export function TabsHeader({
   const tabKeys = (tabsItems ?? []).map(item => item.key);
   return /*#__PURE__*/_jsx("div", {
     className: "pro-layout-tabs-header",
+    "data-pro-layout-tabs-measure": "true",
     children: /*#__PURE__*/_jsx(Tabs, {
       activeKey: activeKey,
       onChange: onTabChange,

package/es/ProLayout/index.d.ts

@@ -9,10 +9,10 @@ interface LayoutContextValue {
 }
 export declare const LayoutContext: import("react").Context<LayoutContextValue>;
 declare const ProLayout: {
-    (props: ProLayoutType): import("react").JSX.Element;
-    ProCollapse: (props: import("@/ProLayout/components/ProCollapse/PropTypes").ProCollapseType) => import("react").JSX.Element;
-    ProFooter: import("react").MemoExoticComponent<(props: import("@/ProLayout/components/ProFooter/PropTypes").ProFooterType) => import("react").JSX.Element>;
-    ProHeader: import("react").MemoExoticComponent<(props: import("@/ProLayout/components/ProHeader/PropTypes").ProHeaderType) => import("react").JSX.Element>;
+    (props: ProLayoutType): import("react/jsx-runtime").JSX.Element;
+    ProCollapse: (props: import("../index").ProCollapseType) => import("react/jsx-runtime").JSX.Element;
+    ProFooter: import("react").MemoExoticComponent<(props: import("../index").ProFooterType) => import("react/jsx-runtime").JSX.Element>;
+    ProHeader: import("react").MemoExoticComponent<(props: import("../index").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
     useProLayoutTabs: typeof useProLayoutTabs;
     useActiveTab: () => import("./propTypes").TabItem;
 };

package/es/ProLayout/index.js

@@ -17,6 +17,7 @@ import headerBg from "../assets/header_bg.png";
 // 全局上下文
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const LayoutContext = /*#__PURE__*/createContext(undefined);
+const TABS_HEADER_MEASURE_SELECTOR = '[data-pro-layout-tabs-measure="true"]';
 const ProLayout = props => {
   const {
     children,
@@ -94,26 +95,45 @@ const ProLayout = props => {
   useLayoutEffect(() => {
     const noticeEl = notice && !isIframePure ? noticeElRef.current : null;
     const visibleTabsBarEl = isTabsLayout && hasTabs && !isIframePure ? tabsBarEl : null;
+    const visibleTabsHeaderEl = visibleTabsBarEl?.querySelector(TABS_HEADER_MEASURE_SELECTOR);
     let active = true;
+    let animationFrameId;
     const measureStickyElements = () => {
       if (!active) return;
       const nextHeights = {
         notice: noticeEl?.getBoundingClientRect().height ?? 0,
-        tabsBar: visibleTabsBarEl?.getBoundingClientRect().height ?? 0
+        tabsBar: visibleTabsHeaderEl?.getBoundingClientRect().height ?? 0
       };
       setStickyHeights(currentHeights => currentHeights.notice === nextHeights.notice && currentHeights.tabsBar === nextHeights.tabsBar ? currentHeights : nextHeights);
     };
     measureStickyElements();
-    const observedElements = [noticeEl, visibleTabsBarEl].filter(element => element !== null);
+    if (typeof window.requestAnimationFrame === 'function') {
+      animationFrameId = window.requestAnimationFrame(measureStickyElements);
+    }
+    const handleTabsTransitionEnd = event => {
+      if (event.target === visibleTabsBarEl && event.propertyName === 'grid-template-rows') {
+        measureStickyElements();
+      }
+    };
+    visibleTabsBarEl?.addEventListener('transitionend', handleTabsTransitionEnd);
+    const observedElements = [noticeEl, visibleTabsHeaderEl].filter(element => element !== null && element !== undefined);
     if (observedElements.length === 0 || typeof ResizeObserver === 'undefined') {
       return () => {
         active = false;
+        if (animationFrameId !== undefined) {
+          window.cancelAnimationFrame(animationFrameId);
+        }
+        visibleTabsBarEl?.removeEventListener('transitionend', handleTabsTransitionEnd);
       };
     }
     const resizeObserver = new ResizeObserver(measureStickyElements);
     observedElements.forEach(element => resizeObserver.observe(element));
     return () => {
       active = false;
+      if (animationFrameId !== undefined) {
+        window.cancelAnimationFrame(animationFrameId);
+      }
+      visibleTabsBarEl?.removeEventListener('transitionend', handleTabsTransitionEnd);
       resizeObserver.disconnect();
     };
   }, [hasTabs, isIframePure, isTabsLayout, notice, tabsBarEl]);

package/es/ProLayout/style/index.less

@@ -388,11 +388,10 @@
 
       .pro-layout-tabs-content {
         > .tab-pane {
-          // ProStep 以 ProHeader 开头时，去掉 tabs 内容区的顶部/右侧外层留白。
-          // ProStep 保持默认 right: 0，内容与收起态步骤条保留 16px 间距；左侧缩进不变。
+          // ProStep 以 ProHeader 开头时，仅去掉 tabs 内容区的顶部留白。
+          // 保留右侧内边距，让 ProStep wrapper 继续为贴右步骤条预留 16px 间距。
           > .pro-step-wrapper:has(> .pro-header:first-child) {
             margin-top: calc(-1px - var(--zaui-space-size-md, 16px));
-            margin-right: calc(-1px - var(--zaui-space-size-md, 16px));
           }
 
           > .pro-header.pro-header-no-describe:first-child {

package/es/ProSelect/components/AdaptiveTooltip.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 declare const AdaptiveTooltip: ({ children }: {
     children: any;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AdaptiveTooltip;

package/es/ProSelect/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { PropSelectType, ProSelectActionType } from './propsType';
-export declare const ProSelect: (props: PropSelectType, ref: React.Ref<ProSelectActionType> | undefined) => React.JSX.Element;
+export declare const ProSelect: (props: PropSelectType, ref: React.Ref<ProSelectActionType> | undefined) => import("react/jsx-runtime").JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<PropSelectType & React.RefAttributes<ProSelectActionType>>;
 export default _default;

package/es/ProStep/components/Anchor/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactElement } from 'react';
 import { MenuItemProps } from '../../propsType';
-export declare const MenuItem: (props: MenuItemProps) => ReactNode;
+export declare const MenuItem: (props: MenuItemProps) => ReactElement;
 export default MenuItem;

package/es/ProStep/components/Step/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ProStepType } from '../../propsType';
 export declare const Step: ({ fixedTop, dataSource, activeKey, errorCollection, style, targetOffset, scrollToError, onAnchorClick, }: import("../../propsType").ProStepPropsType & {
     errorCollection: object;
@@ -6,5 +5,5 @@ export declare const Step: ({ fixedTop, dataSource, activeKey, errorCollection,
         targetOffset?: string | number;
         scrollToError?: boolean;
     }) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Step;

package/es/ProStep/style/index.less

@@ -1,14 +1,17 @@
 @import '../../style/variables.less';
 
+@pro-step-closed-width: 48px;
+@pro-step-content-gap: var(--zaui-space-size-md, 16px);
+
 .pro-step-wrapper {
-  padding-right: 48px;
+  padding-right: calc(@pro-step-closed-width - @pro-step-content-gap);
 }
 
 .pro-step {
   position: fixed;
   right: 0;
   z-index: 99;
-  min-width: 48px;
+  min-width: @pro-step-closed-width;
   min-height: 48px;
   overflow-x: hidden;
   overflow-y: auto;
@@ -217,6 +220,6 @@
   }
 
   &.pro-step-closed {
-    width: 48px;
+    width: @pro-step-closed-width;
   }
 }

package/es/ProTable/components/EditableCell/EditIcon.js

@@ -1,6 +1,5 @@
+import { EditOutlined } from '@ant-design/icons';
 import React from 'react';
-import ProIcon from "../../../ProIcon";
-import editSvg from "../../../assets/edit.svg";
 import styles from "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 const EditIcon = ({
@@ -9,10 +8,7 @@ const EditIcon = ({
   return /*#__PURE__*/_jsx("span", {
     className: styles['editable-cell-edit-icon'],
     onClick: onClick,
-    children: /*#__PURE__*/_jsx(ProIcon, {
-      src: editSvg,
-      size: "20px"
-    })
+    children: /*#__PURE__*/_jsx(EditOutlined, {})
   });
 };
 export default EditIcon;

package/es/ProTable/components/EditableCell/index.less

@@ -14,10 +14,6 @@
   color: rgba(0, 0, 0, 0.65);
   flex-shrink: 0;
 
-  svg path {
-    fill: currentColor !important;
-  }
-
   &:hover {
     color: var(--zaui-brand, #006aff);
   }
@@ -26,4 +22,3 @@
 td:hover .editable-cell-edit-icon {
   visibility: visible;
 }
-

package/es/ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/index.d.ts

@@ -14,5 +14,5 @@ declare const DndWrapper: ({ draggable, value, onChange, disabled, children, row
     rowKey: any;
     onDragStartGuard: any;
     onDragEndGuard: any;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default DndWrapper;

package/es/ProTable/components/RenderFooter/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const RenderFooter: (props: any) => import("react").JSX.Element;
+declare const RenderFooter: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default RenderFooter;

package/es/ProTable/components/RenderTableHeader/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const RenderTableHeader: (props: any) => import("react").JSX.Element;
+declare const RenderTableHeader: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default RenderTableHeader;

package/es/ProTable/components/RenderTabs/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { ProTableTabsType } from '../../propsType';
-declare const _default: import("react").MemoExoticComponent<(props: ProTableTabsType) => import("react").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: ProTableTabsType) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/ProTable/components/TableResizable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     components: {
         header: {
@@ -7,7 +6,7 @@ declare const _default: {
                 onDrag: any;
                 width: number;
                 minwidth?: number;
-            }) => import("react").JSX.Element;
+            }) => import("react/jsx-runtime").JSX.Element;
         };
     };
 };

package/es/ProTabs/components/Card/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardType } from '../../propType';
-declare const Card: (props: CardType) => import("react").JSX.Element;
+declare const Card: (props: CardType) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/es/ProThemeTools/component/ProTools/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { DevToolsPropsType } from '../../propsType';
-declare const ProTools: ({ onReset, onClose, setState, open, state, tableBorder, tableStripe, }: DevToolsPropsType) => React.JSX.Element;
+declare const ProTools: ({ onReset, onClose, setState, open, state, tableBorder, tableStripe, }: DevToolsPropsType) => import("react/jsx-runtime").JSX.Element;
 export default ProTools;

package/es/ProThemeTools/index.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { ProThemeToolsType } from './propsType';
 declare const ProThemeTools: {
-    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsType): import("react").JSX.Element;
+    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsType): import("react/jsx-runtime").JSX.Element;
     setThemes: (themes: import("./utils/index").ThemesProps) => boolean;
 };
 export default ProThemeTools;

package/es/ProTooltip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ProTooltipType } from './propsType';
-declare const ProTooltip: (props: ProTooltipType) => import("react").JSX.Element;
+declare const ProTooltip: (props: ProTooltipType) => import("react/jsx-runtime").JSX.Element;
 export default ProTooltip;

package/es/ProTree/components/AdaptiveTooltip.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 declare const AdaptiveTooltip: ({ children }: {
     children: any;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AdaptiveTooltip;

package/es/ProTree/components/CloseIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare function CloseIcon(props: any): import("react").JSX.Element;
+declare function CloseIcon(props: any): import("react/jsx-runtime").JSX.Element;
 export default CloseIcon;

package/es/ProTree/components/List.d.ts

@@ -12,6 +12,6 @@ interface ListProps {
     handleFilterClose?: (code: string) => void;
     optionRender?: (item: any, searchStr?: string) => string | ReactNode;
 }
-declare function List(props: ListProps): import("react").JSX.Element;
+declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof List>;
 export default _default;

package/es/ProTree/components/ProTree.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ProTreeType } from '../propsType';
-declare const ProTree: (props: ProTreeType) => import("react").JSX.Element;
+declare const ProTree: (props: ProTreeType) => import("react/jsx-runtime").JSX.Element;
 export default ProTree;

package/es/ProTree/components/ProTreeSelect/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ProTreeSelectType } from './propsType';
-export declare const ProTreeSelect: (props: ProTreeSelectType, ref: React.Ref<unknown> | undefined) => React.JSX.Element;
+export declare const ProTreeSelect: (props: ProTreeSelectType, ref: React.Ref<unknown> | undefined) => import("react/jsx-runtime").JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<ProTreeSelectType & React.RefAttributes<unknown>>;
 export default _default;

package/es/ProTree/components/SearchTitle.d.ts

@@ -6,6 +6,6 @@ declare function SearchTitle(props: {
     showEllipse?: boolean;
     ellipseWidth?: string;
     otherProps?: ProFormOtherType;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SearchTitle>;
 export default _default;

package/es/ProTree/components/Tree.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import type { ProTreeFieldNamesType, ProTreeType } from '../propsType';
 interface ListProps extends ProTreeType {
     disabled?: boolean;
@@ -23,5 +23,5 @@ interface ListProps extends ProTreeType {
     handleFilterClose?: (code: string, node?: any) => void;
     [key: string]: any;
 }
-declare function List(props: ListProps): React.JSX.Element;
+declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
 export default List;

package/es/ProTree/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ProTreeType } from './propsType';
-declare const ProTreeHandle: (props: ProTreeType) => import("react").JSX.Element;
+declare const ProTreeHandle: (props: ProTreeType) => import("react/jsx-runtime").JSX.Element;
 export default ProTreeHandle;

package/es/ProTreeModal/components/Cascader.d.ts

@@ -10,5 +10,5 @@ interface CascaderProps {
     handleOnChange?: (e: any, value: string) => void;
     optionRender?: (item: any, searchStr: string) => string | ReactNode;
 }
-declare const Cascader: (props: CascaderProps) => import("react").JSX.Element;
+declare const Cascader: (props: CascaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Cascader;

package/es/ProTreeModal/components/CloseIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare function CloseIcon(props: any): import("react").JSX.Element;
+declare function CloseIcon(props: any): import("react/jsx-runtime").JSX.Element;
 export default CloseIcon;

package/es/ProTreeModal/components/SearchTitle.d.ts

@@ -2,6 +2,6 @@
 declare function SearchTitle(props: {
     searchStr: string;
     label: string;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SearchTitle>;
 export default _default;

package/es/ProTreeModal/components/Trigger.d.ts

@@ -17,5 +17,5 @@ interface TriggerProps {
     handleClearAll: () => void;
     appointChange: (appoint?: boolean) => void;
 }
-declare function Trigger(props: TriggerProps): import("react").JSX.Element;
+declare function Trigger(props: TriggerProps): import("react/jsx-runtime").JSX.Element;
 export default Trigger;

package/es/ProTreeModal/components/Trigger.js

@@ -6,7 +6,7 @@ import { ReactSVG } from 'react-svg';
 import { useSetState } from 'ahooks';
 import locale, { formatMessage } from "../../locale";
 import viewSvg from "../../assets/view.svg";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function Trigger(props) {
   const {
     value,
@@ -26,11 +26,13 @@ function Trigger(props) {
   const {
     disabled: appointDisabled
   } = appointProps || {};
-  const _tempAppointDisabled = appointDisabled || false;
-  const _tempDisabled = disabled || false;
-  const [beforeDisabled, afterDisabled] = Array.isArray(disabled) ? disabled : [_tempDisabled, _tempDisabled];
-  const [allDisabled, specifyDisabled] = Array.isArray(appointDisabled) ? appointDisabled : [_tempAppointDisabled, _tempAppointDisabled];
-  const [state, setState] = useSetState({
+  const normalizedAppointDisabled = appointDisabled || false;
+  const normalizedDisabled = disabled || false;
+  const [beforeDisabled, afterDisabled] = Array.isArray(disabled) ? disabled : [normalizedDisabled, normalizedDisabled];
+  const [allDisabled, specifyDisabled] = Array.isArray(appointDisabled) ? appointDisabled : [normalizedAppointDisabled, normalizedAppointDisabled];
+  const [{
+    mode
+  }, setState] = useSetState({
     mode: 'appoint'
   });
   useEffect(() => {
@@ -45,17 +47,17 @@ function Trigger(props) {
     }
   }, [allValue, value, appoint, checkAll]);
   const onIconClick = () => {
-    if (appoint && state.mode === 'all') {
+    if (appoint && mode === 'all') {
       return;
     }
     handleClick();
   };
   const viewIconClassName = classNames('pro-tree-modal-view-svg', {
-    'pro-tree-modal-view-svg-active': !!isView && checkedValues.length > 0 && state.mode !== 'all' && !afterDisabled,
-    'pro-tree-modal-view-svg-not-allowed': appoint && state.mode === 'all'
+    'pro-tree-modal-view-svg-active': !!isView && checkedValues.length > 0 && mode !== 'all' && !afterDisabled,
+    'pro-tree-modal-view-svg-not-allowed': appoint && mode === 'all'
   });
   const addonAfterClassName = classNames('pro-enum-input-addonAfter', {
-    'pro-enum-input-addonAfter-not-allowed': appoint && state.mode === 'all',
+    'pro-enum-input-addonAfter-not-allowed': appoint && mode === 'all',
     'trigger-no-hover': afterDisabled
   });
   if (isView) {
@@ -63,7 +65,8 @@ function Trigger(props) {
     return /*#__PURE__*/_jsxs("div", {
       className: "pro-tree-modal-isView",
       children: [/*#__PURE__*/_jsx("div", {
-        children: !hasValue ? '-' : state.mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
+        className: "pro-tree-modal-isView-value",
+        children: !hasValue ? '-' : mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
           all: label
         }) : formatMessage(locale?.ProTreeModal?.checkNumber, {
           num: checkedValues.length
@@ -92,6 +95,7 @@ function Trigger(props) {
     if (appoint) {
       return /*#__PURE__*/_jsxs(Space.Compact, {
         block: true,
+        className: "pro-tree-modal-appoint-compact",
         style: {
           ...triggerStyle
         },
@@ -102,7 +106,7 @@ function Trigger(props) {
           disabled: beforeDisabled,
           className: classNames(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
           defaultValue: "appoint",
-          value: state.mode,
+          value: mode,
           onChange: onAppointChange,
           options: [{
             value: 'all',
@@ -116,24 +120,26 @@ function Trigger(props) {
         }), props.children]
       });
     }
-    return props.children;
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: props.children
+    });
   };
 
   // 构建 Input 的基础属性
   const inputProps = {
     className: classNames(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
     onClick: handleClick,
-    value: checkedValues.length === 0 ? null : state.mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
+    value: checkedValues.length === 0 ? null : mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
       all: label
     }) : formatMessage(locale?.ProTreeModal?.checkNumber, {
       num: checkedValues.length
     }),
     placeholder: locale?.ProTreeModal?.select,
-    disabled: afterDisabled || state.mode === 'all'
+    disabled: afterDisabled || mode === 'all'
   };
 
   // 如果 mode === 'all'，不显示 addonAfter，直接返回 Input
-  if (state.mode === 'all') {
+  if (mode === 'all') {
     return /*#__PURE__*/_jsx(TriggerComponent, {
       children: /*#__PURE__*/_jsx(Input, {
         ...inputProps,

package/es/ProTreeModal/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import type { ProTreeModalType } from './propsType';
 export declare const CASCADER = "CASCADER";
-declare const ProTreeModal: (props: ProTreeModalType) => React.JSX.Element;
+declare const ProTreeModal: (props: ProTreeModalType) => import("react/jsx-runtime").JSX.Element;
 export default ProTreeModal;