@zat-design/sisyphus-react 4.3.5 → 4.3.6

package/es/ProConfigProvider/propsType.d.ts

@@ -11,6 +11,7 @@ export interface ProConfigProviderType {
     ProSelect?: Partial<PropSelectType> & Record<string, any>;
     ProModalSelect?: Partial<ProModalSelectType> & Record<string, any>;
     ProAddressBar?: Partial<ProCascaderType> & Record<string, any>;
+    ProCascader?: Partial<ProCascaderType> & Record<string, any>;
     forms?: Record<string, FormInstance | undefined>;
     [key: string]: any;
 }

package/es/ProEditTable/style/index.less

@@ -195,7 +195,7 @@
       }
 
       td {
-        .pro-form-view-container_nowrap {
+        .pro-form-view-container-nowrap {
           white-space: normal;
         }
       }

package/es/ProEnum/index.js

@@ -260,7 +260,8 @@ const ProEnum = props => {
         }, item))
       });
     };
-    return _isFunction(props.optionRender) && record.length ? _optionRender() : labelList?.join('，');
+    const filteredLabelList = labelList?.filter(item => item != null && item !== '');
+    return _isFunction(props.optionRender) && record.length ? _optionRender() : filteredLabelList?.length ? filteredLabelList.join('、') : null;
   };
   if (_isView) {
     const __value = value ?? _defaultValue;

package/es/ProEnum/utils/getEnumLabel.js

@@ -49,7 +49,7 @@ const EnumLabel = props => {
       return '';
     });
     return /*#__PURE__*/_jsx("span", {
-      children: labelList.join('，') || '-'
+      children: labelList.join('、') || '-'
     });
   };
   if (Array.isArray(enumLists)) {

package/es/ProForm/components/Container.js

@@ -15,7 +15,7 @@ const Container = props => {
   const nullValue = children !== 0 && !children || isEmptyArray(children);
   const _className = classNames({
     'pro-form-view-container': true,
-    'pro-form-view-container_nowrap': nowrap ?? tooltip
+    'pro-form-view-container-nowrap': nowrap ?? tooltip
   });
   if (tooltip && !nullValue) {
     return /*#__PURE__*/_jsx(Tooltip, {

package/es/ProForm/components/base/Checkbox/index.js

@@ -32,7 +32,7 @@ const Checkbox = props => {
           return dataItem[_fieldNames.value] === item;
         })?.[_fieldNames.label];
       });
-      return labelList.join('，');
+      return labelList.join('、');
     };
     if (Array.isArray(value)) {
       return /*#__PURE__*/_jsx(Container, {

package/es/ProForm/components/base/Radio/index.js

@@ -30,7 +30,7 @@ const Radio = props => {
           return dataItem[_fieldNames.value] === item;
         })?.[_fieldNames.label];
       });
-      return labelList.join('，');
+      return labelList.join('、');
     };
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,

package/es/ProForm/components/combination/Group/utils/index.d.ts

@@ -75,43 +75,44 @@ export declare const useFormItemProps: (column: FlexibleGroupColumnType, context
     confirm?: boolean | import("antd").ModalFuncProps | import("../../../render/propsType").FunctionArgs<any, boolean | import("antd").ModalFuncProps>;
     show?: boolean | ReactiveFunction<any, boolean>;
     component?: React.ReactNode | ReactiveFunction<any, React.ReactNode>;
-    id?: string;
-    className?: string;
-    hidden?: boolean;
-    style?: React.CSSProperties;
     children?: React.ReactNode | ((form: FormInstance<any>) => React.ReactNode);
-    onReset?: () => void;
+    trim?: boolean;
+    normalize?: (value: any, prevValue: any, allValues: import("@rc-component/form/lib/interface").Store) => any;
     prefixCls?: string;
+    trigger?: string;
+    id?: string;
+    className?: string;
     rootClassName?: string;
-    status?: "" | "warning" | "error" | "success" | "validating";
-    vertical?: boolean;
+    style?: React.CSSProperties;
     isView?: boolean;
+    status?: "" | "success" | "warning" | "error" | "validating";
+    vertical?: boolean;
+    hidden?: boolean;
+    layout?: import("antd/es/form/Form").FormItemLayout;
+    help?: React.ReactNode;
+    preserve?: boolean;
     colon?: boolean;
     htmlFor?: string;
     labelAlign?: import("antd/es/form/interface").FormLabelAlign;
     labelCol?: import("antd").ColProps;
     getValueFromEvent?: (...args: import("@rc-component/form/lib/interface").EventArgs) => any;
-    normalize?: (value: any, prevValue: any, allValues: import("@rc-component/form/lib/interface").Store) => any;
     shouldUpdate?: import("@rc-component/form/lib/Field").ShouldUpdate<any>;
-    trigger?: string;
     validateTrigger?: string | false | string[];
     validateDebounce?: number;
     valuePropName?: string;
     getValueProps?: ((value: any) => Record<string, unknown>) & ((value: any) => Record<string, unknown>);
     messageVariables?: Record<string, string>;
     initialValue?: any;
+    onReset?: () => void;
     onMetaChange?: (meta: import("@rc-component/form/lib/Field").MetaEvent) => void;
-    preserve?: boolean;
     isListField?: boolean;
     isList?: boolean;
     noStyle?: boolean;
     hasFeedback?: boolean | {
         icons: import("antd/es/form/FormItem").FeedbackIcons;
     };
-    validateStatus?: "" | "warning" | "error" | "success" | "validating";
-    layout?: import("antd/es/form/Form").FormItemLayout;
+    validateStatus?: "" | "success" | "warning" | "error" | "validating";
     wrapperCol?: import("antd").ColProps;
-    help?: React.ReactNode;
     fieldId?: string;
     valueType?: import("../../../render/propsType").ProFormValueType;
     switchValue?: [any, any];
@@ -121,7 +122,6 @@ export declare const useFormItemProps: (column: FlexibleGroupColumnType, context
         index?: number;
     }) => string | React.ReactElement<any, any>;
     viewType?: import("../../../render/propsType").ViewType;
-    trim?: boolean;
     upperCase?: boolean;
     toISOString?: boolean;
     toCSTString?: boolean;

package/es/ProForm/components/combination/ProCascader/index.js

@@ -43,11 +43,13 @@ const getViewLabel = ({
   return viewLabel;
 };
 const ProCascader = props => {
+  const proCascaderConfig = useProConfig('ProCascader');
+  const proAddressBarConfig = useProConfig('ProAddressBar');
   const {
     detailMaxLength: configDetailMaxLength,
     enumCode: configEnumCode,
     code: configCode
-  } = useProConfig('ProAddressBar') || {};
+  } = proCascaderConfig ?? proAddressBarConfig ?? {};
   const isAddressMode = props?.mode === 'address' || props?.otherProps?.type === 'ProAddressBar';
   const {
     className = '',

package/es/ProForm/components/combination/ProModalSelect/index.js

@@ -202,7 +202,7 @@ const ProModalSelect = (props, ref) => {
         value: item[valueKey],
         label: item[labelKey]
       });
-    })?.join('，') : '';
+    })?.join('、') : '';
   };
   const viewText = useMemo(() => {
     let nextValue = labelInValue ? value : _value;

package/es/ProForm/components/render/Render.js

@@ -158,7 +158,7 @@ const Render = props => {
   Object.assign(otherFormItemProps, transforms, {
     names: otherProps.names
   }, internalRule, {
-    required: typeof labelRequired === 'boolean' ? labelRequired : _required || Array.isArray(rules) && rules?.some(item => item?.required) || false
+    required: _required || Array.isArray(rules) && rules?.some(item => item?.required) || (typeof labelRequired === 'boolean' ? labelRequired : false)
   }, otherProps.isView && !requiredOnView ? {
     required: false
   } : null, {

package/es/ProForm/style/index.less

@@ -329,7 +329,7 @@
     word-break: break-all;
   }
 
-  .pro-form-view-container_nowrap {
+  .pro-form-view-container-nowrap {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -530,6 +530,9 @@
       border-radius: 4px;
     }
   }
+  &.pro-form-view .@{ant-prefix}-form-item .@{ant-prefix}-form-item-control-input-content {
+    display: flex;
+  }
 }
 
 .original-value-tooltip {

package/es/ProLayout/components/TabsManager/hooks/useTabsState.js

@@ -188,6 +188,56 @@ export const useTabsState = options => {
     });
   }, [finalConfig]);
 
+  /**
+   * 更新已存在标签页的展示信息（保持 tab.id 不变 → 子组件不会 unmount）
+   * - 仅允许更新 name / icon / extra / closable
+   * - extra 为替换语义（直接覆盖原 extra）
+   * - tabId 不存在时 no-op
+   */
+  const updateTab = useCallback((tabId, updates) => {
+    setState(prevState => {
+      const targetIndex = prevState.tabsList.findIndex(tab => tab.id === tabId);
+      if (targetIndex === -1) return prevState;
+      const target = prevState.tabsList[targetIndex];
+      const nextMenuItem = target.menuItem ? {
+        ...target.menuItem,
+        ...(updates.name !== undefined && {
+          name: updates.name
+        }),
+        ...(updates.icon !== undefined && {
+          icon: updates.icon
+        }),
+        ...(updates.extra !== undefined && {
+          extra: updates.extra
+        }),
+        ...(updates.closable !== undefined && {
+          closable: updates.closable
+        })
+      } : target.menuItem;
+      const nextTab = {
+        ...target,
+        ...(updates.name !== undefined && {
+          name: updates.name,
+          title: updates.name
+        }),
+        ...(updates.icon !== undefined && {
+          icon: updates.icon
+        }),
+        ...(updates.closable !== undefined && {
+          closable: updates.closable
+        }),
+        menuItem: nextMenuItem
+      };
+      const newTabsList = [...prevState.tabsList];
+      newTabsList[targetIndex] = nextTab;
+      return {
+        ...prevState,
+        tabsList: newTabsList,
+        activeTabInfo: prevState.activeKey === tabId ? nextTab : prevState.activeTabInfo
+      };
+    });
+  }, []);
+
   /**
    * 移除标签页
    */
@@ -377,6 +427,7 @@ export const useTabsState = options => {
     addTab,
     canAddTab,
     removeTab,
+    updateTab,
     switchTab,
     closeOtherTabs,
     closeRightTabs,

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

@@ -24,6 +24,7 @@ const TabsManager = /*#__PURE__*/forwardRef(({
     addTab,
     canAddTab,
     removeTab,
+    updateTab,
     switchTab,
     closeOtherTabs,
     closeRightTabs,
@@ -113,12 +114,13 @@ const TabsManager = /*#__PURE__*/forwardRef(({
       addTab(menuItem, options);
     },
     removeTab,
+    updateTab,
     getTabInfo: () => ({
       tabsList: state.tabsList,
       activeTabInfo: state.tabsList.find(tab => tab.id === state.activeKey),
       activeComponent: state.activeComponent
     })
-  }), [addTab, removeTab, state.tabsList, state.activeKey, state.activeComponent, dataSource]);
+  }), [addTab, removeTab, updateTab, state.tabsList, state.activeKey, state.activeComponent, dataSource]);
   const handleTabChange = useCallback(activeKey => {
     switchTab(activeKey);
   }, [switchTab]);

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import type { MenuProps } from 'antd';
-import { TabsState, MenusType, DataSourceType, TabsConfig, AddTabOptions, TabItem } from '../../propTypes';
+import { TabsState, MenusType, DataSourceType, TabsConfig, AddTabOptions, TabItem, UpdateTabParams } from '../../propTypes';
 export interface TabsManagerProps {
     /** 标签页配置 */
     config: TabsConfig;
@@ -59,6 +59,8 @@ export interface UseTabsStateReturn {
     canAddTab: (menuItem: MenusType, options?: AddTabOptions) => boolean;
     /** 移除标签页 */
     removeTab: (tabId: string) => void;
+    /** 更新指定 id 的标签页字段（替换语义；找不到时 no-op） */
+    updateTab: (tabId: string, updates: UpdateTabParams) => void;
     /** 切换标签页 */
     switchTab: (tabId: string) => void;
     /** 关闭其他标签页 */

package/es/ProLayout/propTypes.d.ts

@@ -371,6 +371,27 @@ export interface AddTabOptions {
      */
     forceNew?: boolean;
 }
+/**
+ * @description 更新标签页的字段（仅允许更新展示与扩展数据）
+ */
+export interface UpdateTabParams {
+    /**
+     * @description 标签名称（更新时同步刷新 title）
+     */
+    name?: string;
+    /**
+     * @description 图标
+     */
+    icon?: ReactNode | string;
+    /**
+     * @description 额外扩展数据（替换式覆盖，不做合并）
+     */
+    extra?: Record<string, any>;
+    /**
+     * @description 是否可关闭
+     */
+    closable?: boolean;
+}
 /**
  * @description 获取标签页信息返回值
  */
@@ -394,6 +415,12 @@ export interface ProLayoutTabsInstance {
      * @description 删除标签页
      */
     removeTab: (tabId: string) => void;
+    /**
+     * @description 更新已存在标签页的展示信息（不会卸载/重挂渲染组件）
+     * @param tabId 目标标签页 id
+     * @param updates 仅更新传入的字段，extra 为替换式覆盖
+     */
+    updateTab: (tabId: string, updates: UpdateTabParams) => void;
     /**
      * @description 获取标签页信息
      */

package/es/ProLayout/propTypes.js

@@ -18,6 +18,10 @@
  * @description 添加标签页的选项
  */
 
+/**
+ * @description 更新标签页的字段（仅允许更新展示与扩展数据）
+ */
+
 /**
  * @description 获取标签页信息返回值
  */

package/es/ProTable/style/index.less

@@ -45,7 +45,7 @@
       }
 
       td {
-        .pro-form-view-container_nowrap {
+        .pro-form-view-container-nowrap {
           white-space: normal;
         }
         &.@{ant-prefix}-table-row-expand-icon-cell {

package/es/ProTree/components/ProTreeSelect/index.js

@@ -307,7 +307,7 @@ export const ProTreeSelect = (props, ref) => {
       return item;
     });
     queryLabel(origDataSource);
-    return labelResult?.join('，');
+    return labelResult?.join('、');
   };
 
   // 优化的maxTagPlaceholder实现，支持hover显示完整标签内容

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.3.5",
+  "version": "4.3.6",
   "license": "MIT",
   "files": [
     "es",