@vue-ui-kit/ant 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "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>

package/src/packages/store/renderStore.tsx

@@ -35,6 +35,7 @@ interface BtnOptions extends ButtonProps {
   dropdowns?: BtnOptions[];
   clickEvt?: (p: RenderTableParams) => any;
   hiddenIf?: (p: RenderTableParams) => boolean;
+  getProps?: (p: RenderTableParams) => Partial<ButtonProps>;
 }
 export interface RenderWorkshop {
   renderItemContent?: (
@@ -234,8 +235,10 @@ const renderBtn = (
               'icon',
               'clickEvt',
               'dropdowns',
+              'getProps',
             ])}
             icon={btnOpt.icon ? <Icon icon={btnOpt.icon} /> : <Icon icon="DownOutlined" />}
+            {...(btnOpt.getProps?.(params) ?? {})}
           >
             {btnOpt.content || (btnOpt?.getContent?.(params) ?? '')}
           </Button>
@@ -259,9 +262,11 @@ const renderBtn = (
         'icon',
         'clickEvt',
         'dropdowns',
+        'getProps',
       ])}
       disabled={(!!btnOpt.dropdowns && btnOpt.dropdowns.length > 0) || btnOpt.disabled}
       icon={btnOpt.icon ? <Icon icon={btnOpt.icon} /> : null}
+      {...(btnOpt.getProps?.(params) ?? {})}
       onClick={() => {
         if (btnOpt?.clickEvt) {
           btnOpt.clickEvt(params);