@ftjs/core 0.2.0 → 0.2.1

package/dist/form/columns.d.ts

@@ -72,6 +72,10 @@ export interface FtFormColumnBase<FormData extends Record<string, any>> {
     }[];
     valueGetter?: (val: any) => any;
     valueSetter?: (val: any) => any;
+    /**
+     * getFormData 时，对数据进行格式化，不会影响 Form 中的值
+     */
+    formatGetFormData?: (val: any) => any;
     /**
      * props 配置，子类定义
      */

package/dist/form/use-form-item.d.ts

@@ -1,5 +1,14 @@
+import { VNodeChild } from 'vue';
 import { FtFormColumnBase } from './columns';
 import { CommonFormItemProps, FormTypeMap } from './define-component';
+type Slots = (props: {
+    value: any;
+    isView: boolean;
+    [key: string]: any;
+}) => VNodeChild;
+export type CommonSlots<T extends readonly string[]> = {
+    [K in T[number]]?: Slots;
+};
 interface UseFormItemOptions<FormData extends Record<string, any>, Type extends keyof FormTypeMap<FormData>> {
     /** 通用 props */
     props: CommonFormItemProps<FormTypeMap<FormData>[Type]["columns"]>;
@@ -17,5 +26,6 @@ interface UseFormItemOptions<FormData extends Record<string, any>, Type extends
  */
 export declare const useFormItem: <FromData extends Record<string, any>, Type extends keyof FormTypeMap<FromData>>(options: UseFormItemOptions<FtFormColumnBase<FormData>, Type>) => {
     valueComputed: import('vue').WritableComputedRef<any, any>;
+    slots: Record<string, (props?: any) => VNodeChild> | undefined;
 };
 export {};

package/dist/index.js

@@ -345,7 +345,11 @@ const useForm = (props, formData, runtimePropsKeys) => {
     visibleColumns.value.forEach((usefulColumn) => {
       const { fields } = getFieldsAndValues(usefulColumn);
       fields.forEach((field) => {
-        set(formData2, field, get(form.value, field));
+        let value = get(form.value, field);
+        if (usefulColumn.formatGetFormData) {
+          value = usefulColumn.formatGetFormData(value);
+        }
+        set(formData2, field, value);
       });
     });
     return formData2;
@@ -402,8 +406,7 @@ const useFormItem = (options) => {
           const field = props.column.fields[i];
           if (field && field !== "-") {
             valArr[i] = get(form.value, field);
-          }
-          if (fieldsData.value[i]) {
+          } else if (fieldsData.value[i]) {
             valArr[i] = fieldsData.value[i];
           }
         }
@@ -435,8 +438,24 @@ const useFormItem = (options) => {
       }
     }
   });
+  let slots;
+  if (props.column.slots) {
+    slots = Object.fromEntries(
+      Object.entries(props.column.slots).map(([key, value]) => {
+        return [
+          key,
+          (scopedProps) => value({
+            value: valueComputed.value,
+            isView: props.isView,
+            scopedProps
+          })
+        ];
+      })
+    );
+  }
   return {
-    valueComputed
+    valueComputed,
+    slots
   };
 };
 const defineFtForm = (setup, renderMap, _runtimeProps) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ftjs/core",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "keywords": [],
   "author": "",
   "license": "MIT",