feat: support default setting items (#918)

Reviewed-on: daoyoucloud/tachybase#918

packages/core/client/src/application/schema-settings/SchemaSettings.tsx

@@ -1,4 +1,5 @@
 import { SchemaSettingOptions, SchemaSettingsItemType, SchemaSettingsItemTypeWithoutName } from './types';
+import { defaultSettingItems } from './SchemaSettingsDefaults';
 
 export class SchemaSettings<T = {}> {
   options: SchemaSettingOptions<T>;
@@ -10,6 +11,7 @@ export class SchemaSettings<T = {}> {
 
   constructor(options: SchemaSettingOptions<T>) {
     this.options = Object.assign({ items: [] }, options);
+    this.options.items = defaultSettingItems.concat(this.items);
     this.name = options.name;
   }
 

packages/core/client/src/application/schema-settings/SchemaSettingsDefaults.tsx

@@ -0,0 +1,96 @@
+import { ISchema, useFieldSchema } from '@tachybase/schema';
+import { SchemaSettingsItemType } from './types';
+import { useTranslation } from 'react-i18next';
+import { createDesignable, useDesignable } from '../../schema-component';
+import { saveAs } from 'file-saver';
+import { useAPIClient } from '../../api-client';
+import { useMemo } from 'react';
+
+export const defaultSettingItems = [
+  {
+    name: 'designer',
+    type: 'itemGroup',
+    hideIfNoChildren: true,
+    useComponentProps() {
+      const { t } = useTranslation();
+      return {
+        title: t('Designer properties'),
+      };
+    },
+    children: [
+      {
+        name: 'dump',
+        type: 'item',
+        useComponentProps() {
+          const { t } = useTranslation();
+          const { dn } = useDesignable();
+          const api = useAPIClient();
+
+          const fieldSchema = useFieldSchema();
+          return {
+            onClick: async () => {
+              const KEYS = ['name', 'x-uid', '_isJSONSchemaObject', 'version', 'x-index', 'x-async'];
+              const deleteUid = (s: ISchema) => {
+                KEYS.forEach((key) => delete s[key]);
+                Object.keys(s.properties || {}).forEach((key) => {
+                  deleteUid(s.properties[key]);
+                });
+              };
+              const { data } = await api.request({
+                url: `/uiSchemas:getJsonSchema/${fieldSchema['x-uid']}?includeAsyncNode=true`,
+              });
+              const s = data?.data || {};
+              deleteUid(s);
+              const blob = new Blob([JSON.stringify(s, null, 2)], { type: 'application/json' });
+              saveAs(blob, fieldSchema['x-uid'] + '.schema.json');
+            },
+            title: t('Dump'),
+          };
+        },
+      },
+      {
+        name: 'load',
+        type: 'modal',
+        useComponentProps() {
+          const { t } = useTranslation();
+          const { refresh } = useDesignable();
+          const api = useAPIClient();
+          const fieldSchema = useFieldSchema();
+          const dn = useMemo(() => {
+            return createDesignable({ t, api, refresh, current: fieldSchema.parent });
+          }, [t, api, refresh, fieldSchema]);
+
+          return {
+            schema: {
+              type: 'object',
+              title: t('Load'),
+              properties: {
+                file: {
+                  type: 'object',
+                  title: '{{ t("File") }}',
+                  required: true,
+                  'x-decorator': 'FormItem',
+                  'x-component': 'Upload.Attachment',
+                  'x-component-props': {
+                    action: 'attachments:create',
+                    multiple: false,
+                  },
+                },
+              } as ISchema,
+            },
+            title: t('Load'),
+            onSubmit: async ({ file }) => {
+              const { data } = await api.request({
+                url: file.url,
+                baseURL: '/',
+              });
+              const s = data ?? {};
+              dn.insertBeforeEnd(s);
+              dn.refresh();
+            },
+          };
+        },
+      },
+    ],
+  } as SchemaSettingsItemType,
+];