@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/src/schema-initializer/buttons/SubTableActionInitializers.tsx

@@ -1,39 +0,0 @@
-// 表格操作配置
-export const SubTableActionInitializers = {
-  title: "{{t('Configure actions')}}",
-  icon: 'SettingOutlined',
-  style: {
-    marginLeft: 8,
-  },
-  // size: 'small',
-  items: [
-    {
-      type: 'itemGroup',
-      title: "{{t('Enable actions')}}",
-      children: [
-        {
-          type: 'item',
-          title: "{{t('Add new')}}",
-          component: 'CreateActionInitializer',
-          schema: {
-            'x-align': 'right',
-            // 'x-component-props': {
-            //   size: 'small',
-            // },
-          },
-        },
-        {
-          type: 'item',
-          title: "{{t('Delete')}}",
-          component: 'BulkDestroyActionInitializer',
-          schema: {
-            'x-align': 'right',
-            // 'x-component-props': {
-            //   size: 'small',
-            // },
-          },
-        },
-      ],
-    },
-  ],
-};

package/src/schema-initializer/buttons/TabPaneInitializers.tsx

@@ -1,106 +0,0 @@
-import { useForm } from '@formily/react';
-import React from 'react';
-import { SchemaComponent, useActionContext, useDesignable } from '../..';
-
-export const TabPaneInitializers = () => {
-  const { designable, insertBeforeEnd } = useDesignable();
-  if (!designable) {
-    return null;
-  }
-  const useSubmitAction = () => {
-    const form = useForm();
-    const ctx = useActionContext();
-    return {
-      async run() {
-        await form.submit();
-        const { title } = form.values;
-        insertBeforeEnd({
-          type: 'void',
-          title,
-          'x-component': 'Tabs.TabPane',
-          'x-designer': 'Tabs.Designer',
-          'x-component-props': {},
-          properties: {
-            grid: {
-              type: 'void',
-              'x-component': 'Grid',
-              'x-initializer': 'RecordBlockInitializers',
-              properties: {},
-            },
-          },
-        });
-        await form.reset();
-        ctx.setVisible(false);
-      },
-    };
-  };
-  return (
-    <SchemaComponent
-      schema={{
-        type: 'void',
-        properties: {
-          action1: {
-            type: 'void',
-            'x-component': 'Action',
-            'x-component-props': {
-              icon: 'PlusOutlined',
-              style: {
-                borderColor: 'rgb(241, 139, 98)',
-                color: 'rgb(241, 139, 98)',
-              },
-              type: 'dashed',
-            },
-            title: '{{t("Add tab")}}',
-            properties: {
-              drawer1: {
-                'x-decorator': 'Form',
-                'x-component': 'Action.Modal',
-                'x-component-props': {
-                  width: 520,
-                },
-                type: 'void',
-                title: '{{t("Add tab")}}',
-                properties: {
-                  title: {
-                    title: '{{t("Tab name")}}',
-                    required: true,
-                    'x-component': 'Input',
-                    'x-decorator': 'FormItem',
-                  },
-                  footer: {
-                    'x-component': 'Action.Modal.Footer',
-                    type: 'void',
-                    properties: {
-                      cancel: {
-                        title: '{{t("Cancel")}}',
-                        'x-component': 'Action',
-                        'x-component-props': {
-                          useAction: () => {
-                            const ctx = useActionContext();
-                            return {
-                              async run() {
-                                ctx.setVisible(false);
-                              },
-                            };
-                          },
-                        },
-                      },
-                      submit: {
-                        title: '{{t("Submit")}}',
-                        'x-component': 'Action',
-                        'x-component-props': {
-                          type: 'primary',
-                          useAction: useSubmitAction,
-                        },
-                      },
-                    },
-                  },
-                },
-              },
-            },
-          },
-        },
-      }}
-    />
-  );
-};

package/src/schema-initializer/buttons/TableActionColumnInitializers.tsx

@@ -1,158 +0,0 @@
-import { MenuOutlined } from '@ant-design/icons';
-import { useFieldSchema } from '@formily/react';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { SchemaInitializer } from '../..';
-import { useAPIClient } from '../../api-client';
-import { createDesignable, useDesignable } from '../../schema-component';
-
-export const TableActionColumnInitializers = (props: any) => {
-  const fieldSchema = useFieldSchema();
-  const api = useAPIClient();
-  const { refresh } = useDesignable();
-  const { t } = useTranslation();
-  return (
-    <SchemaInitializer.Button
-      insertPosition={'beforeEnd'}
-      insert={(schema) => {
-        const spaceSchema = fieldSchema.reduceProperties((buf, schema) => {
-          if (schema['x-component'] === 'Space') {
-            return schema;
-          }
-          return buf;
-        }, null);
-        if (!spaceSchema) {
-          return;
-        }
-        const dn = createDesignable({
-          t,
-          api,
-          refresh,
-          current: spaceSchema,
-        });
-        dn.loadAPIClientEvents();
-        dn.insertBeforeEnd(schema);
-      }}
-      items={[
-        {
-          type: 'itemGroup',
-          title: t('Enable actions'),
-          children: [
-            {
-              type: 'item',
-              title: t('View'),
-              component: 'ViewActionInitializer',
-              schema: {
-                'x-component': 'Action.Link',
-                'x-action': 'view',
-                'x-decorator': 'ACLActionProvider',
-              },
-            },
-            {
-              type: 'item',
-              title: t('Edit'),
-              component: 'UpdateActionInitializer',
-              schema: {
-                'x-component': 'Action.Link',
-                'x-action': 'update',
-                'x-decorator': 'ACLActionProvider',
-              },
-            },
-            {
-              type: 'item',
-              title: t('Delete'),
-              component: 'DestroyActionInitializer',
-              schema: {
-                'x-component': 'Action.Link',
-                'x-action': 'destroy',
-                'x-decorator': 'ACLActionProvider',
-              },
-            },
-          ],
-        },
-        {
-          type: 'divider',
-        },
-        {
-          type: 'subMenu',
-          title: '{{t("Customize")}}',
-          children: [
-            {
-              type: 'item',
-              title: '{{t("Popup")}}',
-              component: 'CustomizeActionInitializer',
-              schema: {
-                type: 'void',
-                title: '{{ t("Popup") }}',
-                'x-action': 'customize:popup',
-                'x-designer': 'Action.Designer',
-                'x-component': 'Action.Link',
-                'x-component-props': {
-                  openMode: 'drawer',
-                },
-                properties: {
-                  drawer: {
-                    type: 'void',
-                    title: '{{ t("Popup") }}',
-                    'x-component': 'Action.Container',
-                    'x-component-props': {
-                      className: 'nb-action-popup',
-                    },
-                    properties: {
-                      tabs: {
-                        type: 'void',
-                        'x-component': 'Tabs',
-                        'x-component-props': {},
-                        'x-initializer': 'TabPaneInitializers',
-                        properties: {
-                          tab1: {
-                            type: 'void',
-                            title: '{{t("Details")}}',
-                            'x-component': 'Tabs.TabPane',
-                            'x-designer': 'Tabs.Designer',
-                            'x-component-props': {},
-                            properties: {
-                              grid: {
-                                type: 'void',
-                                'x-component': 'Grid',
-                                'x-initializer': 'RecordBlockInitializers',
-                                properties: {},
-                              },
-                            },
-                          },
-                        },
-                      },
-                    },
-                  },
-                },
-              },
-            },
-            {
-              type: 'item',
-              title: '{{t("Update record")}}',
-              component: 'CustomizeActionInitializer',
-              schema: {
-                title: '{{ t("Update record") }}',
-                'x-component': 'Action.Link',
-                'x-action': 'customize:update',
-                'x-designer': 'Action.Designer',
-                'x-action-settings': {
-                  assignedValues: {},
-                  onSuccess: {
-                    manualClose: true,
-                    redirecting: false,
-                    successMessage: '{{t("Updated successfully")}}',
-                  },
-                },
-                'x-component-props': {
-                  useProps: '{{ useCustomizeUpdateActionProps }}',
-                },
-              },
-            },
-          ],
-        },
-      ]}
-      component={<MenuOutlined style={{ cursor: 'pointer' }} />}
-    />
-  );
-};

package/src/schema-initializer/buttons/TableActionInitializers.tsx

@@ -1,48 +0,0 @@
-// 表格操作配置
-export const TableActionInitializers = {
-  title: "{{t('Configure actions')}}",
-  icon: 'SettingOutlined',
-  style: {
-    marginLeft: 8,
-  },
-  items: [
-    {
-      type: 'itemGroup',
-      title: "{{t('Enable actions')}}",
-      children: [
-        {
-          type: 'item',
-          title: "{{t('Filter')}}",
-          component: 'FilterActionInitializer',
-          schema: {
-            'x-align': 'left',
-          },
-        },
-        {
-          type: 'item',
-          title: "{{t('Add new')}}",
-          component: 'CreateActionInitializer',
-          schema: {
-            'x-align': 'right',
-            'x-decorator': 'ACLActionProvider',
-            'x-acl-action-props': {
-              skipScopeCheck: true,
-            },
-          },
-        },
-        {
-          type: 'item',
-          title: "{{t('Delete')}}",
-          component: 'BulkDestroyActionInitializer',
-          schema: {
-            'x-align': 'right',
-            'x-decorator': 'ACLActionProvider',
-            'x-acl-action-props': {
-              skipScopeCheck: true,
-            },
-          },
-        },
-      ],
-    },
-  ],
-};

package/src/schema-initializer/buttons/TableColumnInitializers.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { SchemaInitializer } from '../SchemaInitializer';
-import { itemsMerge, useTableColumnInitializerFields } from '../utils';
-
-// 表格列配置
-export const TableColumnInitializers = (props: any) => {
-  const { items = [] } = props;
-  const { t } = useTranslation();
-  return (
-    <SchemaInitializer.Button
-      insertPosition={'beforeEnd'}
-      icon={'SettingOutlined'}
-      wrap={(s) => {
-        if (s['x-action-column']) {
-          return s;
-        }
-        return {
-          type: 'void',
-          'x-decorator': 'TableV2.Column.Decorator',
-          'x-designer': 'TableV2.Column.Designer',
-          'x-component': 'TableV2.Column',
-          properties: {
-            [s.name]: {
-              ...s,
-            },
-          },
-        };
-      }}
-      items={itemsMerge(
-        [
-          {
-            type: 'itemGroup',
-            title: t('Display fields'),
-            children: useTableColumnInitializerFields(),
-          },
-          {
-            type: 'divider',
-          },
-          {
-            type: 'item',
-            title: t('Action column'),
-            component: 'TableActionColumnInitializer',
-          },
-        ],
-        items,
-      )}
-    >
-      {t('Configure columns')}
-    </SchemaInitializer.Button>
-  );
-};

package/src/schema-initializer/buttons/TableSelectorInitializers.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { SchemaInitializer } from '../..';
-import { gridRowColWrap } from '../utils';
-
-export const TableSelectorInitializers = (props: any) => {
-  const { t } = useTranslation();
-  return (
-    <SchemaInitializer.Button
-      wrap={gridRowColWrap}
-      title={t('Add block')}
-      icon={'PlusOutlined'}
-      items={[
-        {
-          type: 'itemGroup',
-          title: 'Selector',
-          children: [
-            {
-              key: 'details',
-              type: 'item',
-              title: 'Table',
-              component: 'TableSelectorInitializer',
-            },
-          ],
-        },
-        {
-          type: 'itemGroup',
-          title: t('Media'),
-          children: [
-            {
-              type: 'item',
-              title: t('Add text'),
-              component: 'BlockInitializer',
-              schema: {
-                type: 'void',
-                'x-editable': false,
-                'x-decorator': 'BlockItem',
-                'x-designer': 'Markdown.Void.Designer',
-                'x-component': 'Markdown.Void',
-                'x-component-props': {
-                  content: t('This is a demo text, **supports Markdown syntax**.'),
-                },
-              },
-            },
-          ],
-        },
-      ]}
-    />
-  );
-};

package/src/schema-initializer/buttons/index.ts

@@ -1,18 +0,0 @@
-export * from './BlockInitializers';
-export * from './CalendarActionInitializers';
-export * from './CreateFormBlockInitializers';
-export * from './CustomFormItemInitializers';
-export * from './DetailsActionInitializers';
-export * from './FormActionInitializers';
-export * from './FormItemInitializers';
-export * from './KanbanActionInitializers';
-export * from './ReadPrettyFormActionInitializers';
-export * from './ReadPrettyFormItemInitializers';
-export * from './RecordBlockInitializers';
-export * from './RecordFormBlockInitializers';
-export * from './SubTableActionInitializers';
-export * from './TableActionColumnInitializers';
-export * from './TableActionInitializers';
-export * from './TableColumnInitializers';
-export * from './TableSelectorInitializers';
-export * from './TabPaneInitializers';

package/src/schema-initializer/components/assigned-field/AssignedField.tsx

@@ -1,70 +0,0 @@
-import { Field } from '@formily/core';
-import { useField, useFieldSchema } from '@formily/react';
-import React, { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { CollectionField, useCollection } from '../../../collection-manager';
-import { useCompile, useFilterOptions } from '../../../schema-component';
-
-export const AssignedField = (props: any) => {
-  const { t } = useTranslation();
-  const compile = useCompile();
-  const field = useField<Field>();
-  const fieldSchema = useFieldSchema();
-  const [type, setType] = useState<string>('constantValue');
-  const [value, setValue] = useState(field?.value?.value ?? '');
-  const [options, setOptions] = useState<any[]>([]);
-  const { getField } = useCollection();
-  const collectionField = getField(fieldSchema.name);
-  const { uiSchema } = collectionField;
-  const currentUser = useFilterOptions('users');
-  const currentRecord = useFilterOptions(collectionField.collectionName);
-
-  useEffect(() => {
-    const opt = [
-      {
-        name: 'currentUser',
-        title: t('Current user'),
-        children: [...currentUser],
-      },
-      {
-        name: 'currentRecord',
-        title: t('Current record'),
-        children: [...currentRecord],
-      },
-    ];
-    setOptions(compile(opt));
-  }, []);
-
-  const valueChangeHandler = (val) => {
-    setValue(val);
-  };
-
-  return <CollectionField {...props} value={field.value} onChange={valueChangeHandler} />;
-
-  // return (
-  //   <Space>
-  //     <Select defaultValue={type} value={type} style={{ width: 120 }} onChange={typeChangeHandler}>
-  //       <Select.Option value="constantValue">{t('Constant value')}</Select.Option>
-  //       <Select.Option value="dynamicValue">{t('Dynamic value')}</Select.Option>
-  //     </Select>
-
-  //     {type === 'constantValue' ? (
-  //       <CollectionField {...props} onChange={valueChangeHandler} />
-  //     ) : (
-  //       <Cascader
-  //         fieldNames={{
-  //           label: 'title',
-  //           value: 'name',
-  //           children: 'children',
-  //         }}
-  //         style={{
-  //           width: 150,
-  //         }}
-  //         options={options}
-  //         onChange={valueChangeHandler}
-  //         defaultValue={value}
-  //       />
-  //     )}
-  //   </Space>
-  // );
-};

package/src/schema-initializer/components/assigned-field/index.ts

@@ -1 +0,0 @@
-export * from './AssignedField';

package/src/schema-initializer/components/index.ts

@@ -1 +0,0 @@
-export * from './assigned-field';

package/src/schema-initializer/demos/demo1.tsx

@@ -1,123 +0,0 @@
-import { TableOutlined } from '@ant-design/icons';
-import { Field } from '@formily/core';
-import { observer, useField } from '@formily/react';
-import {
-  SchemaComponent,
-  SchemaComponentProvider,
-  SchemaInitializer,
-  SchemaInitializerProvider,
-  useSchemaInitializer
-} from '@nocobase/client';
-import React from 'react';
-
-const Hello = observer((props) => {
-  const field = useField<Field>();
-  return (
-    <div style={{ marginBottom: 20, padding: '0 20px', height: 50, lineHeight: '50px', background: '#f1f1f1' }}>
-      {field.title}
-    </div>
-  );
-});
-
-const TableBlockInitializer = SchemaInitializer.itemWrap((props) => {
-  const { insert } = props;
-  const items: any = [
-    {
-      type: 'itemGroup',
-      title: 'select a data source',
-      children: [
-        {
-          type: 'item',
-          title: 'Users',
-        },
-        {
-          type: 'item',
-          title: 'Posts',
-        },
-      ],
-    },
-  ];
-  return (
-    <SchemaInitializer.Item
-      icon={<TableOutlined />}
-      items={items}
-      onClick={({ item }) => {
-        // 如果有 items 时，onClick 里会返回点击的 item
-        // TODO: 实际情况，这里还需要补充更完整的初始化逻辑
-        insert({
-          type: 'void',
-          title: item.title,
-          'x-component': 'Hello',
-        });
-      }}
-    />
-  );
-});
-
-const initializers = {
-  AddBlock: {
-    title: 'Add block',
-    insertPosition: 'beforeBegin',
-    items: [
-      {
-        type: 'itemGroup',
-        title: 'Data blocks',
-        children: [
-          {
-            type: 'item',
-            title: 'Table',
-            component: 'TableBlockInitializer',
-          },
-          {
-            type: 'item',
-            title: 'Form',
-            component: 'GeneralInitializer',
-            schema: {
-              type: 'void',
-              title: 'Form',
-              'x-component': 'Hello',
-            },
-          },
-        ],
-      },
-    ],
-  },
-};
-
-const AddBlockButton = observer((props: any) => {
-  const { render } = useSchemaInitializer('AddBlock');
-  return <>{render()}</>;
-});
-
-export default function App() {
-  return (
-    <SchemaComponentProvider designable>
-      <SchemaInitializerProvider initializers={initializers}>
-        <SchemaComponent
-          components={{ TableBlockInitializer, Hello, AddBlockButton }}
-          schema={{
-            type: 'void',
-            name: 'page',
-            'x-component': 'div',
-            properties: {
-              hello1: {
-                type: 'void',
-                title: 'Test1',
-                'x-component': 'Hello',
-              },
-              hello2: {
-                type: 'void',
-                title: 'Test2',
-                'x-component': 'Hello',
-              },
-              initializer: {
-                type: 'void',
-                'x-component': 'AddBlockButton',
-              },
-            },
-          }}
-        />
-      </SchemaInitializerProvider>
-    </SchemaComponentProvider>
-  );
-}