@tmagic/form 1.4.8 → 1.4.10

package/src/utils/useAddField.ts

@@ -0,0 +1,40 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ComponentInternalInstance, getCurrentInstance, inject, watch } from 'vue';
+
+import { FormState } from '../schema';
+
+export const useAddField = (prop?: string) => {
+  if (!prop) return;
+  const mForm = inject<FormState | null>('mForm');
+  const instance = getCurrentInstance() as ComponentInternalInstance;
+  watch(
+    () => instance?.proxy,
+    (vm) => {
+      if (vm) {
+        mForm?.setField(prop, vm);
+      } else {
+        mForm?.deleteField(prop);
+      }
+    },
+    {
+      immediate: true,
+    },
+  );
+};

package/types/schema.d.ts

@@ -130,6 +130,7 @@ export type FilterFunction<T = boolean> = (mForm: FormState | undefined, data: {
     formValue: Record<any, any>;
     prop: string;
     config: any;
+    index?: number;
 }) => T;
 type OnChangeHandler = (mForm: FormState | undefined, value: any, data: {
     model: Record<any, any>;
@@ -346,16 +347,17 @@ export interface RadioGroupConfig extends FormItem {
 export interface ColorPickConfig extends FormItem {
     type: 'colorPicker';
 }
+export interface CheckboxGroupOption {
+    value: any;
+    text: string;
+    disabled?: boolean;
+}
 /**
  * 多选框组
  */
 export interface CheckboxGroupConfig extends FormItem {
     type: 'checkbox-group';
-    options: {
-        value: any;
-        text: string;
-        disabled?: boolean;
-    }[] | Function;
+    options: CheckboxGroupOption[] | FilterFunction<CheckboxGroupOption[]>;
 }
 /**
  * 下拉选择器

package/types/utils/form.d.ts

@@ -1,6 +1,6 @@
-import { FormConfig, FormState, FormValue, Rule, TabPaneConfig } from '../schema';
+import { FilterFunction, FormConfig, FormState, FormValue, Rule, TabPaneConfig } from '../schema';
 export declare const createValues: (mForm: FormState | undefined, config?: FormConfig | TabPaneConfig[], initValue?: FormValue, value?: FormValue) => FormValue;
-export declare const filterFunction: <T = any>(mForm: FormState | undefined, config: T, props: any) => any;
+export declare const filterFunction: <T = any>(mForm: FormState | undefined, config: T | FilterFunction<T> | undefined, props: any) => T | undefined;
 export declare const display: (mForm: FormState | undefined, config: any, props: any) => any;
 export declare const getRules: (mForm: FormState | undefined, rules: Rule | Rule[] | undefined, props: any) => Rule[];
 export declare const initValue: (mForm: FormState | undefined, { initValues, config }: {