fix: change default modal style

Author: IKKEM-Lin

demo.ipynb

@@ -9,7 +9,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": null,
+   "execution_count": 42,
    "metadata": {
     "tags": []
    },
@@ -153,22 +153,51 @@
     "    \"show_modal\": True, \n",
     "    \"ok_label\": \"OK\",\n",
     "    \"cancel_label\": \"Cancel\", \n",
-    "    \"form_props\": {\"labelCol\": 6, \"wrapperCol\": 16},\n",
-    "    \"modal_props\": {\"title\": \"Title\"}\n",
+    "    \"form_props\": {\"labelCol\": 8, \"wrapperCol\": 16, \"labelWrap\": False},\n",
+    "    \"modal_props\": {\"title\": \"Title\", \"width\": \"540px\"}\n",
     "}, default_value={'example1': \"C:\\\\\"})"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": null,
+   "execution_count": 43,
    "metadata": {
     "tags": []
    },
-   "outputs": [],
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "{'data': {'example1': 'C:\\\\'}}\n"
+     ]
+    },
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "789b870589654361be833b9870aa99ee",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "Formily(event_content={'event': '', 'argv': {}}, files=[{'name': '.git', 'isDir': True}, {'name': '.github', '…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
    "source": [
     "print(example.value)\n",
     "example.display()"
    ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": []
   }
  ],
  "metadata": {

vendor/formily/src/component/Formily.tsx

@@ -104,9 +104,9 @@ const defaultModalProps: ModalProps = {
   maskClosable: false,
   centered: true,
   closeIcon: null,
-  width: "60vw",
-  style: { maxWidth: "700px" },
-  styles: { body: { maxHeight: "70vh", overflowY: "auto" } },
+  // width: "60vw",
+  style: { maxWidth: "70vh", minWidth: "500px" },
+  styles: { body: { maxHeight: "70vh", overflowY: "auto" }, header: {marginBottom: "24px"} },
 };
 
 const Formily: React.FC = () => {
@@ -168,7 +168,7 @@ const Formily: React.FC = () => {
       open={online}
       footer={
         <>
-          <Divider />
+          <Divider style={{marginTop: "0", marginBottom: "16px"}} />
           <Space>
             <Button type="primary" {...ok_props} onClick={() => form.submit(handleOK)}>
               {ok_label}