@tmagic/form 1.2.6 → 1.2.8

package/src/containers/Table.vue

@@ -9,6 +9,7 @@
           style="width: 100%"
           :row-key="config.rowKey || 'id'"
           :data="data"
+          :lastData="lastData"
           :border="config.border"
           :max-height="config.maxHeight"
           :default-expand-all="true"
@@ -108,8 +109,11 @@
                   :rules="column.rules"
                   :config="makeConfig(column, scope.row)"
                   :model="scope.row"
+                  :lastValues="lastData[scope.$index]"
+                  :is-compare="isCompare"
                   :size="size"
                   @change="$emit('change', model[modelName])"
+                  @addDiffCount="onAddDiffCount()"
                 ></Container>
               </template>
             </TMagicTableColumn>
@@ -196,6 +200,8 @@ import Container from './Container.vue';
 const props = withDefaults(
   defineProps<{
     model: any;
+    lastValues?: any;
+    isCompare?: boolean;
     config: TableConfig;
     name: string;
     prop?: string;
@@ -213,10 +219,12 @@ const props = withDefaults(
     sortKey: '',
     enableToggleMode: true,
     showIndex: true,
+    lastValues: () => ({}),
+    isCompare: false,
   },
 );
 
-const emit = defineEmits(['change', 'select']);
+const emit = defineEmits(['change', 'select', 'addDiffCount']);
 
 let timer: any | null = null;
 const mForm = inject<FormState | undefined>('mForm');
@@ -241,6 +249,15 @@ const data = computed(() =>
     : props.model[modelName.value],
 );
 
+const lastData = computed(() =>
+  props.config.pagination
+    ? props.lastValues[modelName.value].filter(
+        (item: any, index: number) =>
+          index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value,
+      )
+    : props.lastValues[modelName.value] || {},
+);
+
 const sortChange = ({ prop, order }: SortProp) => {
   if (order === 'ascending') {
     props.model[modelName.value] = props.model[modelName.value].sort((a: any, b: any) => a[prop] - b[prop]);
@@ -593,6 +610,8 @@ const getProp = (index: number) => {
   return `${prop.value}${prop.value ? '.' : ''}${index + 1 + pagecontext.value * pagesize.value - 1}`;
 };
 
+const onAddDiffCount = () => emit('addDiffCount');
+
 defineExpose({
   toggleRowSelection,
 });

package/src/containers/Tabs.vue

@@ -18,25 +18,26 @@
         :label="filter(tab.title)"
         :lazy="tab.lazy || false"
       >
+        <template #label>
+          <span class="custom-tabs-label">
+            {{ filter(tab.title)
+            }}<el-badge :hidden="!diffCount[tabIndex]" :value="diffCount[tabIndex]" class="diff-count-badge"></el-badge>
+          </span>
+        </template>
         <Container
           v-for="item in tabItems(tab)"
           :key="item[mForm?.keyProp || '__key']"
           :config="item"
           :disabled="disabled"
-          :model="
-            config.dynamic
-              ? (name ? model[name] : model)[tabIndex]
-              : tab.name
-              ? (name ? model[name] : model)[tab.name]
-              : name
-              ? model[name]
-              : model
-          "
+          :model="getValues(model, tabIndex, tab)"
+          :last-values="getValues(lastValues, tabIndex, tab)"
+          :is-compare="isCompare"
           :prop="config.dynamic ? `${prop}${prop ? '.' : ''}${String(tabIndex)}` : prop"
           :size="size"
           :label-width="tab.labelWidth || labelWidth"
           :expand-more="expandMore"
           @change="changeHandler"
+          @addDiffCount="onAddDiffCount(tabIndex)"
         ></Container>
       </component>
     </template>
@@ -54,6 +55,10 @@ import { display as displayFunc, filterFunction } from '../utils/form';
 
 import Container from './Container.vue';
 
+type DiffCount = {
+  [tabIndex: number]: number;
+};
+
 const uiComponent = getConfig('components').tabPane;
 
 const getActive = (mForm: FormState | undefined, props: any, activeTabName: string) => {
@@ -83,21 +88,30 @@ const tabClick = (mForm: FormState | undefined, tab: any, props: any) => {
   }
 };
 
-const props = defineProps<{
-  model: any;
-  config: TabConfig;
-  name: string;
-  size?: string;
-  labelWidth?: string;
-  prop?: string;
-  expandMore?: boolean;
-  disabled?: boolean;
-}>();
-
-const emit = defineEmits(['change']);
+const props = withDefaults(
+  defineProps<{
+    model: any;
+    lastValues?: any;
+    isCompare?: boolean;
+    config: TabConfig;
+    name: string;
+    size?: string;
+    labelWidth?: string;
+    prop?: string;
+    expandMore?: boolean;
+    disabled?: boolean;
+  }>(),
+  {
+    lastValues: () => ({}),
+    isCompare: false,
+  },
+);
+
+const emit = defineEmits(['change', 'addDiffCount']);
 
 const mForm = inject<FormState | undefined>('mForm');
 const activeTabName = ref(getActive(mForm, props, ''));
+const diffCount = ref<DiffCount>({});
 
 const tabs = computed(() => {
   if (props.config.dynamic) {
@@ -170,4 +184,27 @@ const changeHandler = () => {
     props.config.onChange(mForm, { model: props.model, prop: props.prop, config: props.config });
   }
 };
+
+const getValues = (model: any, tabIndex: number, tab: any) => {
+  const tabName = props.config.dynamic ? (model[props?.name] || model)[tabIndex] : tab.name;
+  let propName = props.name;
+  if (tabName) {
+    propName = (model[props?.name] || model)[tab.name];
+  }
+  if (propName) {
+    return model[props.name];
+  }
+  return model;
+};
+
+// 在tabs组件中收集事件触发次数，即该tab下的差异数
+const onAddDiffCount = (tabIndex: number) => {
+  if (!diffCount.value[tabIndex]) {
+    diffCount.value[tabIndex] = 1;
+  } else {
+    diffCount.value[tabIndex] += 1;
+  }
+  // 继续抛出给更高层级的组件
+  emit('addDiffCount');
+};
 </script>

package/src/schema.ts

@@ -28,6 +28,8 @@ export type FormState = {
   config: FormConfig;
   popperClass?: string;
   initValues: FormValue;
+  lastValues: FormValue;
+  isCompare: boolean;
   values: FormValue;
   $emit: (event: string, ...args: any[]) => void;
   keyProp?: string;

package/src/theme/index.scss

@@ -7,3 +7,4 @@
 @use "./panel.scss";
 @use "./table.scss";
 @use "./select.scss";
+@use "./tabs.scss";

package/src/theme/tabs.scss

@@ -23,3 +23,7 @@
 .magic-form-tab {
   margin-bottom: 10px;
 }
+
+.diff-count-badge {
+  top: -10px;
+}

package/types/Form.vue.d.ts

@@ -1,7 +1,13 @@
 import type { FormConfig, FormState, FormValue } from './schema';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 表单配置 */
     config: FormConfig;
+    /** 表单值 */
     initValues: Object;
+    /** 需对比的值（开启对比模式时传入） */
+    lastValues?: Object | undefined;
+    /** 是否开启对比模式 */
+    isCompare?: boolean | undefined;
     parentValues?: Object | undefined;
     labelWidth?: string | undefined;
     disabled?: boolean | undefined;
@@ -15,6 +21,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>, {
     config: () => never[];
     initValues: () => {};
+    lastValues: () => {};
+    isCompare: boolean;
     parentValues: () => {};
     labelWidth: string;
     disabled: boolean;
@@ -25,14 +33,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     keyProp: string;
 }>, {
     values: import("vue").Ref<FormValue>;
+    lastValuesProcessed: import("vue").Ref<FormValue>;
     formState: FormState;
     initialized: import("vue").Ref<boolean>;
     changeHandler: () => void;
     resetForm: () => any;
     submitForm: (native?: boolean) => Promise<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], "change" | "field-input" | "field-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 表单配置 */
     config: FormConfig;
+    /** 表单值 */
     initValues: Object;
+    /** 需对比的值（开启对比模式时传入） */
+    lastValues?: Object | undefined;
+    /** 是否开启对比模式 */
+    isCompare?: boolean | undefined;
     parentValues?: Object | undefined;
     labelWidth?: string | undefined;
     disabled?: boolean | undefined;
@@ -46,6 +61,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>, {
     config: () => never[];
     initValues: () => {};
+    lastValues: () => {};
+    isCompare: boolean;
     parentValues: () => {};
     labelWidth: string;
     disabled: boolean;
@@ -61,6 +78,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     config: FormConfig;
     initValues: Object;
+    lastValues: Object;
+    isCompare: boolean;
     keyProp: string;
     parentValues: Object;
     labelWidth: string;

package/types/FormDialog.vue.d.ts

@@ -70,6 +70,8 @@ declare const _default: {
                 $props: Partial<{
                     config: FormConfig;
                     initValues: Object;
+                    lastValues: Object;
+                    isCompare: boolean;
                     keyProp: string;
                     parentValues: Object;
                     labelWidth: string;
@@ -94,6 +96,16 @@ declare const _default: {
                     } & {
                         default: () => {};
                     };
+                    lastValues: {
+                        type: import("vue").PropType<Object>;
+                    } & {
+                        default: () => {};
+                    };
+                    isCompare: {
+                        type: import("vue").PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
                     keyProp: {
                         type: import("vue").PropType<string>;
                     } & {
@@ -141,7 +153,7 @@ declare const _default: {
                     onChange?: ((...args: any[]) => any) | undefined;
                     "onField-input"?: ((...args: any[]) => any) | undefined;
                     "onField-change"?: ((...args: any[]) => any) | undefined;
-                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config" | "initValues" | "keyProp" | "parentValues" | "labelWidth" | "disabled" | "stepActive" | "height" | "inline" | "labelPosition">;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "labelWidth" | "disabled" | "stepActive" | "height" | "inline" | "labelPosition">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -171,6 +183,16 @@ declare const _default: {
                     } & {
                         default: () => {};
                     };
+                    lastValues: {
+                        type: import("vue").PropType<Object>;
+                    } & {
+                        default: () => {};
+                    };
+                    isCompare: {
+                        type: import("vue").PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
                     keyProp: {
                         type: import("vue").PropType<string>;
                     } & {
@@ -220,6 +242,7 @@ declare const _default: {
                     "onField-change"?: ((...args: any[]) => any) | undefined;
                 }, {
                     values: import("vue").Ref<import("./schema").FormValue>;
+                    lastValuesProcessed: import("vue").Ref<import("./schema").FormValue>;
                     formState: import("./schema").FormState;
                     initialized: import("vue").Ref<boolean>;
                     changeHandler: () => void;
@@ -228,6 +251,8 @@ declare const _default: {
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], string, {
                     config: FormConfig;
                     initValues: Object;
+                    lastValues: Object;
+                    isCompare: boolean;
                     keyProp: string;
                     parentValues: Object;
                     labelWidth: string;
@@ -272,6 +297,16 @@ declare const _default: {
                 } & {
                     default: () => {};
                 };
+                lastValues: {
+                    type: import("vue").PropType<Object>;
+                } & {
+                    default: () => {};
+                };
+                isCompare: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
                 keyProp: {
                     type: import("vue").PropType<string>;
                 } & {
@@ -321,6 +356,7 @@ declare const _default: {
                 "onField-change"?: ((...args: any[]) => any) | undefined;
             } & import("vue").ShallowUnwrapRef<{
                 values: import("vue").Ref<import("./schema").FormValue>;
+                lastValuesProcessed: import("vue").Ref<import("./schema").FormValue>;
                 formState: import("./schema").FormState;
                 initialized: import("vue").Ref<boolean>;
                 changeHandler: () => void;
@@ -383,6 +419,8 @@ declare const _default: {
             $props: Partial<{
                 config: FormConfig;
                 initValues: Object;
+                lastValues: Object;
+                isCompare: boolean;
                 keyProp: string;
                 parentValues: Object;
                 labelWidth: string;
@@ -407,6 +445,16 @@ declare const _default: {
                 } & {
                     default: () => {};
                 };
+                lastValues: {
+                    type: import("vue").PropType<Object>;
+                } & {
+                    default: () => {};
+                };
+                isCompare: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
                 keyProp: {
                     type: import("vue").PropType<string>;
                 } & {
@@ -454,7 +502,7 @@ declare const _default: {
                 onChange?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config" | "initValues" | "keyProp" | "parentValues" | "labelWidth" | "disabled" | "stepActive" | "height" | "inline" | "labelPosition">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "labelWidth" | "disabled" | "stepActive" | "height" | "inline" | "labelPosition">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -484,6 +532,16 @@ declare const _default: {
                 } & {
                     default: () => {};
                 };
+                lastValues: {
+                    type: import("vue").PropType<Object>;
+                } & {
+                    default: () => {};
+                };
+                isCompare: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
                 keyProp: {
                     type: import("vue").PropType<string>;
                 } & {
@@ -533,6 +591,7 @@ declare const _default: {
                 "onField-change"?: ((...args: any[]) => any) | undefined;
             }, {
                 values: import("vue").Ref<import("./schema").FormValue>;
+                lastValuesProcessed: import("vue").Ref<import("./schema").FormValue>;
                 formState: import("./schema").FormState;
                 initialized: import("vue").Ref<boolean>;
                 changeHandler: () => void;
@@ -541,6 +600,8 @@ declare const _default: {
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], string, {
                 config: FormConfig;
                 initValues: Object;
+                lastValues: Object;
+                isCompare: boolean;
                 keyProp: string;
                 parentValues: Object;
                 labelWidth: string;
@@ -585,6 +646,16 @@ declare const _default: {
             } & {
                 default: () => {};
             };
+            lastValues: {
+                type: import("vue").PropType<Object>;
+            } & {
+                default: () => {};
+            };
+            isCompare: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
             keyProp: {
                 type: import("vue").PropType<string>;
             } & {
@@ -634,6 +705,7 @@ declare const _default: {
             "onField-change"?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             values: import("vue").Ref<import("./schema").FormValue>;
+            lastValuesProcessed: import("vue").Ref<import("./schema").FormValue>;
             formState: import("./schema").FormState;
             initialized: import("vue").Ref<boolean>;
             changeHandler: () => void;
@@ -676,6 +748,8 @@ declare const _default: {
         $props: Partial<{
             config: FormConfig;
             initValues: Object;
+            lastValues: Object;
+            isCompare: boolean;
             keyProp: string;
             parentValues: Object;
             labelWidth: string;
@@ -700,6 +774,16 @@ declare const _default: {
             } & {
                 default: () => {};
             };
+            lastValues: {
+                type: import("vue").PropType<Object>;
+            } & {
+                default: () => {};
+            };
+            isCompare: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
             keyProp: {
                 type: import("vue").PropType<string>;
             } & {
@@ -747,7 +831,7 @@ declare const _default: {
             onChange?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config" | "initValues" | "keyProp" | "parentValues" | "labelWidth" | "disabled" | "stepActive" | "height" | "inline" | "labelPosition">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "labelWidth" | "disabled" | "stepActive" | "height" | "inline" | "labelPosition">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -777,6 +861,16 @@ declare const _default: {
             } & {
                 default: () => {};
             };
+            lastValues: {
+                type: import("vue").PropType<Object>;
+            } & {
+                default: () => {};
+            };
+            isCompare: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
             keyProp: {
                 type: import("vue").PropType<string>;
             } & {
@@ -826,6 +920,7 @@ declare const _default: {
             "onField-change"?: ((...args: any[]) => any) | undefined;
         }, {
             values: import("vue").Ref<import("./schema").FormValue>;
+            lastValuesProcessed: import("vue").Ref<import("./schema").FormValue>;
             formState: import("./schema").FormState;
             initialized: import("vue").Ref<boolean>;
             changeHandler: () => void;
@@ -834,6 +929,8 @@ declare const _default: {
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], string, {
             config: FormConfig;
             initValues: Object;
+            lastValues: Object;
+            isCompare: boolean;
             keyProp: string;
             parentValues: Object;
             labelWidth: string;
@@ -878,6 +975,16 @@ declare const _default: {
         } & {
             default: () => {};
         };
+        lastValues: {
+            type: import("vue").PropType<Object>;
+        } & {
+            default: () => {};
+        };
+        isCompare: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
         keyProp: {
             type: import("vue").PropType<string>;
         } & {
@@ -927,6 +1034,7 @@ declare const _default: {
         "onField-change"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         values: import("vue").Ref<import("./schema").FormValue>;
+        lastValuesProcessed: import("vue").Ref<import("./schema").FormValue>;
         formState: import("./schema").FormState;
         initialized: import("vue").Ref<boolean>;
         changeHandler: () => void;

package/types/containers/Col.vue.d.ts

@@ -1,6 +1,8 @@
 import { ChildConfig } from '../schema';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     model: any;
+    lastValues?: any;
+    isCompare?: boolean | undefined;
     config: ChildConfig;
     labelWidth?: string | undefined;
     expandMore?: boolean | undefined;
@@ -8,8 +10,10 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     size?: string | undefined;
     prop?: string | undefined;
     disabled?: boolean | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "addDiffCount")[], "change" | "addDiffCount", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     model: any;
+    lastValues?: any;
+    isCompare?: boolean | undefined;
     config: ChildConfig;
     labelWidth?: string | undefined;
     expandMore?: boolean | undefined;
@@ -19,6 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     disabled?: boolean | undefined;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onAddDiffCount?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/types/containers/Container.vue.d.ts

@@ -1,6 +1,9 @@
 import { ChildConfig, FormValue } from '../schema';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 表单值 */
     model: FormValue;
+    /** 需对比的值（开启对比模式时传入） */
+    lastValues?: FormValue | undefined;
     config: ChildConfig;
     prop?: string | undefined;
     disabled?: boolean | undefined;
@@ -8,12 +11,19 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     expandMore?: boolean | undefined;
     stepActive?: string | number | undefined;
     size?: string | undefined;
+    /** 是否开启对比模式 */
+    isCompare?: boolean | undefined;
 }>, {
     prop: string;
     size: string;
     expandMore: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    lastValues: () => {};
+    isCompare: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "addDiffCount")[], "change" | "addDiffCount", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 表单值 */
     model: FormValue;
+    /** 需对比的值（开启对比模式时传入） */
+    lastValues?: FormValue | undefined;
     config: ChildConfig;
     prop?: string | undefined;
     disabled?: boolean | undefined;
@@ -21,13 +31,20 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     expandMore?: boolean | undefined;
     stepActive?: string | number | undefined;
     size?: string | undefined;
+    /** 是否开启对比模式 */
+    isCompare?: boolean | undefined;
 }>, {
     prop: string;
     size: string;
     expandMore: boolean;
+    lastValues: () => {};
+    isCompare: boolean;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onAddDiffCount?: ((...args: any[]) => any) | undefined;
 }, {
+    lastValues: FormValue;
+    isCompare: boolean;
     prop: string;
     expandMore: boolean;
     size: string;

package/types/containers/Fieldset.vue.d.ts

@@ -4,26 +4,37 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     prop: string;
     size?: string | undefined;
     model: Record<string, any>;
+    lastValues?: Record<string, any> | undefined;
+    isCompare?: boolean | undefined;
     config: FieldsetConfig;
     rules?: any;
     disabled?: boolean | undefined;
 }>, {
     rules: {};
     prop: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    lastValues: () => {};
+    isCompare: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "addDiffCount")[], "change" | "addDiffCount", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     labelWidth?: string | undefined;
     prop: string;
     size?: string | undefined;
     model: Record<string, any>;
+    lastValues?: Record<string, any> | undefined;
+    isCompare?: boolean | undefined;
     config: FieldsetConfig;
     rules?: any;
     disabled?: boolean | undefined;
 }>, {
     rules: {};
     prop: string;
+    lastValues: () => {};
+    isCompare: boolean;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onAddDiffCount?: ((...args: any[]) => any) | undefined;
 }, {
+    lastValues: Record<string, any>;
+    isCompare: boolean;
     rules: any;
     prop: string;
 }>;