@vue-ui-kit/ant 2.2.0 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Vue3 UI Kit based on Ant Design",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/declarations/antProxy.ts

@@ -117,7 +117,14 @@ export interface GroupMenuItem<F extends Recordable = Recordable> {
 export interface PFormGroupProps<F extends Recordable = Recordable> {
   getFormSetting: (data: Partial<F>) => PFormProps<Partial<F>>;
   title?: string;
-  tabLabel?: string | ((data: Partial<F>) => string);
+  tabLabel?: string;
+  /**
+   * 获取完整标签页标签
+   * @param data 数据
+   * @param idx 实际索引
+   * @returns 标签页标签
+   */
+  getTabLabel?: (data: Partial<F>, idx: number) => string;
   editAble?: boolean;
   showAdd?: boolean;
   /* 是否启用折叠 */

package/src/packages/components/PFormGroup.vue

@@ -73,8 +73,11 @@
       blockInstance.value[activeKey.value]?.$form?.validate();
     });
   };
-  const getTabLabel = (data: Partial<F>) => {
-    return typeof props.tabLabel === 'function' ? props.tabLabel(data) : props.tabLabel;
+  const calculateTabLabel = (data: Partial<F>, idx: number) => {
+    return (
+      props.getTabLabel?.(data, idx) ??
+      `${props.tabLabel} ${props.keepSerial ? idx + 1 : (data.__index ?? 0) + 1}`
+    );
   };
   watch(
     () => model.value,
@@ -283,7 +286,7 @@
       <a-tab-pane
         v-for="(item, idx) in model"
         :key="idx"
-        :tab="`${getTabLabel(item)} ${keepSerial ? idx + 1 : (item.__index ?? 0) + 1}`"
+        :tab="calculateTabLabel(item, idx)"
         :force-render="fr"
       >
         <template #closeIcon>