From 63033d57c47dbb543df802df42e6ae366933e012 Mon Sep 17 00:00:00 2001
From: chenos <chenlinxh@gmail.com>
Date: Mon, 4 Jan 2021 23:27:38 +0800
Subject: [PATCH] fix: adjust the view mode(temporary)

---
 packages/app/src/components/views/Form/DrawerForm.tsx |  5 ++++-
 packages/plugin-collections/src/collections/views.ts  | 11 ++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/app/src/components/views/Form/DrawerForm.tsx b/packages/app/src/components/views/Form/DrawerForm.tsx
index 86b169f9c5..4a5dffb99b 100644
--- a/packages/app/src/components/views/Form/DrawerForm.tsx
+++ b/packages/app/src/components/views/Form/DrawerForm.tsx
@@ -112,9 +112,12 @@ export const DrawerForm = forwardRef((props: any, ref) => {
             text(...args: any[]) {
               return React.createElement('span', {}, ...args)
             },
+            html(html: string) {
+              return <div dangerouslySetInnerHTML={{__html: html}}></div>
+            },
             tooltip(title: string, offset = 3) {
               return (
-                <Tooltip title={title}>
+                <Tooltip title={<div dangerouslySetInnerHTML={{__html: title}}></div>}>
                   <QuestionCircleOutlined
                     style={{ margin: '0 3px', cursor: 'default', marginLeft: offset }}
                   />
diff --git a/packages/plugin-collections/src/collections/views.ts b/packages/plugin-collections/src/collections/views.ts
index cbd177f8dd..5488fb6526 100644
--- a/packages/plugin-collections/src/collections/views.ts
+++ b/packages/plugin-collections/src/collections/views.ts
@@ -199,19 +199,20 @@ export default {
       },
     },
     {
-      interface: 'select',
+      interface: 'radio',
       type: 'string',
       name: 'template',
-      title: '模板',
+      title: '查看和编辑模式',
       required: true,
       dataSource: [
         // { label: '表单', value: 'DrawerForm' },
-        { label: '常规表格', value: 'Table' },
-        { label: '简易表格', value: 'SimpleTable' },
+        { label: '常规模式', value: 'Table' },
+        { label: '快捷模式', value: 'SimpleTable' },
         // { label: '日历模板', value: 'Calendar' },
       ],
       component: {
-        type: 'string',
+        tooltip: "{{ html('常规模式：点击数据进入查看界面，再次点击进入编辑界面<br/>快捷模式：点击数据直接打开编辑界面') }}",
+        type: 'radio',
         default: 'Table',
         showInTable: true,
         showInDetail: true,