@nocobase/plugin-workflow 0.9.0-alpha.2 → 0.9.1-alpha.1

package/lib/client/nodes/request.d.ts

@@ -1,39 +1,38 @@
-import React from 'react';
-import EjsTextArea from '../components/EjsTextArea';
+import { useWorkflowVariableOptions } from '../variable';
 declare const _default: {
     title: string;
     type: string;
     group: string;
     fieldset: {
-        'config.url': {
+        'config.method': {
             type: string;
             name: string;
             required: boolean;
             title: string;
             'x-decorator': string;
-            'x-decorator-props': {};
             'x-component': string;
             'x-component-props': {
-                autoSize: {
-                    minRows: number;
-                };
-                placeholder: string;
-                description: string;
+                showSearch: boolean;
+                allowClear: boolean;
             };
+            enum: {
+                label: string;
+                value: string;
+            }[];
+            default: string;
         };
-        'config.timeout': {
+        'config.url': {
             type: string;
             name: string;
             required: boolean;
             title: string;
             'x-decorator': string;
-            'x-decorator-props': {};
+            'x-decorator-props': {
+                className: string;
+            };
             'x-component': string;
             'x-component-props': {
-                addonAfter: string;
-                min: number;
-                step: number;
-                defaultValue: number;
+                placeholder: string;
             };
         };
         'config.headers': {
@@ -63,7 +62,7 @@ declare const _default: {
                                 'x-decorator': string;
                                 'x-component': string;
                                 'x-component-props': {
-                                    placeholder: string;
+                                    scope: typeof useWorkflowVariableOptions;
                                 };
                             };
                             remove: {
@@ -83,37 +82,81 @@ declare const _default: {
                 };
             };
         };
-        'config.method': {
+        'config.params': {
             type: string;
             name: string;
-            required: boolean;
-            title: string;
-            'x-decorator': string;
             'x-component': string;
-            'x-component-props': {
-                defaultValue: string;
-                showSearch: boolean;
-                allowClear: boolean;
+            'x-decorator': string;
+            title: string;
+            items: {
+                type: string;
+                properties: {
+                    space: {
+                        type: string;
+                        'x-component': string;
+                        properties: {
+                            name: {
+                                type: string;
+                                'x-decorator': string;
+                                'x-component': string;
+                                'x-component-props': {
+                                    placeholder: string;
+                                };
+                            };
+                            value: {
+                                type: string;
+                                'x-decorator': string;
+                                'x-component': string;
+                                'x-component-props': {
+                                    scope: typeof useWorkflowVariableOptions;
+                                };
+                            };
+                            remove: {
+                                type: string;
+                                'x-decorator': string;
+                                'x-component': string;
+                            };
+                        };
+                    };
+                };
+            };
+            properties: {
+                add: {
+                    type: string;
+                    title: string;
+                    'x-component': string;
+                };
             };
-            enum: {
-                label: string;
-                value: string;
-            }[];
         };
         'config.data': {
             type: string;
             name: string;
-            'x-hidden': boolean;
             title: string;
             'x-decorator': string;
             'x-decorator-props': {};
             'x-component': string;
             'x-component-props': {
+                scope: typeof useWorkflowVariableOptions;
                 autoSize: {
                     minRows: number;
                 };
                 placeholder: string;
-                description: string;
+                className: string;
+            };
+            description: string;
+        };
+        'config.timeout': {
+            type: string;
+            name: string;
+            title: string;
+            'x-decorator': string;
+            'x-decorator-props': {};
+            'x-component': string;
+            'x-component-props': {
+                addonAfter: string;
+                min: number;
+                step: number;
+                defaultValue: number;
             };
         };
         'config.ignoreFail': {
@@ -127,12 +170,11 @@ declare const _default: {
     view: {};
     scope: {};
     components: {
-        ArrayItems: React.FC<React.HTMLAttributes<HTMLDivElement>> & import("@formily/antd").ArrayBaseMixins & {
-            Item?: React.FC<React.HTMLAttributes<HTMLDivElement> & {
+        ArrayItems: import("react").FC<import("react").HTMLAttributes<HTMLDivElement>> & import("@formily/antd").ArrayBaseMixins & {
+            Item?: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
                 type?: "divide" | "card";
             }>;
         };
-        EjsTextArea: typeof EjsTextArea;
     };
 };
 export default _default;

package/lib/client/nodes/request.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _locale = require("../locale");
-
 function _antd() {
   const data = require("@formily/antd");
 
@@ -17,44 +15,73 @@ function _antd() {
   return data;
 }
 
-var _EjsTextArea = _interopRequireDefault(require("../components/EjsTextArea"));
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+  return data;
+}
+
+var _locale = require("../locale");
+
+var _variable = require("../variable");
 
 var _default = {
   title: `{{t("HTTP request", { ns: "${_locale.NAMESPACE}" })}}`,
   type: 'request',
   group: 'extended',
   fieldset: {
-    'config.url': {
+    'config.method': {
       type: 'string',
-      name: 'config.url',
+      name: 'config.method',
       required: true,
-      title: `{{t("URL", { ns: "${_locale.NAMESPACE}" })}}`,
+      title: `{{t("HTTP method", { ns: "${_locale.NAMESPACE}" })}}`,
       'x-decorator': 'FormItem',
-      'x-decorator-props': {},
-      'x-component': 'EjsTextArea',
+      'x-component': 'Select',
       'x-component-props': {
-        autoSize: {
-          minRows: 1
-        },
-        placeholder: 'https://xxxxxx',
-        description: `{{t("You can use the above available variables in URL.", { ns: "${_locale.NAMESPACE}" })}}`
-      }
+        showSearch: false,
+        allowClear: false
+      },
+      enum: [{
+        label: 'GET',
+        value: 'GET'
+      }, {
+        label: 'POST',
+        value: 'POST'
+      }, {
+        label: 'PUT',
+        value: 'PUT'
+      }, {
+        label: 'PATCH',
+        value: 'PATCH'
+      }, {
+        label: 'DELETE',
+        value: 'DELETE'
+      }],
+      default: 'POST'
     },
-    'config.timeout': {
-      type: 'number',
-      name: 'config.timeout',
+    'config.url': {
+      type: 'string',
+      name: 'config.url',
       required: true,
-      title: `{{t("Timeout config", { ns: "${_locale.NAMESPACE}" })}}`,
+      title: `{{t("URL", { ns: "${_locale.NAMESPACE}" })}}`,
       'x-decorator': 'FormItem',
-      'x-decorator-props': {},
-      'x-component': 'InputNumber',
+      'x-decorator-props': {
+        className: (0, _css().css)`
+          .ant-formily-item-control-content-component{
+            .ant-input-affix-wrapper,
+            .ant-input{
+              width: 100%;
+            }
+          }
+        `
+      },
+      'x-component': 'Input',
       'x-component-props': {
-        addonAfter: `{{t("ms", { ns: "${_locale.NAMESPACE}" })}}`,
-        min: 1,
-        step: 1000,
-        defaultValue: 5000
+        placeholder: 'https://www.nocobase.com'
       }
     },
     'config.headers': {
@@ -62,8 +89,8 @@ var _default = {
       name: 'config.headers',
       'x-component': 'ArrayItems',
       'x-decorator': 'FormItem',
-      title: `{{t("Request headers", { ns: "${_locale.NAMESPACE}" })}}`,
-      description: `{{t("Default headers is Content-Type: application/json", { ns: "${_locale.NAMESPACE}" })}}`,
+      title: `{{t("Headers", { ns: "${_locale.NAMESPACE}" })}}`,
+      description: `{{t('"Content-Type" only support "application/json", and no need to specify', { ns: "${_locale.NAMESPACE}" })}}`,
       items: {
         type: 'object',
         properties: {
@@ -76,15 +103,15 @@ var _default = {
                 'x-decorator': 'FormItem',
                 'x-component': 'Input',
                 'x-component-props': {
-                  placeholder: `{{t("Name(e.g. Content-Type)", { ns: "${_locale.NAMESPACE}" })}}`
+                  placeholder: `{{t("Name")}}`
                 }
               },
               value: {
                 type: 'string',
                 'x-decorator': 'FormItem',
-                'x-component': 'Input',
+                'x-component': 'Variable.Input',
                 'x-component-props': {
-                  placeholder: `{{t("Value(e.g. Application/json)", { ns: "${_locale.NAMESPACE}" })}}`
+                  scope: _variable.useWorkflowVariableOptions
                 }
               },
               remove: {
@@ -104,49 +131,84 @@ var _default = {
         }
       }
     },
-    'config.method': {
-      type: 'string',
-      name: 'config.method',
-      required: true,
-      title: `{{t("HTTP method", { ns: "${_locale.NAMESPACE}" })}}`,
+    'config.params': {
+      type: 'array',
+      name: 'config.params',
+      'x-component': 'ArrayItems',
       'x-decorator': 'FormItem',
-      'x-component': 'Select',
-      'x-component-props': {
-        defaultValue: 'POST',
-        showSearch: false,
-        allowClear: false
+      title: `{{t("Parameters", { ns: "${_locale.NAMESPACE}" })}}`,
+      items: {
+        type: 'object',
+        properties: {
+          space: {
+            type: 'void',
+            'x-component': 'Space',
+            properties: {
+              name: {
+                type: 'string',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input',
+                'x-component-props': {
+                  placeholder: `{{t("Name")}}`
+                }
+              },
+              value: {
+                type: 'string',
+                'x-decorator': 'FormItem',
+                'x-component': 'Variable.Input',
+                'x-component-props': {
+                  scope: _variable.useWorkflowVariableOptions
+                }
+              },
+              remove: {
+                type: 'void',
+                'x-decorator': 'FormItem',
+                'x-component': 'ArrayItems.Remove'
+              }
+            }
+          }
+        }
       },
-      enum: [{
-        label: 'GET',
-        value: 'GET'
-      }, {
-        label: 'POST',
-        value: 'POST'
-      }, {
-        label: 'PUT',
-        value: 'PUT'
-      }, {
-        label: 'PATCH',
-        value: 'PATCH'
-      }, {
-        label: 'DELETE',
-        value: 'DELETE'
-      }]
+      properties: {
+        add: {
+          type: 'void',
+          title: `{{t("Add parameter", { ns: "${_locale.NAMESPACE}" })}}`,
+          'x-component': 'ArrayItems.Addition'
+        }
+      }
     },
     'config.data': {
       type: 'string',
       name: 'config.data',
-      'x-hidden': false,
-      title: `{{t("Request data", { ns: "${_locale.NAMESPACE}" })}}`,
+      title: `{{t("Body", { ns: "${_locale.NAMESPACE}" })}}`,
       'x-decorator': 'FormItem',
       'x-decorator-props': {},
-      'x-component': 'EjsTextArea',
+      'x-component': 'Variable.JSON',
       'x-component-props': {
+        scope: _variable.useWorkflowVariableOptions,
         autoSize: {
-          minRows: 5
+          minRows: 10
         },
         placeholder: `{{t("Input request data", { ns: "${_locale.NAMESPACE}" })}}`,
-        description: `{{t("You can use the above available variables in request data.", { ns: "${_locale.NAMESPACE}" })}}`
+        className: (0, _css().css)`
+          font-size: 85%;
+          font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+        `
+      },
+      description: `{{t("Only support standard JSON data", { ns: "${_locale.NAMESPACE}" })}}`
+    },
+    'config.timeout': {
+      type: 'number',
+      name: 'config.timeout',
+      title: `{{t("Timeout config", { ns: "${_locale.NAMESPACE}" })}}`,
+      'x-decorator': 'FormItem',
+      'x-decorator-props': {},
+      'x-component': 'InputNumber',
+      'x-component-props': {
+        addonAfter: `{{t("ms", { ns: "${_locale.NAMESPACE}" })}}`,
+        min: 1,
+        step: 1000,
+        defaultValue: 5000
       }
     },
     'config.ignoreFail': {
@@ -160,8 +222,7 @@ var _default = {
   view: {},
   scope: {},
   components: {
-    ArrayItems: _antd().ArrayItems,
-    EjsTextArea: _EjsTextArea.default
+    ArrayItems: _antd().ArrayItems
   }
 };
 exports.default = _default;

package/lib/client/nodes/update.d.ts

@@ -1,5 +1,5 @@
 import { useCollectionDataSource } from '@nocobase/client';
-import { VariableComponent } from '../calculators';
+import { FilterDynamicComponent } from '../components/FilterDynamicComponent';
 declare const _default: {
     title: string;
     type: string;
@@ -53,7 +53,7 @@ declare const _default: {
         useCollectionDataSource: typeof useCollectionDataSource;
     };
     components: {
-        VariableComponent: typeof VariableComponent;
+        FilterDynamicComponent: typeof FilterDynamicComponent;
         CollectionFieldset: import("react").MemoExoticComponent<import("react").FunctionComponent<Pick<any, string | number | symbol>>>;
     };
 };

package/lib/client/nodes/update.js

@@ -15,7 +15,7 @@ function _client() {
   return data;
 }
 
-var _calculators = require("../calculators");
+var _FilterDynamicComponent = require("../components/FilterDynamicComponent");
 
 var _CollectionFieldset = _interopRequireDefault(require("../components/CollectionFieldset"));
 
@@ -47,7 +47,7 @@ var _default = {
     useCollectionDataSource: _client().useCollectionDataSource
   },
   components: {
-    VariableComponent: _calculators.VariableComponent,
+    FilterDynamicComponent: _FilterDynamicComponent.FilterDynamicComponent,
     CollectionFieldset: _CollectionFieldset.default
   }
 };

package/lib/client/schemas/collection.js

@@ -94,7 +94,7 @@ const filter = {
       };
     },
 
-    dynamicComponent: 'VariableComponent'
+    dynamicComponent: 'FilterDynamicComponent'
   }
 };
 exports.filter = filter;

package/lib/client/schemas/executions.js

@@ -56,7 +56,7 @@ const executionCollection = {
       'x-read-pretty': true
     }
   }, {
-    interface: 'object',
+    interface: 'm2o',
     type: 'belongsTo',
     name: 'workflowId',
     uiSchema: {

package/lib/client/schemas/workflows.js

@@ -132,7 +132,7 @@ const workflowSchema = {
             filter: {
               current: true
             },
-            sort: ['-enabled', '-createdAt'],
+            sort: ['-createdAt'],
             except: ['config']
           }
         }

package/lib/client/style.js

@@ -16,10 +16,6 @@ function _css() {
 }
 
 const workflowPageClass = (0, _css().css)`
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-
   .workflow-toolbar{
     display: flex;
     align-items: center;

package/lib/client/triggers/collection.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { useCollectionDataSource } from '@nocobase/client';
+import { SchemaInitializerItemOptions, useCollectionDataSource } from '@nocobase/client';
+import { CollectionFieldInitializers } from '../components/CollectionFieldInitializers';
 declare const _default: {
     title: string;
     type: string;
@@ -83,7 +84,10 @@ declare const _default: {
     components: {
         FieldsSelect: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
     };
-    getOptions(config: any): any[];
-    getter(props: any): JSX.Element;
+    getOptions(config: any, types: any): any[];
+    useInitializers(config: any): SchemaInitializerItemOptions | null;
+    initializers: {
+        CollectionFieldInitializers: typeof CollectionFieldInitializers;
+    };
 };
 export default _default;

package/lib/client/triggers/collection.js

@@ -25,56 +25,46 @@ function _antd() {
   return data;
 }
 
-function _react2() {
-  const data = require("@formily/react");
+function _core() {
+  const data = require("@formily/core");
 
-  _react2 = function _react2() {
+  _core = function _core() {
     return data;
   };
 
   return data;
 }
 
-function _client() {
-  const data = require("@nocobase/client");
+function _react2() {
+  const data = require("@formily/react");
 
-  _client = function _client() {
+  _react2 = function _react2() {
     return data;
   };
 
   return data;
 }
 
-var _FlowContext = require("../FlowContext");
-
-var _collection = require("../schemas/collection");
-
-function _css() {
-  const data = require("@emotion/css");
+function _client() {
+  const data = require("@nocobase/client");
 
-  _css = function _css() {
+  _client = function _client() {
     return data;
   };
 
   return data;
 }
 
-function _core() {
-  const data = require("@formily/core");
+var _collection = require("../schemas/collection");
 
-  _core = function _core() {
-    return data;
-  };
+var _variable = require("../variable");
 
-  return data;
-}
+var _CollectionBlockInitializer = require("../components/CollectionBlockInitializer");
 
-var _CollectionFieldSelect = _interopRequireDefault(require("../components/CollectionFieldSelect"));
+var _CollectionFieldInitializers = require("../components/CollectionFieldInitializers");
 
 var _locale = require("../locale");
 
-var _calculators = require("../calculators");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -103,11 +93,7 @@ const FieldsSelect = (0, _react2().observer)(props => {
       setValuesIn('config.condition', null);
     });
   });
-  return _react().default.createElement(_antd().Select, _objectSpread(_objectSpread({}, props), {}, {
-    className: (0, _css().css)`
-        min-width: 6em;
-      `
-  }), fields.filter(field => !field.hidden && (field.uiSchema ? !field.uiSchema['x-read-pretty'] : true) && !['linkTo', 'hasOne', 'hasMany', 'belongsToMany'].includes(field.type)).map(field => {
+  return _react().default.createElement(_antd().Select, _objectSpread({}, props), fields.filter(field => !field.hidden && (field.uiSchema ? !field.uiSchema['x-read-pretty'] : true) && !['linkTo', 'hasOne', 'hasMany', 'belongsToMany'].includes(field.type)).map(field => {
     var _field$uiSchema;
 
     return _react().default.createElement(_antd().Select.Option, {
@@ -207,34 +193,39 @@ var _default = {
     FieldsSelect
   },
 
-  getOptions(config) {
+  getOptions(config, types) {
     const _useWorkflowTranslati = (0, _locale.useWorkflowTranslation)(),
           t = _useWorkflowTranslati.t;
 
-    const options = [{
+    const fieldOptions = (0, _variable.useCollectionFieldOptions)({
+      collection: config.collection,
+      types
+    });
+    const options = [...((fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions.length) ? [{
+      label: t('Trigger data'),
+      key: 'data',
       value: 'data',
-      label: t('Trigger data')
-    }];
+      children: fieldOptions
+    }] : [])];
     return options;
   },
 
-  getter(props) {
-    const _onChange = props.onChange;
-
-    const _useFlowContext = (0, _FlowContext.useFlowContext)(),
-          workflow = _useFlowContext.workflow;
-
-    const _useOperandContext = (0, _calculators.useOperandContext)(),
-          options = _useOperandContext.options;
+  useInitializers(config) {
+    if (!config.collection) {
+      return null;
+    }
+
+    return {
+      type: 'item',
+      title: `{{t("Trigger data", { ns: "${_locale.NAMESPACE}" })}}`,
+      component: _CollectionBlockInitializer.CollectionBlockInitializer,
+      collection: config.collection,
+      dataSource: '{{$context.data}}'
+    };
+  },
 
-    return _react().default.createElement(_CollectionFieldSelect.default, {
-      collection: workflow.config.collection,
-      value: options === null || options === void 0 ? void 0 : options.path,
-      onChange: path => {
-        _onChange(`{{$context.data.${path}}}`);
-      }
-    });
+  initializers: {
+    CollectionFieldInitializers: _CollectionFieldInitializers.CollectionFieldInitializers
   }
-
 };
 exports.default = _default;