@nocobase/plugin-graph-collection-manager 0.11.1-alpha.5 → 0.12.0-alpha.2

package/src/client/action-hooks.tsx

@@ -1,237 +0,0 @@
-import { observer, useForm } from '@formily/react';
-import { action } from '@formily/reactive';
-import {
-  useAPIClient,
-  useActionContext,
-  useCollectionFieldFormValues,
-  useCollectionManager,
-  useCompile,
-  useRequest,
-} from '@nocobase/client';
-import { error } from '@nocobase/utils/client';
-import { Select, message } from 'antd';
-import { lodash } from '@nocobase/utils/client'
-import React, { useContext, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { GraphCollectionContext } from './components/CollectionNodeProvder';
-
-export const useValuesFromRecord = (options, data) => {
-  const result = useRequest(() => Promise.resolve({ data }), {
-    ...options,
-    manual: true,
-  });
-  const ctx = useActionContext();
-  useEffect(() => {
-    if (ctx.visible) {
-      result.run();
-    }
-  }, [ctx.visible]);
-  return result;
-};
-
-export const SourceCollection = observer(
-  () => {
-    const { record } = useContext(GraphCollectionContext);
-    const compile = useCompile();
-    return (
-      <div>
-        <Select
-          popupMatchSelectWidth={false}
-          disabled
-          value={record.name}
-          options={[{ value: record.name, label: compile(record.title) }]}
-        />
-      </div>
-    );
-  },
-  { displayName: 'SourceCollection' },
-);
-
-export const useCancelAction = () => {
-  const form = useForm();
-  const ctx = useActionContext();
-  return {
-    async run() {
-      ctx.setVisible(false);
-      form.reset();
-    },
-  };
-};
-
-export const useCreateActionAndRefreshCM = (setTargetNode) => {
-  const form = useForm();
-  const api = useAPIClient();
-  const ctx = useActionContext();
-  const { refreshCM } = useCollectionManager();
-
-  return {
-    async run() {
-      await form.submit();
-      await api.resource('collections').create({ values: form.values });
-      ctx.setVisible(false);
-      await form.reset();
-      setTargetNode('last');
-      await refreshCM();
-    },
-  };
-};
-
-export const useCreateAction = (collectionName, targetId?) => {
-  const form = useForm();
-  const api = useAPIClient();
-  const ctx = useActionContext();
-  const { refreshCM } = useCollectionManager();
-  const { positionTargetNode, openPorts } = useContext(GraphCollectionContext);
-  const { getValues } = useCollectionFieldFormValues();
-
-  return {
-    async run() {
-      await form.submit();
-      const values = getValues();
-      const formValues = lodash.omit(values, [
-        'key',
-        'uiSchemaUid',
-        'collectionName',
-        'autoCreateReverseField',
-        'uiSchema.x-uid',
-        'reverseField.key',
-        'reverseField.uiSchemaUid',
-      ]);
-      const isOpenPorts = !['obo', 'oho', 'o2o', 'o2m', 'm2o', 'm2m', 'linkTo', 'id'].includes(values.interface);
-      const {
-        data: { data },
-      } = await api.resource('collections.fields', collectionName).create({
-        values: formValues,
-      });
-      targetId &&
-        (await api.resource('fields').move({
-          sourceId: data.key,
-          targetId,
-          targetScope: collectionName,
-          method: 'insertAfter',
-        }));
-      ctx.setVisible(false);
-      await form.reset();
-      positionTargetNode();
-      isOpenPorts && openPorts && openPorts();
-      await refreshCM();
-    },
-  };
-};
-
-export const useUpdateFieldAction = ({ collectionName, name, key }) => {
-  const { refreshCM } = useCollectionManager();
-  const { t } = useTranslation();
-  const form = useForm();
-  const ctx = useActionContext();
-  const api = useAPIClient();
-  const { positionTargetNode, node } = useContext(GraphCollectionContext);
-  return {
-    async run() {
-      await form.submit();
-      await api.resource('collections.fields', collectionName).update({
-        filterByTk: name,
-        values: form.values,
-      });
-      ctx.setVisible(false);
-      message.success(t('Saved successfully'));
-      positionTargetNode();
-      refreshCM();
-      node.setPortProp(key, 'uiSchema', { title: form.values?.uiSchema.title });
-      await form.reset();
-    },
-  };
-};
-
-export const useUpdateCollectionActionAndRefreshCM = () => {
-  const { t } = useTranslation();
-  const form = useForm();
-  const ctx = useActionContext();
-  const { name } = form.values;
-  const api = useAPIClient();
-  const { refreshCM } = useCollectionManager();
-  const { positionTargetNode } = useContext(GraphCollectionContext);
-  return {
-    async run() {
-      await form.submit();
-      await api.resource('collections').update({
-        filterByTk: name,
-        values: { ...lodash.omit(form.values, ['fields']) },
-      });
-      ctx.setVisible(false);
-      message.success(t('Saved successfully'));
-      await form.reset();
-      positionTargetNode();
-      refreshCM();
-    },
-  };
-};
-
-const useDestroyAction = (name) => {
-  const api = useAPIClient();
-  return {
-    async run() {
-      await api.resource('collections').destroy({
-        filterByTk: name,
-      });
-      await api.resource('graphPositions').destroy({
-        filter: { collectionName: name },
-      });
-    },
-  };
-};
-
-export const useDestroyActionAndRefreshCM = (props) => {
-  const { name } = props;
-  const { run } = useDestroyAction(name);
-  const { refreshCM } = useCollectionManager();
-  const { positionTargetNode } = useContext(GraphCollectionContext);
-  return {
-    async run() {
-      await run();
-      positionTargetNode('destory');
-      await refreshCM();
-    },
-  };
-};
-
-const useDestroyFieldAction = (collectionName, name) => {
-  const api = useAPIClient();
-  const { positionTargetNode } = useContext(GraphCollectionContext);
-  return {
-    async run() {
-      await api.resource('collections.fields', collectionName).destroy({
-        filterByTk: name,
-      });
-      positionTargetNode();
-    },
-  };
-};
-
-export const useDestroyFieldActionAndRefreshCM = (props) => {
-  const { collectionName, name } = props;
-  const { refreshCM } = useCollectionManager();
-  const { run } = useDestroyFieldAction(collectionName, name);
-  return {
-    async run() {
-      await run();
-      await refreshCM();
-    },
-  };
-};
-
-export const useAsyncDataSource = (service: any) => {
-  return (field: any, { targetScope }) => {
-    field.loading = true;
-    service(targetScope)
-      .then(
-        action.bound((data: any) => {
-          field.dataSource = data;
-          field.loading = false;
-        }),
-      )
-      .catch((err) => {
-        error(err);
-      });
-  };
-};

package/src/client/components/AddCollectionAction.tsx

@@ -1,28 +0,0 @@
-import { PlusOutlined } from '@ant-design/icons';
-import { AddCollection } from '@nocobase/client';
-import { Button } from 'antd';
-import React from 'react';
-import { useCancelAction } from '../action-hooks';
-import { getPopupContainer } from '../utils';
-
-export const AddCollectionAction = ({ item: record }) => {
-  return (
-    <AddCollection
-      trigger={['click']}
-      align={{
-        overflow: {
-          adjustY: false, // 关闭溢出位置调整
-        },
-      }}
-      item={record}
-      scope={{
-        useCancelAction,
-      }}
-      getContainer={getPopupContainer}
-    >
-      <Button type="primary">
-        <PlusOutlined />
-      </Button>
-    </AddCollection>
-  );
-};

package/src/client/components/AddFieldAction.tsx

@@ -1,37 +0,0 @@
-import { PlusOutlined } from '@ant-design/icons';
-import { AddFieldAction as AddCollectionFieldAction } from '@nocobase/client';
-import React from 'react';
-import { useCancelAction, useCreateAction } from '../action-hooks';
-import { getPopupContainer } from '../utils';
-
-const useCreateCollectionField = (record) => {
-  const title = record.collectionName;
-  const { run } = useCreateAction(title, record.key);
-  return {
-    async run() {
-      await run();
-    },
-  };
-};
-
-export const AddFieldAction = ({ item: record, database }) => {
-  return (
-    <AddCollectionFieldAction
-      trigger={['click']}
-      align={{
-        overflow: {
-          adjustY: false, // 关闭溢出位置调整
-        },
-      }}
-      item={record}
-      database={database}
-      scope={{
-        useCancelAction,
-        useCreateCollectionField: () => useCreateCollectionField(record),
-      }}
-      getContainer={getPopupContainer}
-    >
-      <PlusOutlined className="btn-add" id="graph_btn_add_field" />
-    </AddCollectionFieldAction>
-  );
-};

package/src/client/components/CollectionNodeProvder.tsx

@@ -1,28 +0,0 @@
-import React, { createContext } from 'react';
-
-interface CollectionNodeOptions {
-  setTargetNode?: Function;
-  node?: Node | any;
-  record?: Object;
-  handelOpenPorts?: Function;
-}
-export const GraphCollectionContext = createContext(null);
-
-export const CollectionNodeProvder: React.FC<CollectionNodeOptions> = (props: any) => {
-  const { record, setTargetNode, node, handelOpenPorts } = props;
-
-  return (
-    <GraphCollectionContext.Provider
-      value={{
-        node,
-        record,
-        positionTargetNode: (target) => {
-          setTargetNode(target || node);
-        },
-        openPorts: handelOpenPorts,
-      }}
-    >
-      {props.children}
-    </GraphCollectionContext.Provider>
-  );
-};

package/src/client/components/EditCollectionAction.tsx

@@ -1,21 +0,0 @@
-import { EditOutlined } from '@ant-design/icons';
-import { EditCollection } from '@nocobase/client';
-import React from 'react';
-import { useCancelAction, useUpdateCollectionActionAndRefreshCM } from '../action-hooks';
-import { getPopupContainer } from '../utils';
-
-export const EditCollectionAction = ({ item: record, className }) => {
-  return (
-    <EditCollection
-      item={record}
-      scope={{
-        useCancelAction,
-        useUpdateCollectionActionAndRefreshCM,
-        createOnly: false,
-      }}
-      getContainer={getPopupContainer}
-    >
-      <EditOutlined className={className} />
-    </EditCollection>
-  );
-};

package/src/client/components/EditFieldAction.tsx

@@ -1,30 +0,0 @@
-import { EditOutlined } from '@ant-design/icons';
-import { EditFieldAction as EditCollectionFieldAction } from '@nocobase/client';
-import React from 'react';
-import { useCancelAction, useUpdateFieldAction } from '../action-hooks';
-import { getPopupContainer } from '../utils';
-
-const useUpdateCollectionField = (record) => {
-  const collectionName = record.collectionName;
-  const { run } = useUpdateFieldAction({ collectionName, name: record.name, key: record.key });
-  return {
-    async run() {
-      await run();
-    },
-  };
-};
-
-export const EditFieldAction = ({ item: record }) => {
-  return (
-    <EditCollectionFieldAction
-      item={record}
-      scope={{
-        useCancelAction,
-        useUpdateCollectionField: () => useUpdateCollectionField(record),
-      }}
-      getContainer={getPopupContainer}
-    >
-      <EditOutlined className="btn-edit" />
-    </EditCollectionFieldAction>
-  );
-};