@zat-design/sisyphus-react 4.6.0-beta.1 → 4.6.0-beta.3

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

@@ -15,6 +15,7 @@ import {
   getMenuRoute,
   hasRelationKey,
   findExistingTab,
+  getComparableTabUrl,
   normalizeTabUrl,
   isSafeExternalUrl,
   isSafeHttpUrl,
@@ -30,6 +31,7 @@ const useTabsState = (options) => {
   const finalConfig = { ...DEFAULT_TABS_CONFIG, ...config };
   const urlSyncEnabled = finalConfig.urlSync === true || typeof finalConfig.urlSync === "object" && finalConfig.urlSync !== null;
   const urlSyncIdentity = typeof finalConfig.urlSync === "object" && finalConfig.urlSync !== null ? finalConfig.urlSync.identity || "url" : "url";
+  const urlSyncBasename = typeof finalConfig.urlSync === "object" && finalConfig.urlSync !== null ? finalConfig.urlSync.basename : void 0;
   const [state, setState] = useState(() => ({
     tabsList: [],
     activeKey: "",
@@ -71,8 +73,11 @@ const useTabsState = (options) => {
           const normalizedUrl = normalizeTabUrl(tab.url);
           if (!normalizedUrl)
             return;
+          const comparableUrl = getComparableTabUrl(normalizedUrl, urlSyncBasename);
+          if (!comparableUrl)
+            return;
           const relationKey = tab.relationKey ?? ((_a2 = tab.menuItem) == null ? void 0 : _a2.relationKey);
-          const identity = urlSyncIdentity === "relationKey" && hasRelationKey(relationKey) ? `relationKey:${typeof relationKey}:${String(relationKey)}` : `url:${normalizedUrl}`;
+          const identity = urlSyncIdentity === "relationKey" && hasRelationKey(relationKey) ? `relationKey:${typeof relationKey}:${String(relationKey)}` : `url:${comparableUrl}`;
           const retainedTab = retainedTabByIdentity.get(identity);
           if (retainedTab) {
             retainedTabByIdentity.set(identity, { ...retainedTab, url: normalizedUrl });
@@ -93,7 +98,7 @@ const useTabsState = (options) => {
       setState(restoredState);
     }
     setIsInitialized(true);
-  }, [restoreFromCache, urlSyncEnabled, urlSyncIdentity]);
+  }, [restoreFromCache, urlSyncEnabled, urlSyncIdentity, urlSyncBasename]);
   const lastActiveKeyRef = useRef("");
   const shouldSkipSaveRef = useRef(false);
   const initialTabsAppliedRef = useRef(false);
@@ -132,7 +137,8 @@ const useTabsState = (options) => {
       if (urlSyncEnabled || !forceNew) {
         const existingTab = findExistingTab(state.tabsList, menuItem, {
           urlSync: urlSyncEnabled,
-          identity: urlSyncIdentity
+          identity: urlSyncIdentity,
+          basename: urlSyncBasename
         });
         if (existingTab) {
           return true;
@@ -143,7 +149,7 @@ const useTabsState = (options) => {
       }
       return true;
     },
-    [state.tabsList, finalConfig, urlSyncEnabled, urlSyncIdentity]
+    [state.tabsList, finalConfig, urlSyncEnabled, urlSyncIdentity, urlSyncBasename]
   );
   const addTab = useCallback(
     (menuItem, options2) => {
@@ -170,11 +176,12 @@ const useTabsState = (options) => {
         const resolvedMenuItem = normalizedUrl ? { ...menuItem, url: normalizedUrl, redirectUrl: void 0 } : menuItem;
         const existingTab = urlSyncEnabled || !forceNew ? findExistingTab(prevState.tabsList, resolvedMenuItem, {
           urlSync: urlSyncEnabled,
-          identity: urlSyncIdentity
+          identity: urlSyncIdentity,
+          basename: urlSyncBasename
         }) : void 0;
         if (existingTab) {
           const shouldFixClosable = resolvedMenuItem.closable === false && existingTab.closable !== false;
-          const shouldUpdateUrl = urlSyncIdentity === "relationKey" && normalizedUrl !== void 0 && existingTab.url !== normalizedUrl;
+          const shouldUpdateUrl = urlSyncIdentity === "relationKey" && normalizedUrl !== void 0 && getComparableTabUrl(existingTab.url, urlSyncBasename) !== getComparableTabUrl(normalizedUrl, urlSyncBasename);
           const correctedTab = shouldFixClosable || shouldUpdateUrl ? {
             ...existingTab,
             ...shouldFixClosable ? { closable: false } : {},
@@ -216,7 +223,7 @@ const useTabsState = (options) => {
         };
       });
     },
-    [finalConfig, urlSyncEnabled, urlSyncIdentity]
+    [finalConfig, urlSyncEnabled, urlSyncIdentity, urlSyncBasename]
   );
   useEffect(() => {
     const initialTabs = finalConfig.initialTabs;
@@ -273,21 +280,22 @@ const useTabsState = (options) => {
     (tabId) => {
       setState((prevState) => {
         var _a;
-        const tabToRemove = prevState.tabsList.find((tab) => tab.id === tabId);
+        const targetTabId = tabId ?? prevState.activeKey;
+        const tabToRemove = prevState.tabsList.find((tab) => tab.id === targetTabId);
         if (!tabToRemove || !tabToRemove.closable) {
           return prevState;
         }
-        const newTabs = prevState.tabsList.filter((tab) => tab.id !== tabId);
+        const newTabs = prevState.tabsList.filter((tab) => tab.id !== targetTabId);
         let newActiveKey = prevState.activeKey;
         let newActiveTabInfo = prevState.activeTabInfo;
         let newActiveComponent = prevState.activeComponent;
-        if (prevState.activeKey === tabId && newTabs.length > 0) {
-          const currentIndex = prevState.tabsList.findIndex((tab) => tab.id === tabId);
+        if (prevState.activeKey === targetTabId && newTabs.length > 0) {
+          const currentIndex = prevState.tabsList.findIndex((tab) => tab.id === targetTabId);
           const newActiveIndex = Math.min(currentIndex, newTabs.length - 1);
           newActiveTabInfo = newTabs[newActiveIndex];
           newActiveKey = newActiveTabInfo.id;
           newActiveComponent = ((_a = newActiveTabInfo.menuItem) == null ? void 0 : _a.code) || newActiveTabInfo.id;
-        } else if (prevState.activeKey === tabId) {
+        } else if (prevState.activeKey === targetTabId) {
           newActiveKey = "";
           newActiveTabInfo = void 0;
           newActiveComponent = "";

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

@@ -3,6 +3,8 @@ import * as ReactRouterDom from "react-router-dom";
 import {
   canOpenAsTab,
   flattenMenuData,
+  getBrowserTabUrl,
+  getComparableTabUrl,
   getCurrentTabUrl,
   getMenuRoute,
   getTabUrlPathname,
@@ -92,6 +94,7 @@ const useTabsUrlSync = ({
   const navigator = navigationContext == null ? void 0 : navigationContext.navigator;
   const enabled = config.urlSync === true || typeof config.urlSync === "object" && config.urlSync !== null;
   const historyMode = typeof config.urlSync === "object" ? config.urlSync.history || "replace" : "replace";
+  const basename = typeof config.urlSync === "object" ? config.urlSync.basename : void 0;
   const bootstrappedRef = useRef(false);
   const writingUrlRef = useRef(false);
   const preserveUrlInteractionRef = useRef(null);
@@ -156,11 +159,14 @@ const useTabsUrlSync = ({
     if (!enabled || !isInitialized || typeof window === "undefined")
       return;
     const currentUrl = normalizeTabUrl(locationChange.url);
-    if (!currentUrl)
+    const comparableCurrentUrl = getComparableTabUrl(currentUrl, basename);
+    if (!currentUrl || !comparableCurrentUrl)
       return;
     if (handledLocationSequenceRef.current === locationChange.sequence)
       return;
-    const exactTab = state.tabsList.find((tab) => normalizeTabUrl(tab.url) === currentUrl);
+    const exactTab = state.tabsList.find(
+      (tab) => getComparableTabUrl(tab.url, basename) === comparableCurrentUrl
+    );
     if (exactTab) {
       handledLocationSequenceRef.current = locationChange.sequence;
       bootstrappedRef.current = true;
@@ -170,16 +176,16 @@ const useTabsUrlSync = ({
       }
       return;
     }
-    const currentPathname = getTabUrlPathname(currentUrl);
+    const currentPathname = getTabUrlPathname(comparableCurrentUrl);
     const sourceMenus = getSourceMenus(dataSource);
     const activeTab = state.tabsList.find((tab) => tab.id === state.activeKey);
     const activeCode = ((_a = activeTab == null ? void 0 : activeTab.menuItem) == null ? void 0 : _a.code) || (activeTab == null ? void 0 : activeTab.code);
     const activeSourceMenu = activeCode ? sourceMenus.find((item) => item.code === activeCode) : void 0;
     const activeMenuItem = activeSourceMenu || (activeTab == null ? void 0 : activeTab.menuItem);
-    const activeBasePathname = activeMenuItem ? getTabUrlPathname(getMenuRoute(activeMenuItem)) : getTabUrlPathname(activeTab == null ? void 0 : activeTab.url);
+    const activeBasePathname = activeMenuItem ? getTabUrlPathname(getComparableTabUrl(getMenuRoute(activeMenuItem), basename)) : getTabUrlPathname(getComparableTabUrl(activeTab == null ? void 0 : activeTab.url, basename));
     const targetMenu = (_b = sourceMenus.map((item) => ({
       item,
-      pathname: getTabUrlPathname(getMenuRoute(item))
+      pathname: getTabUrlPathname(getComparableTabUrl(getMenuRoute(item), basename))
     })).filter(
       (entry) => !!entry.pathname && isSameOrNestedPath(entry.pathname, currentPathname)
     ).sort((left, right) => right.pathname.length - left.pathname.length)[0]) == null ? void 0 : _b.item;
@@ -223,7 +229,8 @@ const useTabsUrlSync = ({
     addTab,
     switchTab,
     updateTabUrl,
-    interactionSequence
+    interactionSequence,
+    basename
   ]);
   useEffect(() => {
     if (!enabled || !isInitialized || !bootstrappedRef.current || typeof window === "undefined") {
@@ -231,13 +238,14 @@ const useTabsUrlSync = ({
     }
     const activeTab = state.tabsList.find((tab) => tab.id === state.activeKey);
     const targetUrl = normalizeTabUrl(activeTab == null ? void 0 : activeTab.url);
+    const browserTargetUrl = getBrowserTabUrl(targetUrl, basename);
     const commitActiveTab = () => {
       committedActiveKeyRef.current = state.activeKey;
       committedTabIdsRef.current = new Set(state.tabsList.map((tab) => tab.id));
     };
     if (preserveUrlInteractionRef.current !== null) {
       if (preserveUrlInteractionRef.current === interactionSequence) {
-        if (targetUrl === getCurrentTabUrl()) {
+        if (browserTargetUrl === getCurrentTabUrl()) {
           preserveUrlInteractionRef.current = null;
         }
         commitActiveTab();
@@ -245,7 +253,7 @@ const useTabsUrlSync = ({
       }
       preserveUrlInteractionRef.current = null;
     }
-    if (!targetUrl || targetUrl === getCurrentTabUrl()) {
+    if (!targetUrl || !browserTargetUrl || browserTargetUrl === getCurrentTabUrl()) {
       const pendingNavigation = pendingDataNavigationRef.current;
       navigationAttemptRef.current += 1;
       pendingDataNavigationRef.current = false;
@@ -286,30 +294,34 @@ const useTabsUrlSync = ({
           pendingDataNavigationRef.current = false;
           pendingDataNavigationUrlRef.current = null;
           const currentUrl = getCurrentTabUrl();
-          if (targetUrl === currentUrl || committedDataNavigationUrl === currentUrl) {
+          if (browserTargetUrl === currentUrl || committedDataNavigationUrl === currentUrl) {
             commitActiveTab();
             return;
           }
           rollbackTabActivation(previousActiveKey, attemptedActiveKey, removeAttemptedTab);
         };
         pendingDataNavigationRef.current = true;
-        pendingDataNavigationUrlRef.current = targetUrl;
-        void dataRouterContext.router.navigate(getDataRouterUrl(targetUrl, dataRouterContext.basename), {
+        pendingDataNavigationUrlRef.current = browserTargetUrl;
+        void dataRouterContext.router.navigate(getDataRouterUrl(browserTargetUrl, dataRouterContext.basename), {
           replace: historyMode === "replace",
           state: routerState
         }).then(settleNavigation);
       } else if (navigator) {
         if (historyMode === "push") {
-          navigator.push(targetUrl, routerState);
+          navigator.push(browserTargetUrl, routerState);
         } else {
-          navigator.replace(targetUrl, routerState);
+          navigator.replace(browserTargetUrl, routerState);
         }
         commitActiveTab();
       } else if (historyMode === "push") {
-        window.history.pushState(createPushHistoryState(window.history.state), "", targetUrl);
+        window.history.pushState(
+          createPushHistoryState(window.history.state),
+          "",
+          browserTargetUrl
+        );
         commitActiveTab();
       } else {
-        window.history.replaceState(window.history.state, "", targetUrl);
+        window.history.replaceState(window.history.state, "", browserTargetUrl);
         commitActiveTab();
       }
     } finally {
@@ -324,7 +336,8 @@ const useTabsUrlSync = ({
     interactionSequence,
     navigator,
     dataRouterContext,
-    rollbackTabActivation
+    rollbackTabActivation,
+    basename
   ]);
 };
 export {

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

@@ -67,8 +67,8 @@ export interface UseTabsStateReturn {
     addTab: (menuItem: MenusType, options?: AddTabOptions) => void;
     /** 检查是否可以添加标签页 */
     canAddTab: (menuItem: MenusType, options?: AddTabOptions) => boolean;
-    /** 移除标签页 */
-    removeTab: (tabId: string) => void;
+    /** 移除指定标签页；不传 tabId 时移除当前激活标签页 */
+    removeTab: (tabId?: string) => void;
     /** 更新指定 id 的标签页字段（替换语义；找不到时 no-op） */
     updateTab: (tabId: string, updates: UpdateTabParams) => void;
     /** 更新页签当前 URL，保持 tab.id 不变 */

package/es/ProLayout/components/TabsManager/utils/index.d.ts

@@ -14,10 +14,15 @@ export declare const normalizeTabUrl: (value?: string) => string | undefined;
 export declare const isSafeExternalUrl: (value?: string) => boolean;
 export declare const isSafeHttpUrl: (value?: string) => boolean;
 export declare const getCurrentTabUrl: () => string;
+/** 将浏览器地址和 Tab 内部地址转为同一身份，仅按完整路径段移除 basename。 */
+export declare const getComparableTabUrl: (value?: string, basename?: string) => string | undefined;
+/** 将 Tab 内部地址转为浏览器地址，已带 basename 时不重复添加。 */
+export declare const getBrowserTabUrl: (value?: string, basename?: string) => string | undefined;
 export declare const getTabUrlPathname: (value?: string) => string | undefined;
 export interface FindExistingTabOptions {
     urlSync?: boolean;
     identity?: TabsUrlSyncConfig['identity'];
+    basename?: TabsUrlSyncConfig['basename'];
 }
 export declare const findExistingTab: (tabsList: TabItem[], menuItem: MenusType, options?: FindExistingTabOptions) => TabItem | undefined;
 /**

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

@@ -29,6 +29,49 @@ const isSafeExternalUrl = (value) => {
 };
 const isSafeHttpUrl = (value) => !!resolveHttpUrl(value);
 const getCurrentTabUrl = () => `${window.location.pathname}${window.location.search}${window.location.hash}`;
+const normalizeTabsBasename = (basename) => {
+  const normalized = String(basename ?? "").trim();
+  if (!normalized || normalized === "/")
+    return "";
+  return `/${normalized.replace(/^\/+|\/+$/g, "")}`;
+};
+const splitNormalizedTabUrl = (url) => {
+  const pathnameEnd = [url.indexOf("?"), url.indexOf("#")].filter((index) => index >= 0).reduce((current, index) => Math.min(current, index), url.length);
+  return {
+    pathname: url.slice(0, pathnameEnd),
+    suffix: url.slice(pathnameEnd)
+  };
+};
+const hasPathBasename = (pathname, basename) => {
+  const lowerPathname = pathname.toLowerCase();
+  const lowerBasename = basename.toLowerCase();
+  return lowerPathname === lowerBasename || lowerPathname.startsWith(`${lowerBasename}/`);
+};
+const getComparableTabUrl = (value, basename) => {
+  const normalizedUrl = normalizeTabUrl(value);
+  if (!normalizedUrl)
+    return void 0;
+  const normalizedBasename = normalizeTabsBasename(basename);
+  if (!normalizedBasename)
+    return normalizedUrl;
+  const { pathname, suffix } = splitNormalizedTabUrl(normalizedUrl);
+  if (!hasPathBasename(pathname, normalizedBasename))
+    return normalizedUrl;
+  const barePathname = pathname.slice(normalizedBasename.length) || "/";
+  return `${barePathname}${suffix}`;
+};
+const getBrowserTabUrl = (value, basename) => {
+  const normalizedUrl = normalizeTabUrl(value);
+  if (!normalizedUrl)
+    return void 0;
+  const normalizedBasename = normalizeTabsBasename(basename);
+  if (!normalizedBasename)
+    return normalizedUrl;
+  const { pathname, suffix } = splitNormalizedTabUrl(normalizedUrl);
+  if (hasPathBasename(pathname, normalizedBasename))
+    return normalizedUrl;
+  return `${normalizedBasename}${pathname}${suffix}`;
+};
 const getTabUrlPathname = (value) => {
   const normalized = normalizeTabUrl(value);
   if (!normalized || typeof window === "undefined")
@@ -45,10 +88,10 @@ const findExistingTab = (tabsList, menuItem, options = {}) => {
         }
       );
     }
-    const targetUrl = normalizeTabUrl(getMenuRoute(menuItem));
+    const targetUrl = getComparableTabUrl(getMenuRoute(menuItem), options.basename);
     if (!targetUrl)
       return void 0;
-    return tabsList.find((tab) => normalizeTabUrl(tab.url) === targetUrl);
+    return tabsList.find((tab) => getComparableTabUrl(tab.url, options.basename) === targetUrl);
   }
   if (hasRelationKey(menuItem.relationKey)) {
     return tabsList.find(
@@ -232,6 +275,8 @@ export {
   findExistingTab,
   flattenMenuData,
   generateTabId,
+  getBrowserTabUrl,
+  getComparableTabUrl,
   getCurrentTabUrl,
   getMenuRoute,
   getPinnedBoundary,

package/es/ProLayout/propTypes.d.ts

@@ -373,6 +373,11 @@ export interface TabsUrlSyncConfig {
      * @default 'url'
      */
     identity?: 'url' | 'relationKey';
+    /**
+     * @description 浏览器地址中的显式基础路径；Tab 内部 URL 可以不带该前缀
+     * @example '/wjs'
+     */
+    basename?: string;
 }
 /**
  * @description 添加标签页的业务参数
@@ -464,9 +469,15 @@ export interface ProLayoutTabsInstance {
      */
     addTab: (params: AddTabParams, options?: AddTabOptions) => void;
     /**
-     * @description 删除标签页
+     * @description 删除指定标签页；不传 tabId 时删除当前激活标签页
+     * @param tabId 目标标签页 id，省略时使用当前激活标签页
+     * @example
+     * ```tsx
+     * layoutTabs.removeTab();
+     * layoutTabs.removeTab('tab-id');
+     * ```
      */
-    removeTab: (tabId: string) => void;
+    removeTab: (tabId?: string) => void;
     /**
      * @description 更新已存在标签页的展示信息（不会卸载/重挂渲染组件）
      * @param tabId 目标标签页 id

package/es/ProSelect/index.js

@@ -14,6 +14,7 @@ import React, {
 import isFunction from "lodash/isFunction";
 import omit from "lodash/omit";
 import isNumber from "lodash/isNumber";
+import isString from "lodash/isString";
 import { useProConfig } from "../ProConfigProvider";
 import Container from "../ProForm/components/Container";
 import AdaptiveTooltip from "./components/AdaptiveTooltip";
@@ -190,9 +191,25 @@ const ProSelect = (props, ref) => {
       const option = findOption(v);
       if (!option)
         return "-";
-      return selectProps.showCodeName ? `${option[code]}-${option[label]}` : option == null ? void 0 : option[label];
+      const optionLabel = option[label];
+      if (!selectProps.showCodeName)
+        return optionLabel;
+      if (isString(optionLabel) || isNumber(optionLabel)) {
+        return `${option[code]}-${optionLabel}`;
+      }
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        option[code],
+        "-",
+        optionLabel
+      ] });
     });
-    return labelList == null ? void 0 : labelList.join("、");
+    if (labelList.every((item) => isString(item) || isNumber(item))) {
+      return labelList.join("、");
+    }
+    return labelList.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      index > 0 ? "、" : null,
+      item
+    ] }, `${String(value2[index] ?? "empty")}-${index}`));
   };
   const defaultFilterOption = useCallback(defaultFilterOptionFn, []);
   const mergedShowSearch = useMemo(() => {
@@ -282,13 +299,11 @@ const ProSelect = (props, ref) => {
   };
   const isReactElement = (element) => isValidElement(element);
   const selectOptionRender = (option) => {
-    var _a2, _b2, _c2;
+    var _a2, _b2;
     const currentRecord = ((_a2 = option == null ? void 0 : option.data) == null ? void 0 : _a2.record) || (option == null ? void 0 : option.record);
-    const text = ((_b2 = option == null ? void 0 : option.data) == null ? void 0 : _b2.searchText) ?? ((_c2 = option == null ? void 0 : option.data) == null ? void 0 : _c2.title) ?? (option == null ? void 0 : option.label) ?? "";
-    if (!currentRecord) {
-      return /* @__PURE__ */ jsx(TooltipOption, { title: String(text), children: String(text) });
-    }
-    return /* @__PURE__ */ jsx(TooltipOption, { title: String(text), children: OptionRender ? /* @__PURE__ */ jsx("span", { children: OptionRender(currentRecord) }) : /* @__PURE__ */ jsx("span", { children: String(text) }) });
+    const optionLabel = ((_b2 = option == null ? void 0 : option.data) == null ? void 0 : _b2.label) ?? (option == null ? void 0 : option.label) ?? "";
+    const content = currentRecord && OptionRender ? OptionRender(currentRecord) : optionLabel;
+    return /* @__PURE__ */ jsx(TooltipOption, { children: /* @__PURE__ */ jsx("span", { children: content }) });
   };
   const mode = selectProps.mode;
   const handleChange = (value2, rawOption) => {

package/es/ProSelect/utils/index.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { DataOptionType } from '../propsType';
 /**
  * 返回当前组件可以显示的数据源
@@ -27,7 +28,7 @@ export declare const getOptionText: ({ item, optionRender, showCodeName, code, l
     showCodeName?: boolean;
     code: string;
     label: string;
-}) => string;
+}) => ReactNode;
 /** 构建单个 antd Select option 对象 */
 export declare const buildOptionItem: (item: DataOptionType, index: number, config: {
     optionRender?: (item: DataOptionType) => any;
@@ -36,7 +37,7 @@ export declare const buildOptionItem: (item: DataOptionType, index: number, conf
     label: string;
 }) => {
     key: string;
-    label: string;
+    label: ReactNode;
     value: any;
     disabled: boolean;
     title: string;

package/es/ProSelect/utils/index.js

@@ -2,6 +2,7 @@ import difference from "lodash/difference";
 import isNumber from "lodash/isNumber";
 import isObject from "lodash/isObject";
 import isString from "lodash/isString";
+import { createElement, Fragment } from "react";
 const findSelectNameValues = ({
   list = [],
   selectName,
@@ -130,22 +131,30 @@ const getOptionText = ({
   code,
   label
 }) => {
+  const itemLabel = item[label];
   if (optionRender) {
     const rendered = optionRender(item);
-    return isString(rendered) ? rendered : String(item[label] ?? "");
+    return isString(rendered) ? rendered : isObject(itemLabel) ? itemLabel : String(itemLabel ?? "");
   }
-  const text = showCodeName ? `${item[code]}-${item[label]}` : item[label];
-  return isString(text) ? text : String(text ?? "");
+  if (!showCodeName) {
+    return isObject(itemLabel) ? itemLabel : String(itemLabel ?? "");
+  }
+  if (isString(itemLabel) || isNumber(itemLabel)) {
+    return `${item[code]}-${itemLabel}`;
+  }
+  return createElement(Fragment, null, item[code], "-", itemLabel);
 };
 const buildOptionItem = (item, index, config) => {
-  const text = getOptionText({ item, ...config });
+  const optionLabel = getOptionText({ item, ...config });
+  const isTextLabel = isString(optionLabel) || isNumber(optionLabel);
+  const searchText = isTextLabel ? String(optionLabel) : isString(item[config.label]) || isNumber(item[config.label]) ? String(item[config.label]) : item[config.code] != null ? String(item[config.code]) : "";
   return {
     key: item[config.code] != null ? `${item[config.code]}-${index}` : `option-${index}`,
-    label: text,
+    label: optionLabel,
     value: item[config.code] != null ? item[config.code] : void 0,
     disabled: !!item.disabled,
-    title: text,
-    searchText: text,
+    title: isTextLabel ? String(optionLabel) : void 0,
+    searchText,
     record: item
   };
 };
@@ -156,9 +165,10 @@ const buildSelectOptions = (list, config) => {
   return list.map((item, index) => {
     const groupOptions = item.options;
     if (Array.isArray(groupOptions)) {
+      const groupLabel = item[config.label];
       return {
-        key: item[config.label] ?? `group-${index}`,
-        label: item[config.label],
+        key: isString(groupLabel) || isNumber(groupLabel) ? String(groupLabel) : item[config.code] != null ? String(item[config.code]) : `group-${index}`,
+        label: groupLabel,
         options: groupOptions.map(
           (opt, optIndex) => buildOptionItem(opt, optIndex, config)
         )

package/es/ProTable/components/RenderTabs/index.js

@@ -14,7 +14,8 @@ const RenderTabs = (props) => {
     formTableProps,
     transformParams
   } = props;
-  const { form, onSearch } = formTableProps || {};
+  const { form, onSearch, loading } = formTableProps || {};
+  const requestLoading = Boolean(loading);
   const [activeKey, setActiveKey] = useState(props.activeKey);
   const [options] = useEnum(code || "__PRO_TABLE_NO_CODE__");
   const fieldValue = Form.useWatch(name, form);
@@ -48,6 +49,8 @@ const RenderTabs = (props) => {
     return null;
   }
   const handleChange = (key) => {
+    if (requestLoading)
+      return;
     const fieldsValues = (form == null ? void 0 : form.getFieldsValue()) || {};
     setActiveKey(key);
     form.setFieldValue(name, key);
@@ -65,7 +68,7 @@ const RenderTabs = (props) => {
         onChange: handleChange,
         type: "card",
         ...tabsProps,
-        items: tabItems,
+        items: requestLoading ? tabItems.map((item) => ({ ...item, disabled: true })) : tabItems,
         activeKey
       }
     );
@@ -76,6 +79,7 @@ const RenderTabs = (props) => {
       className: "pro-table-segmented",
       options: tabItems.map((item) => ({ label: item.label, value: item.key })),
       ...segmentedProps,
+      disabled: requestLoading || (segmentedProps == null ? void 0 : segmentedProps.disabled),
       onChange: (value) => handleChange(value),
       value: activeKey
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.6.0-beta.1",
+  "version": "4.6.0-beta.3",
   "license": "MIT",
   "publishConfig": {
     "access": "public",