From de582c482b44f641dbdfdd4009aac29ed16ea796 Mon Sep 17 00:00:00 2001
From: sdjdd <i@sdjdd.com>
Date: Mon, 8 Jan 2024 19:23:37 +0800
Subject: [PATCH] feat(next/web): category.meta.slackNewTicketMentionUserEmails

---
 .../Settings/Categories/CategoryForm.tsx      | 32 ++++++++++++++++---
 .../src/App/Admin/components/MetaField.tsx    | 11 ++++---
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/next/web/src/App/Admin/Settings/Categories/CategoryForm.tsx b/next/web/src/App/Admin/Settings/Categories/CategoryForm.tsx
index 4e781470d..e9830be0e 100644
--- a/next/web/src/App/Admin/Settings/Categories/CategoryForm.tsx
+++ b/next/web/src/App/Admin/Settings/Categories/CategoryForm.tsx
@@ -45,8 +45,31 @@ const FORM_ITEM_STYLE = { marginBottom: 16 };
 
 const CategoryMetaOptions: MetaOptionsGroup<CategorySchema>[] = [
   {
-    label: 'AI 分类',
+    key: 'slack',
+    label: 'Slack 新工单通知用户邮箱',
+    children: [
+      {
+        key: 'slackNewTicketMentionUserEmails',
+        type: 'custom',
+        render: ({ value, onChange }) => (
+          <Form.Item
+            extra="当前分类的工单被创建时，将在指定频道 @ 上述用户"
+            style={{ marginBottom: 0 }}
+          >
+            <TextArea
+              placeholder="每行一个"
+              autoSize={{ minRows: 2 }}
+              value={value?.join('\n')}
+              onChange={(e) => onChange(e.target.value.split('\n'))}
+            />
+          </Form.Item>
+        ),
+      },
+    ],
+  },
+  {
     key: 'classify',
+    label: 'AI 分类',
     children: [
       {
         key: 'enableAIClassify',
@@ -64,8 +87,8 @@ const CategoryMetaOptions: MetaOptionsGroup<CategorySchema>[] = [
       },
       {
         key: 'previewAIClassify',
-        type: 'component',
-        component: <AiClassifyTest />,
+        type: 'custom',
+        render: () => <AiClassifyTest />,
         predicate: (v) => !!v.alias,
       },
     ],
@@ -563,8 +586,7 @@ export function CategoryForm({
         control={control}
         name="meta"
         render={({ field: { ref, ...rest } }) => (
-          console.log(getValues()),
-          (<MetaField {...rest} options={CategoryMetaOptions} record={getValues()} />)
+          <MetaField {...rest} options={CategoryMetaOptions} record={getValues()} />
         )}
       />
 
diff --git a/next/web/src/App/Admin/components/MetaField.tsx b/next/web/src/App/Admin/components/MetaField.tsx
index 436426743..04b4f2ec0 100644
--- a/next/web/src/App/Admin/components/MetaField.tsx
+++ b/next/web/src/App/Admin/components/MetaField.tsx
@@ -9,8 +9,8 @@ export type MetaOption<T = any> = (
       label: string;
     }
   | {
-      type: 'component';
-      component: ReactNode;
+      type: 'custom';
+      render: (options: { value: any; onChange: (value: any) => void }) => ReactNode;
     }
 ) & { key: string; predicate?: (data: T) => boolean; description?: string };
 
@@ -53,8 +53,11 @@ const MetaOptionsForm = <T extends SchemaWithMeta>({
         .filter(({ predicate }) => !record || !predicate || predicate(record))
         .map((option) => (
           <Form.Item key={option.key} help={option.description} className="!mb-0">
-            {option.type === 'component' ? (
-              option.component
+            {option.type === 'custom' ? (
+              option.render({
+                value: value?.[option.key],
+                onChange: handleFieldChangeFactory(option.key, (v) => v),
+              })
             ) : (
               <div>
                 {option.type === 'boolean' ? (