@nocobase/plugin-workflow 0.11.0-alpha.1 → 0.11.1-alpha.2

package/lib/client/nodes/manual/WorkflowTodo.js

@@ -210,8 +210,7 @@ const todoCollection = {
       'x-component': 'DatePicker',
       'x-component-props': {
         showTime: true
-      },
-      'x-read-pretty': true
+      }
     }
   }]
 };
@@ -245,8 +244,6 @@ const WorkflowTodo = () => {
     },
     schema: {
       type: 'void',
-      name: (0, _client().uid)(),
-      'x-component': 'div',
       properties: {
         actions: {
           type: 'void',
@@ -321,7 +318,7 @@ const WorkflowTodo = () => {
               'x-component': 'TableV2.Column',
               properties: {
                 createdAt: {
-                  type: 'number',
+                  type: 'string',
                   'x-component': 'CollectionField',
                   'x-read-pretty': true
                 }
@@ -345,7 +342,6 @@ const WorkflowTodo = () => {
               'x-component': 'TableV2.Column',
               properties: {
                 status: {
-                  type: 'number',
                   'x-component': 'CollectionField',
                   'x-read-pretty': true
                 }
@@ -414,12 +410,13 @@ function ManualActionStatusProvider({
   const _useFlowContext2 = (0, _FlowContext.useFlowContext)(),
     userJob = _useFlowContext2.userJob;
   const button = (0, _react().useField)();
+  const buttonSchema = (0, _react().useFieldSchema)();
   (0, _react2().useEffect)(() => {
     if (userJob.status) {
       button.disabled = true;
-      button.visible = userJob.status === value;
+      button.visible = userJob.status === value && userJob.result._ === buttonSchema.name;
     }
-  }, [userJob.status, value, button]);
+  }, [userJob, value, button]);
   return _react2().default.createElement(ManualActionStatusContext.Provider, {
     value: value
   }, children);
@@ -432,28 +429,27 @@ function useSubmit() {
     values = _useForm.values,
     submit = _useForm.submit;
   const buttonSchema = (0, _react().useFieldSchema)();
-  const nextStatus = (0, _react2().useContext)(ManualActionStatusContext);
   const _useTableBlockContext = (0, _client2().useTableBlockContext)(),
     service = _useTableBlockContext.service;
   const _useFlowContext3 = (0, _FlowContext.useFlowContext)(),
     userJob = _useFlowContext3.userJob;
-  const _useContext = (0, _react2().useContext)(_client2().FormBlockContext),
-    updateAssociationValues = _useContext.updateAssociationValues;
+  const actionKey = buttonSchema.name;
+  const formKey = buttonSchema.parent.parent.name;
   return {
     run() {
       return _asyncToGenerator(function* () {
+        if (userJob.status) {
+          return;
+        }
         yield submit();
-        const _buttonSchema$parent$2 = buttonSchema.parent.parent.toJSON(),
-          name = _buttonSchema$parent$2.name;
         yield api.resource('users_jobs').submit({
           filterByTk: userJob.id,
           values: {
-            status: nextStatus,
             result: {
-              [name]: values
+              [formKey]: values,
+              _: actionKey
             }
-          },
-          updateAssociationValues
+          }
         });
         setVisible(false);
         service.refresh();
@@ -556,37 +552,29 @@ function useDetailsBlockProps() {
     form
   };
 }
-function Drawer() {
-  var _node$title;
-  const ctx = (0, _react2().useContext)(_client2().SchemaComponentContext);
+function FooterStatus() {
+  const compile = (0, _client2().useCompile)();
   const _useRecord2 = (0, _client2().useRecord)(),
-    id = _useRecord2.id,
-    node = _useRecord2.node,
-    workflow = _useRecord2.workflow,
     status = _useRecord2.status,
     updatedAt = _useRecord2.updatedAt;
   const statusOption = _constants.JobStatusOptionsMap[status];
-  const footerSchema = status ? {
-    date: {
-      type: 'void',
-      'x-component': 'time',
-      'x-component-props': {
-        className: (0, _css().css)`
-              margin-right: 0.5em;
-            `
-      },
-      'x-content': (0, _client().dayjs)(updatedAt).format('YYYY-MM-DD HH:mm:ss')
-    },
-    status: {
-      type: 'void',
-      'x-component': 'Tag',
-      'x-component-props': {
-        icon: statusOption.icon,
-        color: statusOption.color
-      },
-      'x-content': statusOption.label
-    }
-  } : null;
+  return status ? _react2().default.createElement(_antd().Space, null, _react2().default.createElement("time", {
+    className: (0, _css().css)`
+          margin-right: 0.5em;
+        `
+  }, (0, _client().dayjs)(updatedAt).format('YYYY-MM-DD HH:mm:ss')), _react2().default.createElement(_antd().Tag, {
+    icon: statusOption.icon,
+    color: statusOption.color
+  }, compile(statusOption.label))) : null;
+}
+function Drawer() {
+  var _node$title;
+  const ctx = (0, _react2().useContext)(_client2().SchemaComponentContext);
+  const _useRecord3 = (0, _client2().useRecord)(),
+    id = _useRecord3.id,
+    node = _useRecord3.node,
+    workflow = _useRecord3.workflow,
+    status = _useRecord3.status;
   return _react2().default.createElement(_client2().SchemaComponentContext.Provider, {
     value: _objectSpread(_objectSpread({}, ctx), {}, {
       reset() {},
@@ -594,7 +582,7 @@ function Drawer() {
     })
   }, _react2().default.createElement(_client2().SchemaComponent, {
     components: {
-      Tag: _antd().Tag,
+      FooterStatus,
       FlowContextProvider
     },
     schema: {
@@ -613,7 +601,12 @@ function Drawer() {
         footer: {
           type: 'void',
           'x-component': 'Action.Drawer.Footer',
-          properties: footerSchema
+          properties: {
+            content: {
+              type: 'void',
+              'x-component': 'FooterStatus'
+            }
+          }
         }
       }
     }

package/lib/client/nodes/manual/forms/create.js

@@ -87,7 +87,14 @@ var _default = {
         forms[formKey] = {
           type: 'create',
           title: ((_formBlock$xComponen = formBlock['x-component-props']) === null || _formBlock$xComponen === void 0 ? void 0 : _formBlock$xComponen.title) || formKey,
-          actions: (0, _utils.findSchema)(formSchema.properties.actions, item => item['x-component'] === 'Action').map(item => item['x-decorator-props'].value),
+          actions: (0, _utils.findSchema)(formSchema.properties.actions, item => item['x-component'] === 'Action').map(item => {
+            var _item$xActionSettin, _item$xActionSettin$a;
+            return {
+              status: item['x-decorator-props'].value,
+              values: (_item$xActionSettin = item['x-action-settings']) === null || _item$xActionSettin === void 0 ? void 0 : (_item$xActionSettin$a = _item$xActionSettin.assignedValues) === null || _item$xActionSettin$a === void 0 ? void 0 : _item$xActionSettin$a.values,
+              key: item.name
+            };
+          }),
           collection: formBlock['x-decorator-props'].collection
         };
       });

package/lib/client/nodes/manual/forms/custom.js

@@ -143,7 +143,8 @@ function CustomFormBlockInitializer(_ref) {
                 'x-component-props': {
                   layout: 'one-column',
                   style: {
-                    marginTop: '1.5em'
+                    marginTop: '1.5em',
+                    flexWrap: 'wrap'
                   }
                 },
                 'x-initializer': 'AddActionButton',
@@ -160,8 +161,7 @@ function CustomFormBlockInitializer(_ref) {
                       type: 'primary',
                       useAction: '{{ useSubmit }}'
                     },
-                    'x-designer': 'Action.Designer',
-                    'x-action': `${_constants.JOB_STATUS.RESOLVED}`
+                    'x-designer': 'ManualActionDesigner'
                   }
                 }
               }
@@ -404,7 +404,14 @@ var _default = {
         forms[formKey] = {
           type: 'custom',
           title: ((_formBlock$xComponen = formBlock['x-component-props']) === null || _formBlock$xComponen === void 0 ? void 0 : _formBlock$xComponen.title) || formKey,
-          actions: (0, _utils.findSchema)(formSchema.properties.actions, item => item['x-component'] === 'Action').map(item => item['x-decorator-props'].value),
+          actions: (0, _utils.findSchema)(formSchema.properties.actions, item => item['x-component'] === 'Action').map(item => {
+            var _item$xActionSettin, _item$xActionSettin$a;
+            return {
+              status: item['x-decorator-props'].value,
+              values: (_item$xActionSettin = item['x-action-settings']) === null || _item$xActionSettin === void 0 ? void 0 : (_item$xActionSettin$a = _item$xActionSettin.assignedValues) === null || _item$xActionSettin$a === void 0 ? void 0 : _item$xActionSettin$a.values,
+              key: item.name
+            };
+          }),
           collection: formBlock['x-decorator-props'].collection
         };
       });

package/lib/client/nodes/manual/forms/update.js

@@ -145,7 +145,14 @@ var _default = {
         forms[formKey] = _objectSpread(_objectSpread({}, formBlock['x-decorator-props']), {}, {
           type: 'update',
           title: ((_formBlock$xComponen = formBlock['x-component-props']) === null || _formBlock$xComponen === void 0 ? void 0 : _formBlock$xComponen.title) || formKey,
-          actions: (0, _utils.findSchema)(formSchema.properties.actions, item => item['x-component'] === 'Action').map(item => item['x-decorator-props'].value)
+          actions: (0, _utils.findSchema)(formSchema.properties.actions, item => item['x-component'] === 'Action').map(item => {
+            var _item$xActionSettin, _item$xActionSettin$a;
+            return {
+              status: item['x-decorator-props'].value,
+              values: (_item$xActionSettin = item['x-action-settings']) === null || _item$xActionSettin === void 0 ? void 0 : (_item$xActionSettin$a = _item$xActionSettin.assignedValues) === null || _item$xActionSettin$a === void 0 ? void 0 : _item$xActionSettin$a.values,
+              key: item.name
+            };
+          })
         });
       });
       return forms;

package/lib/client/nodes/manual/index.d.ts

@@ -62,8 +62,13 @@ declare const _default: {
         id: any;
         title: any;
         config: any;
-    }, { types }: {
+    }, { types, fieldNames }: {
         types: any;
+        fieldNames?: {
+            readonly label: "label";
+            readonly value: "value";
+            readonly children: "children";
+        };
     }): {
         value: string;
         label: any;

package/lib/client/nodes/manual/index.js

@@ -98,7 +98,8 @@ var _default = {
     title,
     config
   }, {
-    types
+    types,
+    fieldNames = _variable.defaultFieldNames
   }) {
     var _config$forms;
     const compile = (0, _client().useCompile)();
@@ -128,9 +129,9 @@ var _default = {
       } : null;
     }).filter(Boolean);
     return options.length ? {
-      value: `${id}`,
-      label: title,
-      children: options
+      [fieldNames.value]: `${id}`,
+      [fieldNames.label]: title,
+      [fieldNames.children]: options
     } : null;
   },
   useInitializers(node) {

package/lib/client/nodes/parallel.js

@@ -34,10 +34,11 @@ function _react() {
 }
 var _2 = require(".");
 var _Branch = require("../Branch");
-var _RadioWithTooltip = require("../components/RadioWithTooltip");
 var _FlowContext = require("../FlowContext");
+var _RadioWithTooltip = require("../components/RadioWithTooltip");
 var _locale = require("../locale");
-var _style = require("../style");
+var _style = _interopRequireDefault(require("../style"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -79,6 +80,8 @@ var _default = {
   component: function Component({
     data
   }) {
+    const _useStyles = (0, _style.default)(),
+      styles = _useStyles.styles;
     const id = data.id,
       mode = data.config.mode;
     const _useFlowContext = (0, _FlowContext.useFlowContext)(),
@@ -99,9 +102,9 @@ var _default = {
     return _react().default.createElement(_2.NodeDefaultView, {
       data: data
     }, _react().default.createElement("div", {
-      className: (0, _client().cx)(_style.nodeSubtreeClass)
+      className: (0, _client().cx)(styles.nodeSubtreeClass)
     }, _react().default.createElement("div", {
-      className: (0, _client().cx)(_style.branchBlockClass)
+      className: (0, _client().cx)(styles.branchBlockClass)
     }, branches.map(branch => _react().default.createElement(_Branch.Branch, {
       key: branch.id,
       from: data,

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SchemaInitializerItemOptions, useCollectionDataSource } from '@nocobase/client';
 import { FilterDynamicComponent } from '../components/FilterDynamicComponent';
 declare const _default: {
@@ -48,9 +47,8 @@ declare const _default: {
                     'x-decorator': string;
                     'x-component': string;
                     'x-component-props': {
-                        mode: string;
-                        placeholder: string;
-                        filter(field: any): boolean;
+                        useCollection(): any;
+                        className: string;
                     };
                     'x-reactions': {
                         dependencies: string[];
@@ -76,7 +74,6 @@ declare const _default: {
     };
     components: {
         FilterDynamicComponent: typeof FilterDynamicComponent;
-        FieldsSelect: import("react").MemoExoticComponent<import("@formily/reactive-react").ReactFC<Omit<any, "ref">>>;
     };
     useVariables({ id, title, config }: {
         id: any;

package/lib/client/nodes/query.js

@@ -16,7 +16,6 @@ var _locale = require("../locale");
 var _CollectionBlockInitializer = require("../components/CollectionBlockInitializer");
 var _FilterDynamicComponent = require("../components/FilterDynamicComponent");
 var _variable = require("../variable");
-var _FieldsSelect = require("../components/FieldsSelect");
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -61,8 +60,7 @@ var _default = {
     useCollectionDataSource: _client().useCollectionDataSource
   },
   components: {
-    FilterDynamicComponent: _FilterDynamicComponent.FilterDynamicComponent,
-    FieldsSelect: _FieldsSelect.FieldsSelect
+    FilterDynamicComponent: _FilterDynamicComponent.FilterDynamicComponent
   },
   useVariables({
     id,

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

@@ -0,0 +1,26 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    description: string;
+    fieldset: {
+        sql: {
+            type: string;
+            required: boolean;
+            title: string;
+            description: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-component-props': {
+                rows: number;
+                className: string;
+            };
+        };
+    };
+    scope: {};
+    components: {
+        SQLInput(props: any): React.JSX.Element;
+    };
+};
+export default _default;

package/lib/client/{triggers/schedule/DateFieldsSelect.js → nodes/sql.js}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DateFieldsSelect = void 0;
+exports.default = void 0;
 function _react() {
-  const data = require("@formily/react");
+  const data = _interopRequireDefault(require("react"));
   _react = function _react() {
     return data;
   };
@@ -18,53 +18,44 @@ function _client() {
   };
   return data;
 }
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
-    return data;
-  };
-  return data;
-}
-function _react2() {
-  const data = _interopRequireDefault(require("react"));
-  _react2 = function _react2() {
-    return data;
-  };
-  return data;
-}
-function _reactI18next() {
-  const data = require("react-i18next");
-  _reactI18next = function _reactI18next() {
-    return data;
-  };
-  return data;
-}
+var _locale = require("../locale");
+var _variable = require("../variable");
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const DateFieldsSelect = (0, _react().observer)(props => {
-  const _useTranslation = (0, _reactI18next().useTranslation)(),
-    t = _useTranslation.t;
-  const compile = (0, _client().useCompile)();
-  const _useCollectionManager = (0, _client().useCollectionManager)(),
-    getCollectionFields = _useCollectionManager.getCollectionFields;
-  const _useForm = (0, _react().useForm)(),
-    values = _useForm.values;
-  const fields = getCollectionFields(values === null || values === void 0 ? void 0 : values.collection);
-  return _react2().default.createElement(_antd().Select, _objectSpread({
-    popupMatchSelectWidth: false,
-    placeholder: t('Select field')
-  }, props), fields.filter(field => !field.hidden && (field.uiSchema ? field.type === 'date' : false)).map(field => {
-    var _field$uiSchema;
-    return _react2().default.createElement(_antd().Select.Option, {
-      key: field.name,
-      value: field.name
-    }, compile((_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title));
-  }));
-}, {
-  displayName: 'DateFieldsSelect'
-});
-exports.DateFieldsSelect = DateFieldsSelect;
+var _default = {
+  title: `{{t("SQL action", { ns: "${_locale.NAMESPACE}" })}}`,
+  type: 'sql',
+  group: 'extended',
+  description: `{{t("Execute a SQL statement in database.", { ns: "${_locale.NAMESPACE}" })}}`,
+  fieldset: {
+    sql: {
+      type: 'string',
+      required: true,
+      title: 'SQL',
+      description: `{{t("Usage of SQL query result is not supported yet.", { ns: "${_locale.NAMESPACE}" })}}`,
+      'x-decorator': 'FormItem',
+      'x-component': 'SQLInput',
+      'x-component-props': {
+        rows: 20,
+        className: (0, _client().css)`
+          font-size: 80%;
+          font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+        `
+      }
+    }
+  },
+  scope: {},
+  components: {
+    SQLInput(props) {
+      const scope = (0, _variable.useWorkflowVariableOptions)();
+      return _react().default.createElement(_client().Variable.RawTextArea, _objectSpread({
+        scope: scope
+      }, props));
+    }
+  }
+};
+exports.default = _default;

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

@@ -40,9 +40,8 @@ export declare const appends: {
     'x-decorator': string;
     'x-component': string;
     'x-component-props': {
-        mode: string;
-        placeholder: string;
-        filter(field: any): boolean;
+        useCollection(): any;
+        className: string;
     };
     'x-reactions': {
         dependencies: string[];

package/lib/client/schemas/collection.js

@@ -70,15 +70,16 @@ exports.filter = filter;
 const appends = {
   type: 'array',
   title: `{{t("Preload associations", { ns: "${_locale.NAMESPACE}" })}}`,
-  description: `{{t("Please select the associated fields that need to be accessed in subsequent nodes", { ns: "${_locale.NAMESPACE}" })}}`,
+  description: `{{t("Please select the associated fields that need to be accessed in subsequent nodes. With more than two levels of to-many associations may cause performance issue, please use with caution.", { ns: "${_locale.NAMESPACE}" })}}`,
   'x-decorator': 'FormItem',
-  'x-component': 'FieldsSelect',
+  'x-component': 'AppendsTreeSelect',
   'x-component-props': {
-    mode: 'multiple',
-    placeholder: '{{t("Select field")}}',
-    filter(field) {
-      return ['linkTo', 'belongsTo', 'hasOne', 'hasMany', 'belongsToMany'].includes(field.type);
-    }
+    useCollection() {
+      const _useForm2 = (0, _react().useForm)(),
+        values = _useForm2.values;
+      return values === null || values === void 0 ? void 0 : values.collection;
+    },
+    className: 'full-width'
   },
   'x-reactions': [{
     dependencies: ['collection'],

package/lib/client/style.d.ts

@@ -1,13 +1,18 @@
-export declare const workflowPageClass: string;
-export declare const workflowVersionDropdownClass: string;
-export declare const branchBlockClass: string;
-export declare const branchClass: string;
-export declare const nodeBlockClass: string;
-export declare const nodeClass: string;
-export declare const nodeCardClass: string;
-export declare const nodeJobButtonClass: string;
-export declare const nodeHeaderClass: string;
-export declare const nodeMetaClass: string;
-export declare const nodeTitleClass: string;
-export declare const nodeSubtreeClass: string;
-export declare const addButtonClass: string;
+declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    workflowPageClass: import("antd-style").SerializedStyles;
+    workflowVersionDropdownClass: import("antd-style").SerializedStyles;
+    branchBlockClass: import("antd-style").SerializedStyles;
+    branchClass: import("antd-style").SerializedStyles;
+    nodeBlockClass: import("antd-style").SerializedStyles;
+    nodeClass: import("antd-style").SerializedStyles;
+    nodeCardClass: import("antd-style").SerializedStyles;
+    nodeJobButtonClass: import("antd-style").SerializedStyles;
+    nodeHeaderClass: import("antd-style").SerializedStyles;
+    nodeMetaClass: import("antd-style").SerializedStyles;
+    nodeTitleClass: import("antd-style").SerializedStyles;
+    nodeSubtreeClass: import("antd-style").SerializedStyles;
+    addButtonClass: import("antd-style").SerializedStyles;
+    conditionClass: import("antd-style").SerializedStyles;
+    loopLineClass: import("antd-style").SerializedStyles;
+}>;
+export default useStyles;