From 6d432ba1da4783607bbbfc22bed50433a90f0fa6 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Tue, 11 Oct 2022 18:47:20 +0800
Subject: [PATCH] =?UTF-8?q?feat(form):=20checkboxGroup=20options=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=87=BD=E6=95=B0=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/form/src/fields/CheckboxGroup.vue | 18 ++++++++++++------
 packages/form/src/schema.ts                | 12 +++++++-----
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/packages/form/src/fields/CheckboxGroup.vue b/packages/form/src/fields/CheckboxGroup.vue
index bbf9a8a7..8eb80abe 100644
--- a/packages/form/src/fields/CheckboxGroup.vue
+++ b/packages/form/src/fields/CheckboxGroup.vue
@@ -1,20 +1,19 @@
 <template>
   <TMagicCheckboxGroup v-model="model[name]" :size="size" :disabled="disabled" @change="changeHandler">
-    <TMagicCheckbox
-      v-for="option in config.options"
-      :label="option.value"
-      :key="option.value"
-      :disabled="option.disabled"
+    <TMagicCheckbox v-for="option in options" :label="option.value" :key="option.value" :disabled="option.disabled"
       >{{ option.text }}
     </TMagicCheckbox>
   </TMagicCheckboxGroup>
 </template>
 
 <script lang="ts" setup>
+import { computed, inject } from 'vue';
+
 import { TMagicCheckbox, TMagicCheckboxGroup } from '@tmagic/design';
 
-import { CheckboxGroupConfig } from '../schema';
+import { CheckboxGroupConfig, FormState } from '../schema';
 import { useAddField } from '../utils/useAddField';
+import { filterFunction } from '..';
 
 const props = defineProps<{
   config: CheckboxGroupConfig;
@@ -39,4 +38,11 @@ if (props.model && !props.model[props.name]) {
 const changeHandler = (v: Array<string | number | boolean>) => {
   emit('change', v);
 };
+
+const mForm = inject<FormState | undefined>('mForm');
+const options = computed(() => {
+  if (Array.isArray(props.config.options)) return props.config.options;
+  if (typeof props.config.options === 'function') return filterFunction(mForm, props.config.options, props);
+  return [];
+});
 </script>
diff --git a/packages/form/src/schema.ts b/packages/form/src/schema.ts
index 3b86b4f7..ff8b8a65 100644
--- a/packages/form/src/schema.ts
+++ b/packages/form/src/schema.ts
@@ -408,11 +408,13 @@ export interface ColorPickConfig extends FormItem {
  */
 export interface CheckboxGroupConfig extends FormItem {
   type: 'checkbox-group';
-  options: {
-    value: any;
-    text: string;
-    disabled?: boolean;
-  }[];
+  options:
+    | {
+        value: any;
+        text: string;
+        disabled?: boolean;
+      }[]
+    | Function;
 }
 
 /**